/* Blog Single Article Page */
/* Hero Banner */
.single_hero {
    background: linear-gradient(rgba(15,36,71,0.85), rgba(15,36,71,0.85)), url("../images/banner.jpg");
    background-size: cover;
    background-position: center;
    color:#fff;
    padding:70px 0;
}
.hero_breadcrumb {
    font-size:13px;
    margin-bottom:14px;
}
.hero_breadcrumb a {
    color:#fff;
    opacity:0.85;
}
.hero_tag {
    display:inline-block;
    background:#1668E0;
    padding:4px 10px;
    font-size:12px;
    text-transform:uppercase;
    margin-bottom:12px;
}
.single_hero h1 {
    font-size:38px;
    font-weight:700;
    margin-bottom:18px;
    line-height:1.25;
}
.post_meta {
    display:flex;
    gap:20px;
    flex-wrap:wrap;
    font-size:13px;
    opacity:0.9;
}
.post_meta span {
    display:flex;
    align-items:center;
    gap:6px;
}

/* Main layout grid */
.single_main_section {
    padding:40px 0 60px;
}
.single_grid_layout {
    display:grid;
    grid-template-columns: 3fr 1fr;
    gap:40px;
}

/* Article content */
.featured_image {
    width:100%;
    border-radius:4px;
    overflow:hidden;
    margin-bottom:30px;
}
.featured_image img {
    width:100%;
    height:auto;
    display:block;
}
.article_body {
    font-size:16px;
    line-height:1.7;
    color:#444954;
}
.article_body h2 {
    font-size:22px;
    margin:32px 0 14px;
    color:#0F2447;
}
.article_body p {
    margin-bottom:18px;
}
.feature_list {
    list-style:none;
    padding-left:0;
    margin:16px 0 24px;
}
.feature_list li {
    display:flex;
    gap:10px;
    margin-bottom:10px;
}
.feature_list li i {
    color:#1668E0;
    margin-top:3px;
}

/* Applications Grid */
.applications_grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:16px;
    margin:20px 0 30px;
}
.app_item {
    background:#f8f9fa;
    padding:20px 12px;
    border-radius:4px;
    text-align:center;
    display:flex;
    flex-direction:column;
    gap:8px;
}
.app_item i {
    font-size:26px;
    color:#1668E0;
}
.app_item span {
    font-size:14px;
}

/* CTA Box */
.cta_box {
    background:#f0f5ff;
    border-radius:6px;
    padding:24px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin:36px 0;
}
.cta_left {
    display:flex;
    align-items:center;
    gap:14px;
}
.cta_left i {
    font-size:32px;
    color:#1668E0;
}
.cta_left h4 {
    margin:0 0 4px;
    color:#0F2447;
}
.cta_left p {
    margin:0;
    font-size:14px;
}

/* Sidebar */
.single_sidebar {
    display:flex;
    flex-direction:column;
    gap:32px;
}
.sidebar_widget {
    background:#fff;
    padding:24px;
    border-radius:4px;
    box-shadow:0 1px 3px #00000010;
}
.widget_title {
    font-size:16px;
    margin-bottom:18px;
    padding-bottom:10px;
    border-bottom:1px solid #eee;
}

/* Search widget */
.search_form {
    display:flex;
}
.search_input {
    flex:1;
    padding:10px 12px;
    border:1px solid #ddd;
    border-right:none;
    border-radius:4px 0 0 4px;
    font-size:14px;
}
.search_submit_btn {
    background:var(--color_primary_blue);
    color:#fff;
    border:none;
    padding:0 14px;
    border-radius:0 4px 4px 0;
    cursor:pointer;
}

/* Categories widget */
.categories_list {
    list-style:none;
}
.categories_list li {
    padding:9px 0;
    border-bottom:1px solid #f1f1f1;
}
.categories_list li:last-child {
    border-bottom:none;
}
.categories_list a {
    display:flex;
    justify-content:space-between;
    text-decoration:none;
    color:#444954;
    font-size:14px;
}
.cat_count {
    color:#777;
}

/* Recent Posts */
.recent_posts_list {
    list-style:none;
    display:flex;
    flex-direction:column;
    gap:16px;
}
.recent_post_item {
    display:flex;
    gap:12px;
}
.recent_thumb {
    width:70px;
    height:70px;
    flex-shrink:0;
    border-radius:3px;
    overflow:hidden;
}
.recent_thumb img {
    width:100%;
    height:100%;
    object-fit:cover;
}
.recent_text a {
    display:block;
    font-size:13px;
    color:#333;
    text-decoration:none;
    line-height:1.4;
    margin-bottom:4px;
}
.recent_date {
    font-size:11px;
    color:#777;
}

/* Tags widget */
.tags_list {
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}
.tag {
    background:#f1f4f9;
    padding:5px 10px;
    border-radius:20px;
    font-size:12px;
    text-decoration:none;
    color:#444954;
}
.tag:hover {
    background:#1668E0;
    color:#fff;
}

/* Subscribe widget */
.subscribe_widget {
    background:var(--color_primary_blue);
    color:#fff;
}
.subscribe_header {
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:12px;
}
.subscribe_header i {
    font-size:20px;
}
.subscribe_desc {
    font-size:13px;
    opacity:0.9;
    margin-bottom:18px;
}
.subscribe_form {
    display:flex;
    flex-direction:column;
    gap:10px;
}
.subscribe_input {
    padding:11px 12px;
    border-radius:3px;
    border:none;
    font-size:14px;
}
.subscribe_btn {
    background:#000;
    color:#fff;
    border:none;
    padding:12px;
    border-radius:3px;
    font-weight:600;
    cursor:pointer;
}

/* Responsive */
@media screen and (max-width:1100px) {
    .single_grid_layout {
        grid-template-columns:1fr;
    }
    .applications_grid {
        grid-template-columns:repeat(2,1fr);
    }
}
@media screen and (max-width:768px) {
    .applications_grid {
        grid-template-columns:1fr;
    }
    .single_hero h1 {
        font-size:28px;
    }
    .cta_box {
        flex-direction:column;
        gap:20px;
        text-align:center;
    }
    .cta_left {
        flex-direction:column;
        text-align:center;
    }
}