.button-loading{border:1px solid #c4cdd5;color:transparent!important;cursor:default;position:relative;text-shadow:none;transition:border-color .2s ease-out}.button-loading,.button-loading:active,.button-loading:focus,.button-loading:hover{color:transparent}.button-loading:before{animation:button-loading-spinner 1s linear infinite;border:3px solid;border-color:#fff #fff transparent;border-radius:50%;content:"";height:18px;left:50%;margin-left:-9px;margin-top:-9px;position:absolute;top:50%;width:18px}.button-loading.btn-fill-out{border:1px solid var(--color-primary);color:transparent!important}.button-loading.btn-fill-out:before{background-color:transparent;border-color:var(--color-primary);border-bottom-color:transparent;width:18px}.button-loading.btn-fill-out:after{display:none}.required:after{color:red;content:" *"}@keyframes button-loading-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#alert-container{position:fixed;right:5px;top:100px;z-index:9999999}#alert-container .alert{box-shadow:0 4px 10px 0 rgba(3,3,3,.1);font-weight:400;margin-bottom:10px;max-width:450px!important;min-height:45px!important;padding:15px 40px 15px 60px;position:relative}#alert-container .alert.alert-success{background-color:#bff9d0;color:#299c77}#alert-container .alert .message-icon{fill:#299c77;stroke:#299c77;font-size:20px;left:5%;position:absolute;top:30%}#alert-container .alert.alert-dismissible .close{font-size:10px;padding:0;position:absolute;right:15px;top:20px}body.show-admin-bar #alert-container{top:140px}body.show-admin-bar #sidebar-wrapper,body.show-admin-bar .header-sticky.sticky-bar{top:40px}.language-wrapper{margin-left:15px}.language-wrapper .language_bar_chooser{display:block;float:right;line-height:58px;text-align:center;width:160px}.language-wrapper .language_bar_chooser li{display:inline-block;float:left;margin-left:5px}.language-wrapper .language_bar_chooser.dropdown-menu{border-radius:0!important;display:none}.language-wrapper .language_bar_chooser.dropdown-menu li{display:block;margin:0;width:100%}.language-wrapper .language_bar_chooser.dropdown-menu li a{display:block!important;margin-right:0!important}.language-wrapper .dropdown.open .language_bar_chooser.dropdown-menu{display:block}.language-wrapper .btn{background:none;border:none;border-radius:0!important;height:40px;margin-bottom:0}.language-wrapper .language_bar_list li{display:inline-block;margin-left:5px}.language-wrapper .language_bar_list li a{font-size:12px;text-align:left}.language-wrapper .language_bar_list li a span{color:var(--color-muted)}.language-wrapper .language_bar_list li a img{margin-right:8px;margin-top:2px;width:20px}.half-circle-spinner,.half-circle-spinner *{box-sizing:border-box}.half-circle-spinner{border-radius:100%;height:30px;margin:20px auto;position:relative;width:30px}.half-circle-spinner .circle{background:none;border:2px solid transparent;border-radius:100%;box-shadow:none;content:"";height:100%;margin:0;position:absolute;width:100%}.half-circle-spinner .circle.circle-1{animation:half-circle-spinner-animation 1s infinite;border-top-color:var(--color-primary)}.half-circle-spinner .circle.circle-2{animation:half-circle-spinner-animation 1s infinite alternate;border-bottom-color:var(--color-primary)}@keyframes half-circle-spinner-animation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.sidebar-inner{width:100%}.sidebar-inner .sidebar-inner-loading{display:table-cell;text-align:center;vertical-align:middle;width:100%}.widget_categories ul.font-small li{border-bottom:1px dotted rgba(0,0,0,.15);display:table;padding:8px 0;width:100%}.widget_categories ul.font-small li a{padding:0;text-align:left}.main-menu .current-menu-item a{color:var(--color-primary)}.header-select-language{background:#f1f2f3;font-size:13px;padding:10px 0}.header-select-language .language-wrapper{align-items:center;display:flex!important;margin-left:0}.header-select-language .language-wrapper>span{display:inline-block;margin-right:5px}.header-select-language .language-wrapper .language_bar_list{display:inline-block}.header-top .logo{max-height:50px}.single-content article.entry-wraper ol,.single-content article.entry-wraper ul{list-style:disc;margin-bottom:25px;padding-left:25px}.single-content article.entry-wraper ol li,.single-content article.entry-wraper ul li{font-weight:400;list-style:disc}.single-content article.entry-wraper ol,.single-content article.entry-wraper ol li{list-style:decimal}.single-content article.entry-wraper table{background-color:transparent;border:1px solid #dee2e6;border-collapse:collapse;margin-bottom:1rem;max-width:100%;width:100%}.single-content article.entry-wraper table caption{caption-side:top;color:#6c757d;font-size:90%;font-weight:500;padding:10px 0;text-align:center}.single-content article.entry-wraper table th{border:solid #dee2e6;border-width:1px 1px 2px;padding:.75rem;vertical-align:bottom}.single-content article.entry-wraper table td{border:1px solid #dee2e6}.single-content article.entry-wraper table tbody tr th{border-bottom-width:1px}.single-content article.entry-wraper table blockquote{border:solid #ccc;border-width:0 0 0 5px;font-style:italic;margin:0 0 1rem;padding:2px 8px 2px 20px}.single-content article.entry-wraper table blockquote p{font-size:14px;line-height:40px;margin-bottom:0}.single-content article.entry-wraper h2{font-size:1.75rem}.single-content article.entry-wraper h3{font-size:1.5rem}.single-content article.entry-wraper h4{font-size:1.25rem}.single-content article.entry-wraper h5{font-size:1rem}.single-content article.entry-wraper h6{font-size:.9rem}.single-content article.entry-wraper .wp-block-gallery{margin:0;padding:0}.single-content article.entry-wraper .wp-block-gallery li{list-style:none!important}.single-content article.entry-wraper .wp-block-gallery ul{display:flex;flex-wrap:wrap;margin:0;padding:0}.single-content article.entry-wraper .wp-block-gallery ul img{border-radius:5px}.single-content article.entry-wraper .wp-block-gallery.columns-3 ul li{margin-right:16px;width:calc(33.33333% - 10.66667px)}.single-content article.entry-wraper .wp-block-gallery.columns-3 ul li:nth-of-type(3n){margin-right:0}.single-content article.entry-wraper .single-more-articles ul{list-style:none;padding-left:0}.single-content article.entry-wraper .single-more-articles ul li{list-style:none}.pagination-area .pagination{flex-wrap:wrap}.pagination-area .page-item{margin-bottom:10px}#scrollUp{margin-right:0}.mobile_menu{position:absolute;right:10px;width:96%;z-index:99}.offcanvas-sidebar .off-canvas-close{right:20px;top:20px}.language-wrapper .dropdown-toggle:after{display:none}.language-wrapper .btn-select-language{background:transparent!important;border:none!important;box-shadow:none!important;color:var(--color-muted)!important;font-size:12px;font-weight:400;height:auto;padding:0}.language-wrapper .dropdown-menu.language_bar_chooser{background-clip:padding-box;background-color:#fff;border:1px solid rgba(0,0,0,.15);color:var(--color-muted)!important;display:none;font-size:12px;line-height:1;list-style:none;margin:.125rem 0 0;min-width:10rem;padding:0;text-align:left;z-index:1000}.language-wrapper .dropdown-menu li img{margin:0 10px}.language-wrapper .dropdown-menu li a{padding:10px 0}.scroll-progress{background:var(--color-primary)!important}.open-search-form .main-search-form{z-index:9999}.carousel-slider{margin:0 -15px}.carousel-slider .carousel-slider-item{margin-left:15px;margin-right:15px}.menu-icon-image{display:inline-block;height:14px;margin-right:1px;margin-top:-2px;vertical-align:middle;width:14px}.entry-meta.meta-2 .author-name{margin-top:3px}.single-content article.entry-wraper ul.pagination li{list-style:none}.post-thumb-80{overflow:hidden;width:80px}.post-thumb-80 img{height:80px;max-width:none;width:auto}.entry-main-content .ck-content blockquote:before{display:none}.icon-tiktok{background-size:100%!important;background:url(../images/icon-tiktok.svg) no-repeat 50%}.icon-discord,.icon-tiktok{display:inline-block;height:15px;vertical-align:middle;width:15px}.icon-discord{background-size:100%!important;background:url(../images/icon-discord.svg) no-repeat 50%}@media screen and (max-width:768px){h3.post-title{font-size:1.25rem}.post-content-overlay .entry-meta span.post-cat{color:#fff!important}.post-card-content{min-height:48px}.author-bio{display:block}.author-bio .author-image{margin:20px auto;text-align:center}}.featured-slider-2-items .post-thumb .thumb-overlay,.featured-slider-3-items .post-thumb .thumb-overlay{background-repeat:no-repeat;background-size:cover}.single-content article.entry-wraper h4.fob-comment-item-author{font-size:14px}.header-social-network li a svg.icon,.social-share li a svg.icon{height:16px;margin-top:4px;vertical-align:top;width:16px}.social-share{margin:0!important}.social-share,.social-share li{list-style:none!important}.social-share li.list-inline-item:not(:last-child){margin-right:0}.social-share li.list-inline-item:last-child{margin-right:10px}.post-thumb .social-share:hover li:first-child,figure .social-share:hover li:first-child{margin:0}.main-menu li a svg{height:18px;vertical-align:top;width:18px}.me-1{margin-inline-end:4px}.blog-posts-search-results{min-height:0;position:relative}.blog-posts-search-results .content{transition:opacity .2s ease}.blog-posts-search-results .content.loading{opacity:.3}.blog-posts-search-results .lds-dual-ring{display:inline-block;height:40px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .2s ease;visibility:hidden;width:40px;z-index:1}.blog-posts-search-results .lds-dual-ring.loading{opacity:1;visibility:visible}.blog-posts-search-results .lds-dual-ring:after{animation:lds-dual-ring 1.2s linear infinite;border:3px solid;border-color:var(--color-primary) transparent var(--color-primary) transparent;border-radius:50%;content:" ";display:block;height:40px;margin:8px;width:40px}@keyframes lds-dual-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.search-results-list{list-style:none;margin:0;max-height:450px;overflow-y:auto;padding:0;scrollbar-color:var(--color-primary) #f1f1f1;scrollbar-width:thin}.search-results-list::-webkit-scrollbar{width:6px}.search-results-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.search-results-list::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:3px;opacity:.7}.search-results-list li{list-style:none}.search-results-list .search-result-item{background:#fff;border:1px solid #e9ecef;border-radius:6px;padding:8px 10px;transition:all .2s ease}.search-results-list .search-result-item:hover{background:#f8f9ff;border-color:var(--color-primary)}.search-results-list .search-result-item:hover .post-title a{color:var(--color-primary)}.search-results-list .post-thumb-64{border-radius:4px;flex-shrink:0;height:44px;min-width:44px;overflow:hidden;width:44px}.search-results-list .post-thumb-64 img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.search-results-list .post-content .post-title{font-size:13px;line-height:1.3;margin-bottom:2px}.search-results-list .post-content .post-title a{color:#212529;transition:color .2s ease}.search-results-list .post-content .post-title a:hover{text-decoration:none}.search-results-list .post-content .entry-meta .post-on{color:#6c757d;font-size:10px;text-transform:uppercase}


/* ============================================================
   Blog Background (Theme Options) — optional scenic background
   Active only when body.has-custom-background is present, so the
   default clean theme is untouched when the option is disabled.
   ============================================================ */
/* In-flow sticky reading recommendation dock */
.reading-suggestions { position: sticky !important; top: calc(100vh - 92px) !important; right: auto !important; bottom: auto !important; z-index: 3 !important; width: 100% !important; max-height: 0; margin: 0 !important; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(14px) !important; transition: max-height .36s ease, margin .36s ease, transform .36s cubic-bezier(.2, .8, .2, 1), opacity .24s ease, visibility .24s ease !important; }
.reading-suggestions.is-visible { max-height: 84px !important; margin: 26px 0 !important; opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0) !important; }
.reading-suggestions.is-expanded { top: 18px !important; max-height: 430px !important; }
.reading-suggestions-surface { padding: 8px !important; box-shadow: 0 10px 26px rgba(10, 22, 47, .1) !important; }
.reading-suggestions-close { top: 6px !important; right: 7px !important; width: 28px !important; height: 28px !important; }
.reading-suggestions-close svg { width: 16px !important; height: 16px !important; }
.reading-suggestion-preview { grid-template-columns: 54px minmax(0, 1fr) 20px !important; gap: 11px !important; padding: 0 31px 0 0 !important; }
.reading-suggestion-image { width: 54px !important; height: 54px !important; border-radius: 5px !important; }
.reading-suggestion-copy { gap: 1px !important; }
.reading-suggestion-eyebrow { font-size: 9px !important; }
.reading-suggestion-copy strong { display: block !important; font-size: 14px !important; line-height: 1.3 !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
.reading-suggestion-meta { line-height: 1.25 !important; }
.reading-suggestions.is-expanded .reading-suggestions-expanded { max-height: 330px !important; margin-top: 10px !important; }
@media (max-width: 575.98px) {
    .reading-suggestions { top: calc(100svh - 84px) !important; }
    .reading-suggestions.is-visible { max-height: 76px !important; margin: 20px 0 !important; }
    .reading-suggestions-surface { padding: 7px !important; }
    .reading-suggestion-preview { grid-template-columns: 48px minmax(0, 1fr) 18px !important; gap: 9px !important; padding-right: 28px !important; }
    .reading-suggestion-image { width: 48px !important; height: 48px !important; }
    .reading-suggestions.is-expanded { top: 12px !important; max-height: min(58svh, 360px) !important; }
    .reading-suggestions.is-expanded .reading-suggestions-expanded { max-height: min(46svh, 280px) !important; }
    .reading-suggestions-expanded ul { max-height: min(36svh, 216px) !important; }
}

/* End-of-article discoveries */
.article-discoveries{margin-top:64px;padding:48px 0 10px;border-top:1px solid #dfe5ee}.article-discoveries-heading{margin-bottom:30px}.article-discoveries-heading>span{display:block;margin-bottom:7px;color:var(--color-primary);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.article-discoveries-heading h2{margin:0;color:var(--color-dark,#000c2d);font-size:28px;font-weight:800;line-height:1.2}.article-discoveries-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:42px;align-items:start}.article-discovery-featured-image{display:block;overflow:hidden;border-radius:8px;aspect-ratio:16/9;background:#edf1f5}.article-discovery-featured-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.article-discovery-featured:hover .article-discovery-featured-image img{transform:scale(1.035)}.article-discovery-featured-copy{padding-top:17px}.article-discovery-category{display:inline-block;color:var(--color-primary);font-size:11px;font-weight:800;line-height:1.3;text-decoration:none}.article-discovery-category:hover{color:var(--color-primary);text-decoration:underline}.article-discovery-featured h3,.article-discovery-item h3{margin:7px 0 8px;font-size:20px;font-weight:800;line-height:1.3}.article-discovery-featured h3 a,.article-discovery-item h3 a{color:var(--color-dark,#000c2d);text-decoration:none}.article-discovery-featured h3 a:hover,.article-discovery-item h3 a:hover{color:var(--color-primary)}.article-discovery-featured p,.article-discovery-item p{margin:0;color:#748198;font-size:11px;font-weight:700;line-height:1.4;text-transform:uppercase}.article-discoveries-list{border-top:1px solid #e4e8ee}.article-discovery-item{display:grid;grid-template-columns:104px minmax(0,1fr);gap:16px;padding:15px 0;border-bottom:1px solid #e4e8ee;align-items:center}.article-discovery-item-image{display:block;width:104px;height:70px;overflow:hidden;border-radius:6px;background:#edf1f5}.article-discovery-item-image img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.article-discovery-item:hover .article-discovery-item-image img{transform:scale(1.04)}.article-discovery-item h3{display:-webkit-box;margin:5px 0;overflow:hidden;font-size:14px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.article-discovery-item p{font-size:10px}@media(max-width:767.98px){.article-discoveries{margin-top:46px;padding-top:36px}.article-discoveries-heading{margin-bottom:24px}.article-discoveries-heading h2{font-size:24px}.article-discoveries-layout{grid-template-columns:1fr;gap:24px}.article-discovery-featured h3{font-size:18px}}@media(max-width:575.98px){.article-discoveries{margin-top:38px;padding-top:30px}.article-discoveries-heading h2{font-size:22px}.article-discovery-item{grid-template-columns:88px minmax(0,1fr);gap:13px;padding:13px 0}.article-discovery-item-image{width:88px;height:62px}}@media(prefers-reduced-motion:reduce){.article-discovery-featured-image img,.article-discovery-item-image img{transition:none}}

/* Reliable brand-color hover states for compact share controls */
.post-share-group .post-share-facebook:hover,.post-share-group .post-share-facebook:focus-visible{background-color:#2563d7!important;border-color:#2563d7!important;color:#fff!important;box-shadow:0 7px 16px rgba(37,99,215,.3)!important}.post-share-group .post-share-whatsapp:hover,.post-share-group .post-share-whatsapp:focus-visible{background-color:#17a55b!important;border-color:#17a55b!important;color:#fff!important;box-shadow:0 7px 16px rgba(23,165,91,.3)!important}.post-share-group .post-share-copy:hover,.post-share-group .post-share-copy:focus-visible{background-color:#16264c!important;border-color:#16264c!important;color:#fff!important;box-shadow:0 7px 16px rgba(22,38,76,.28)!important}.post-share-group .post-share-btn:hover svg,.post-share-group .post-share-btn:focus-visible svg{color:#fff!important;stroke:currentColor}

body.has-custom-background {
    --content-surface: rgba(255, 255, 255, var(--content-surface-opacity, 0.96));
    --surface-border: rgba(0, 0, 0, 0.06);
    --surface-shadow: 0 18px 40px rgba(20, 16, 8, 0.12);
    position: relative;
    background-color: var(--bg-fallback-color, #f4efe6);
}

/* Dedicated viewport-sized layer carries the image. Using a fixed
   element (instead of background-attachment on <body>) keeps "cover"
   sizing correct on long pages and avoids the iOS fixed-bg bug. */
body.has-custom-background .site-background-layer {
    position: var(--bg-layer-position, fixed);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    z-index: -2;
    pointer-events: none;
    background-color: var(--bg-fallback-color, #f4efe6);
    background-image: var(--bg-desktop-image, none);
    background-position: var(--bg-position, center top);
    background-size: var(--bg-size, cover);
    background-repeat: var(--bg-repeat, no-repeat);
}

/* Readability tint: above the image layer, behind all content */
body.has-custom-background .site-background-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
    background-color: var(--bg-overlay-color, #ffffff);
    opacity: var(--bg-overlay-opacity, 0.25);
}

/* Let the scenic background show through full-width page wrappers */
body.has-custom-background main.bg-grey {
    background-color: transparent !important;
}

/* Article / static page: clean "paper" reading surface */
body.has-custom-background .single-content {
    background-color: var(--content-surface);
    border: 1px solid var(--surface-border);
    border-radius: 14px;
    box-shadow: var(--surface-shadow);
    padding: 40px 40px 20px;
    margin-top: 30px;
    margin-bottom: 40px;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

body.has-custom-background .single-content .ck-content,
body.has-custom-background .single-content p,
body.has-custom-background .single-content li {
    overflow-wrap: break-word;
    word-wrap: break-word;
}

/* Listing cards lift off the background as tidy panels */
body.has-custom-background .post-card-1 {
    background-color: var(--content-surface);
    border: 1px solid var(--surface-border);
    box-shadow: var(--surface-shadow);
}

body.has-custom-background .post-card-1 .post-content {
    background-color: transparent;
}

/* Sidebar widgets get a matching readable surface */
body.has-custom-background .primary-sidebar .sidebar-widget,
body.has-custom-background #sidebar-wrapper .sidebar-inner {
    background-color: var(--content-surface);
    border: 1px solid var(--surface-border);
    border-radius: 14px;
    box-shadow: var(--surface-shadow);
    padding: 24px;
}

/* Related / more-articles panel inside an article */
body.has-custom-background .single-content .single-more-articles {
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 12px;
}

/* Footer reads as a soft translucent band over the background */
body.has-custom-background footer.bg-grey {
    background-color: rgba(255, 255, 255, 0.90) !important;
    border-top: 1px solid var(--surface-border);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

/* Keep the open search overlay fully readable */
body.has-custom-background .open-search-form .main-search-form {
    background: rgba(255, 255, 255, 0.98);
}

/* ---- Header surface styles (chosen in Theme Options) ---- */
body.has-custom-background.header-surface-solid .main-header {
    background-color: #ffffff;
    box-shadow: 0 2px 12px rgba(20, 16, 8, 0.08);
}

body.has-custom-background.header-surface-soft .main-header {
    background-color: rgba(255, 255, 255, 0.82);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    box-shadow: 0 2px 12px rgba(20, 16, 8, 0.06);
}

body.has-custom-background.header-surface-transparent .main-header {
    background-color: transparent;
}

/* Sticky nav must always stay legible, whatever the header style */
body.has-custom-background.header-surface-soft .header-sticky.sticky-bar.sticky,
body.has-custom-background.header-surface-transparent .header-sticky.sticky-bar.sticky {
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

/* ---- Mobile: swap to the portrait/mobile image ---- */
@media (max-width: 767.98px) {
    body.has-custom-background .site-background-layer {
        background-image: var(--bg-mobile-image, none);
    }

    body.has-custom-background .single-content {
        padding: 24px 18px 12px;
        margin-top: 18px;
        border-radius: 12px;
    }

    body.has-custom-background .primary-sidebar .sidebar-widget,
    body.has-custom-background #sidebar-wrapper .sidebar-inner {
        padding: 18px;
    }
}

/* ============================================================
   Featured Categories — circular category showcase
   (placed directly below the homepage hero)
   ============================================================ */
.featured-categories-section {
    overflow: hidden;
}

.featured-categories-heading h5 {
    display: inline-block;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    padding-bottom: 12px;
    position: relative;
}

.featured-categories-heading h5::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 50px;
    height: 3px;
    background: var(--color-primary);
    border-radius: 3px;
}

/* Static balanced grid (used when categories fit the visible count) */
.featured-categories-grid {
    display: grid;
    grid-template-columns: repeat(var(--fc-cols, 5), minmax(0, 1fr));
    gap: 28px 20px;
    justify-items: center;
}

/* Slider variant (used when there are more categories than visible slots) */
.featured-categories-slider {
    position: relative;
    padding: 0 10px;
}

.featured-categories-slider .featured-category-item {
    padding: 0 12px;
}

.featured-categories-slider .slick-track {
    display: flex;
    align-items: flex-start;
}

/* Reserve vertical room inside Slick's clipping viewport for the hover lift. */
.featured-categories-slider .slick-list {
    margin: -18px 0 -24px;
    padding: 18px 0 24px;
}

/* Shared item + circular thumbnail */
.featured-category-item {
    text-align: center;
}

.featured-category-link {
    display: block;
    text-decoration: none;
    outline: none;
}

.featured-category-thumb {
    display: block;
    width: 100%;
    max-width: 150px;
    margin: 0 auto 16px;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    overflow: hidden;
    background: var(--color-grey, #f7f8f9);
    border: 3px solid #ffffff;
    box-shadow: 0 8px 20px rgba(20, 16, 8, 0.10);
    transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}

.featured-category-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    transition: transform 0.45s ease;
    display: block;
}

.featured-category-name {
    display: block;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    color: var(--color-dark, #000c2d);
    transition: color 0.2s ease;
    word-break: break-word;
}

/* Hover: lift + scale + primary accent */
.featured-category-link:hover .featured-category-thumb,
.featured-category-link:focus-visible .featured-category-thumb {
    transform: translateY(-6px);
    border-color: var(--color-primary);
    box-shadow: 0 16px 30px rgba(20, 16, 8, 0.18);
}

.featured-category-link:hover .featured-category-thumb img {
    transform: scale(1.08);
}

.featured-category-link:hover .featured-category-name,
.featured-category-link:focus-visible .featured-category-name {
    color: var(--color-primary);
}

/* Elegant circular slider arrows */
.featured-categories-slider .featured-categories-arrow {
    position: absolute;
    top: 75px;
    transform: translateY(-50%);
    width: 46px;
    height: 46px;
    padding: 0;
    border-radius: 50%;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.06);
    box-shadow: 0 6px 18px rgba(20, 16, 8, 0.14);
    color: var(--color-dark, #000c2d);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 6;
    transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.featured-categories-slider .featured-categories-arrow:hover {
    background: var(--color-primary);
    color: #ffffff;
    box-shadow: 0 10px 24px rgba(20, 16, 8, 0.22);
}

.featured-categories-slider .featured-categories-arrow i {
    font-size: 20px;
    line-height: 1;
}

.featured-categories-slider .slick-prev.featured-categories-arrow {
    left: -6px;
}

.featured-categories-slider .slick-next.featured-categories-arrow {
    right: -6px;
}

/* Hide arrows when there is nothing to scroll to (keeps 5-in-a-row clean) */
.featured-categories-slider .featured-categories-arrow.slick-disabled {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

/* Responsive column counts for the static grid */
@media (max-width: 991.98px) {
    .featured-categories-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .featured-category-thumb {
        max-width: 130px;
    }
}

@media (max-width: 767.98px) {
    .featured-categories-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 24px 14px;
    }
    .featured-categories-slider .featured-categories-arrow {
        top: 60px;
        width: 40px;
        height: 40px;
    }
    .featured-category-name {
        font-size: 14px;
    }
}

@media (max-width: 575.98px) {
    .featured-categories-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .featured-category-thumb {
        max-width: 120px;
    }
    .featured-categories-slider { padding: 0 42px; }
    .featured-categories-slider .featured-category-item { padding: 0 8px; }
    .featured-categories-slider .featured-category-thumb { max-width: min(190px, 54vw); margin-bottom: 14px; }
    .featured-categories-slider .featured-category-name { min-height: 44px; display: flex; align-items: flex-start; justify-content: center; font-size: 16px; }
    .featured-categories-slider .featured-categories-arrow { top: 96px; width: 38px; height: 38px; border-color: #dce3ec; box-shadow: 0 5px 14px rgba(20, 16, 8, 0.14); }
    .featured-categories-slider .slick-prev.featured-categories-arrow { left: 0; }
    .featured-categories-slider .slick-next.featured-categories-arrow { right: 0; }
    .featured-categories-slider .featured-categories-arrow.slick-disabled { opacity: .32; visibility: visible; }
}

@media (prefers-reduced-motion: reduce) {
    .featured-category-thumb,
    .featured-category-thumb img,
    .featured-categories-slider .featured-categories-arrow { transition: none; }
}

/* ============================================================
   Brand Intro Header (Theme Options) — site-wide logo + intro
   ============================================================ */
.brand-intro {
    background-color: var(--brand-intro-bg, #eaf4fb);
    background-image: var(--brand-intro-bg-image, none);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: var(--brand-intro-color, #33475b);
    padding: 42px 0;
}

.brand-intro.brand-intro--has-banner {
    padding-bottom: 0;
}

.brand-intro .brand-intro-inner {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.brand-intro--center .brand-intro-inner {
    align-items: center;
    text-align: center;
}

.brand-intro--left .brand-intro-inner {
    align-items: flex-start;
    text-align: left;
}

.brand-intro--compact .brand-intro-text {
    max-width: 860px;
}

.brand-intro--center.brand-intro--compact .brand-intro-text {
    margin-left: auto;
    margin-right: auto;
}

.brand-intro-logo-link {
    display: inline-block;
    line-height: 0;
}

.brand-intro-logo {
    max-height: 90px;
    width: auto;
    max-width: 100%;
    display: block;
}

.brand-intro-text {
    margin: 0;
}

.brand-intro-line {
    margin: 0 0 8px;
    color: var(--brand-intro-color, #33475b);
    font-size: 17px;
    line-height: 1.9;
    font-weight: 500;
}

.brand-intro-line:last-child {
    margin-bottom: 0;
}

.brand-intro-banner-wrap {
    margin: var(--brand-intro-banner-margin-top, 22px) auto 0;
    width: min(var(--brand-intro-banner-width, 100vw), 100vw);
    max-width: none;
    overflow: hidden;
}

.brand-intro-banner {
    display: block;
    width: 100%;
    height: var(--brand-intro-banner-height, 360px);
    object-fit: var(--brand-intro-banner-fit, cover);
    object-position: var(--brand-intro-banner-position, center center);
}

@media (max-width: 767.98px) {
    .brand-intro {
        padding: 28px 0;
    }
    .brand-intro-logo {
        max-height: 62px;
    }
    .brand-intro-line {
        font-size: 15px;
        line-height: 1.85;
    }
    .brand-intro-banner-wrap {
        --brand-intro-banner-height: var(--brand-intro-banner-mobile-height, 220px);
    }
    .brand-intro-banner {
        height: var(--brand-intro-banner-mobile-height, 220px);
    }
}

/* ============================================================
   Single-post breadcrumbs (moved inside the article header)
   ============================================================ */
.single-content .entry-header.entry-header-style-1 {
    margin-bottom: 34px !important;
    padding-top: 36px !important;
}

.single-content .entry-header .entry-title {
    max-width: 1120px;
    margin-bottom: 34px !important;
    color: var(--color-dark, #1f2d3d);
    font-size: clamp(32px, 4.2vw, 58px);
    line-height: 1.14;
    letter-spacing: 0;
    overflow-wrap: anywhere;
}

.single-content .entry-header .entry-meta {
    min-width: 0;
}

.single-content .entry-header .entry-meta p {
    margin-bottom: 6px;
}

.single-content .post-breadcrumbs {
    line-height: 1.6;
    margin-bottom: 20px;
}

.single-content .post-breadcrumbs .breadcrumb {
    display: block;
    font-size: 13px;
    color: var(--color-muted, #687385);
}

.single-content .post-breadcrumbs .breadcrumb a {
    color: var(--color-muted, #687385);
    text-decoration: none;
    transition: color 0.2s ease;
}

.single-content .post-breadcrumbs .breadcrumb a:hover {
    color: var(--color-primary);
}

@media (max-width: 767.98px) {
    .single-content .entry-header.entry-header-style-1 {
        margin-bottom: 26px !important;
        padding-top: 28px !important;
    }
    .single-content .entry-header .entry-title {
        margin-bottom: 26px !important;
        font-size: clamp(28px, 8vw, 38px);
        line-height: 1.22;
    }
    .single-content .post-breadcrumbs .breadcrumb {
        font-size: 12px;
    }
}

/* ============================================================
   Blog post content images — orientation-aware sizing
   (classes .is-landscape / .is-portrait / .is-square added by JS)
   ============================================================ */
.entry-main-content .ck-content img {
    max-width: 100%;
    height: auto;
}

/* Fluid figures/wrappers so editor-set widths never overflow the column */
.entry-main-content .ck-content figure,
.entry-main-content .ck-content .wp-block-image {
    max-width: 100%;
    margin: 26px auto;
}

.entry-main-content .ck-content figure.image {
    width: auto !important;
    display: block;
}

.entry-main-content .ck-content a.has-classified-image {
    display: block;
}

/* Landscape — fill the full article text width */
.entry-main-content .ck-content img.is-landscape {
    display: block;
    width: 100% !important;
    height: auto !important;
    margin-left: auto;
    margin-right: auto;
    border-radius: 8px;
}

/* Portrait — centered at natural size, capped so it never stretches */
.entry-main-content .ck-content img.is-portrait {
    display: block;
    width: auto !important;
    max-width: min(100%, 480px);
    height: auto !important;
    margin-left: auto;
    margin-right: auto;
    border-radius: 8px;
}

/* Square — centered, moderate cap */
.entry-main-content .ck-content img.is-square {
    display: block;
    width: auto !important;
    max-width: min(100%, 560px);
    height: auto !important;
    margin-left: auto;
    margin-right: auto;
    border-radius: 8px;
}

/* Keep captions aligned and readable under any image */
.entry-main-content .ck-content figure figcaption,
.entry-main-content .ck-content .wp-block-image figcaption {
    text-align: center;
    font-size: 13px;
    color: var(--color-muted, #687385);
    line-height: 1.5;
    margin-top: 8px;
}

/* Center portrait/square images that sit directly inside a paragraph */
.entry-main-content .ck-content p.has-classified-image {
    text-align: center;
}

/* ============================================================
   Blog post content videos — orientation-aware, no pillarbox
   (classes .is-landscape / .is-portrait / .is-square added by JS)
   ============================================================ */
.entry-main-content .ck-content .content-video-wrap {
    display: flex;
    justify-content: center;
    margin: 26px auto;
    max-width: 100%;
}

.entry-main-content .ck-content video,
.entry-main-content .ck-content .content-video {
    display: block;
    max-width: 100%;
    height: auto;
    background: transparent; /* removes the default black box / pillarbox */
    border-radius: 10px;
}

/* Landscape — fill the full article text width */
.entry-main-content .ck-content video.is-landscape {
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* Portrait — consistently readable width, while preserving native height */
.entry-main-content .ck-content video.is-portrait {
    width: min(100%, 440px);
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

/* Square — centered, moderate cap */
.entry-main-content .ck-content video.is-square {
    width: auto;
    max-width: min(100%, 520px);
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 575.98px) {
    .entry-main-content .ck-content video.is-portrait {
        max-width: 100%;
    }
}

/* ============================================================
   Community: Follow button, counter, email modal, archive,
   footer, share buttons, copy toast
   ============================================================ */

/* ---- Follow button + counter ---- */
.follow-box-inner {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 50px;
    padding: 8px 8px 8px 20px;
    box-shadow: 0 8px 24px rgba(20, 16, 8, 0.08);
    max-width: 100%;
}
.follow-count { display: flex; flex-direction: column; line-height: 1.05; }
.follow-count-number { font-size: 20px; font-weight: 800; color: var(--color-dark, #000c2d); }
.follow-count-label { font-size: 11px; text-transform: uppercase; letter-spacing: 0.5px; color: var(--color-muted, #687385); }
.follow-btn {
    display: inline-flex; align-items: center; gap: 8px;
    border: none; cursor: pointer;
    background: var(--color-primary); color: #fff;
    font-weight: 700; font-size: 14px; padding: 11px 22px; border-radius: 50px;
    transition: transform .2s ease, box-shadow .2s ease, filter .2s ease, background .2s ease;
}
.follow-btn:hover { filter: brightness(1.06); transform: translateY(-1px); box-shadow: 0 8px 20px rgba(88, 105, 218, 0.35); }
.follow-btn.is-following { background: #e9edf5; color: var(--color-dark, #000c2d); cursor: default; }
.follow-btn.is-following:hover { transform: none; box-shadow: none; filter: none; }
.follow-btn-icon i { font-size: 16px; display: block; }
.follow-btn.is-following .follow-btn-icon { position: relative; width: 16px; height: 16px; display: inline-block; }
.follow-btn.is-following .follow-btn-icon svg { display: none; }
.follow-btn.is-following .follow-btn-icon::after, .follow-email-btn.is-verified::after { content: ""; position: absolute; width: 7px; height: 11px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); }
.follow-btn.is-following .follow-btn-icon::after { left: 4px; top: 0; }
.follow-btn.is-loading { opacity: .65; pointer-events: none; }
.follow-email-btn { width: 42px; height: 42px; padding: 0; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 42px; border: 1px solid #dce3ec; border-radius: 8px; background: #fff; color: var(--color-dark, #000c2d); cursor: pointer; transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease; }
.follow-email-btn:hover { background: #f0f5ff; border-color: #9bb8ea; color: #2450a6; transform: translateY(-1px); }
.follow-email-btn.is-verified { position: relative; background: #eaf7ef; border-color: #b7e2c6; color: #23834d; }
.follow-email-btn.is-verified svg { display: none; }
.follow-email-btn svg { width: 18px; height: 18px; }

/* ---- Modal ---- */
.galiyara-modal {
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: none;
    padding: 24px;
    overflow-y: auto;
}
.galiyara-modal.is-open {
    display: grid;
    place-items: center;
}
.galiyara-modal-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(11, 18, 32, 0.58);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}
.galiyara-modal-dialog {
    position: relative;
    z-index: 1;
    width: min(520px, 100%);
    max-height: calc(100vh - 48px);
    overflow: auto;
    background: #fff;
    border-radius: 20px;
    padding: 38px 38px 30px;
    box-shadow: 0 30px 80px rgba(6, 15, 33, 0.32);
    text-align: center;
    animation: galiyaraModalIn .24s ease;
}
@keyframes galiyaraModalIn { from { opacity: 0; transform: translateY(12px) scale(.98); } to { opacity: 1; transform: none; } }
.galiyara-modal-close {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f3f6fb;
    border: 1px solid #e7ebf1;
    border-radius: 50%;
    font-size: 14px;
    color: #7a8798;
    cursor: pointer;
    line-height: 1;
}
.galiyara-modal-close:hover {
    background: #eaf0fb;
    color: var(--color-dark, #000c2d);
}
.galiyara-modal-icon {
    width: 74px;
    height: 74px;
    border-radius: 50%;
    margin: 0 auto 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--color-primary), var(--color-secondary, #2d3d8b));
    color: #fff;
    font-size: 30px;
    box-shadow: 0 16px 34px rgba(88, 105, 218, 0.28);
}
.galiyara-modal-title {
    max-width: 420px;
    margin: 0 auto 12px;
    color: var(--color-dark, #000c2d);
    font-size: 26px;
    line-height: 1.28;
    font-weight: 800;
    text-wrap: balance;
    overflow-wrap: anywhere;
}
.galiyara-modal-text {
    max-width: 360px;
    margin: 0 auto 24px;
    color: #55677d;
    font-size: 16px;
    line-height: 1.65;
}
.galiyara-email-form {
    max-width: 420px;
    margin: 0 auto;
}
.galiyara-email-field {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: stretch;
}
.galiyara-email-field input {
    min-width: 0;
    width: 100%;
    height: 52px;
    border-radius: 12px;
    border: 1px solid #dfe5ee;
    padding: 0 16px;
    font-size: 15px;
    color: var(--color-dark, #000c2d);
    box-shadow: none;
}
.galiyara-email-field input:focus {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: 0 0 0 4px rgba(88, 105, 218, 0.14);
}
.galiyara-email-submit {
    min-width: 132px;
    height: 52px;
    border: none;
    border-radius: 12px;
    padding: 0 22px;
    background: var(--color-primary);
    color: #fff;
    font-weight: 800;
    font-size: 15px;
    cursor: pointer;
    white-space: nowrap;
}
.galiyara-email-submit:hover { filter: brightness(1.06); }
.galiyara-email-submit:disabled { opacity: .6; cursor: default; }
.galiyara-email-message { font-size: 13px; margin-top: 12px; min-height: 18px; }
.galiyara-email-message.is-success { color: #1a9d6a; }
.galiyara-email-message.is-error { color: #e3363e; }
.galiyara-email-skip {
    display: inline-flex;
    margin-top: 14px;
    background: none;
    border: none;
    color: #7a8798;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}
.galiyara-email-skip:hover {
    color: var(--color-primary);
}

@media (max-width: 575.98px) {
    .galiyara-modal {
        padding: 14px;
    }
    .galiyara-modal-dialog {
        max-height: calc(100vh - 28px);
        border-radius: 18px;
        padding: 34px 20px 24px;
    }
    .galiyara-modal-title {
        font-size: 22px;
        line-height: 1.32;
    }
    .galiyara-modal-text {
        font-size: 15px;
        margin-bottom: 20px;
    }
    .galiyara-email-field {
        grid-template-columns: 1fr;
    }
    .galiyara-email-submit {
        width: 100%;
    }
}

/* ---- Blog archive navigator ---- */
.widget-area { display: flex; flex-direction: column; }
.widget-area .widget-blog-archive { order: -10; }
.widget-blog-archive .archive-navigator-header { margin-bottom: 14px; }
.widget-blog-archive .blog-archive, .widget-blog-archive .archive-children { list-style: none; margin: 0; padding: 0; }
.widget-blog-archive .archive-children { display: none; }
.widget-blog-archive .archive-item.is-open > .archive-children { display: block; }
.widget-blog-archive .archive-toggle { width: 100%; min-height: 44px; display: flex; align-items: center; gap: 9px; padding: 0 12px; border: 1px solid #e1e6ed; border-radius: 6px; background: #fff; color: var(--color-dark, #000c2d); cursor: pointer; font-size: 14px; font-weight: 750; text-align: left; transition: border-color .2s ease, background .2s ease, color .2s ease; }
.widget-blog-archive .archive-toggle:hover { border-color: #b8c8e2; background: #fafcff; color: var(--color-primary); }
.widget-blog-archive .archive-toggle:focus-visible { outline: 3px solid #9abced; outline-offset: 2px; }
.widget-blog-archive .archive-year + .archive-year { margin-top: 8px; }
.widget-blog-archive .archive-months { padding: 7px 0 4px 14px; }
.widget-blog-archive .archive-month + .archive-month { margin-top: 6px; }
.widget-blog-archive .archive-month > .archive-toggle { min-height: 38px; padding: 0 10px; border-color: transparent; background: #f1f4f8; color: #50627c; font-size: 13px; font-weight: 650; }
.widget-blog-archive .archive-month > .archive-toggle:hover { border-color: #d5dfec; background: #eaf0f8; }
.widget-blog-archive .archive-caret { width: 7px; height: 7px; border-right: 1.8px solid currentColor; border-bottom: 1.8px solid currentColor; transform: rotate(-45deg); transition: transform .2s ease; flex: 0 0 7px; opacity: .72; }
.widget-blog-archive .archive-item.is-open > .archive-toggle .archive-caret { transform: rotate(45deg); }
.widget-blog-archive .archive-label { flex: 1; min-width: 0; }
.widget-blog-archive .archive-count { min-width: 24px; padding: 2px 7px; border-radius: 999px; background: #e9eef6; color: #53627a; font-size: 11px; font-weight: 750; line-height: 1.3; text-align: center; }
.widget-blog-archive .archive-posts { padding: 6px 0 4px 12px; }
.widget-blog-archive .archive-posts li + li { margin-top: 3px; }
.widget-blog-archive .archive-posts a { display: block; position: relative; padding: 6px 8px 6px 13px; color: #55677d; font-size: 13px; line-height: 1.4; text-decoration: none; }
.widget-blog-archive .archive-posts a::before { content: ""; position: absolute; left: 0; top: 12px; width: 5px; height: 5px; border-radius: 50%; background: var(--color-primary); opacity: .55; }
.widget-blog-archive .archive-posts a:hover { color: var(--color-primary); background: #f3f7fc; }
.featured-categories-mobile-archive { display: none; }
@media (max-width: 767.98px) { .widget-area .widget-blog-archive { display: none; } .featured-categories-mobile-archive { display: block; margin-top: 26px; padding-top: 26px; border-top: 1px solid #e5eaf0; } .featured-categories-mobile-archive .widget-blog-archive { margin: 0; padding: 18px; border: 1px solid #e1e6ed; border-radius: 8px; background: #fff; } .featured-categories-mobile-archive .archive-navigator-header { margin-bottom: 14px; } }

/* ---- Footer redesign ---- */
.site-footer { background: #f6f8fb; border-top: 1px solid #e7ebf1; padding: 64px 0 24px; }
.site-footer .footer-widgets { row-gap: 28px; }
.site-footer .footer-logo { max-height: 52px; width: auto; margin-bottom: 18px; }
.site-footer .footer-about-text { color: #55677d; font-size: 14px; line-height: 1.8; margin-bottom: 16px; }
.site-footer .footer-address { color: #55677d; font-size: 13.5px; line-height: 1.7; }
.site-footer .footer-address strong { color: var(--color-dark, #000c2d); }
.site-footer .footer-follow-text { max-width: 300px; color: #55677d; font-size: 14px; line-height: 1.7; margin: 18px 0 16px; }
.site-footer .widget-header-2 h5 { font-size: 13px; text-transform: uppercase; letter-spacing: 1px; }
.site-footer .footer-community-heading { margin-bottom: 0; }
.site-footer .footer-bottom { margin-top: 44px; padding-top: 22px; border-top: 1px solid #e7ebf1; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; align-items: center; text-align: center; }
.site-footer .footer-copyright, .site-footer .footer-designed { margin: 0; color: #8a97a8; font-size: 13px; }
.site-footer .footer-category-list { margin: 0; padding: 0; list-style: none; }
.site-footer .footer-category-list li { width: 100%; padding: 8px 0; border-bottom: 1px dotted rgba(0, 0, 0, .15); }
.site-footer .footer-category-list li:last-child { border-bottom: 0; }
.site-footer .footer-category-list a { display: block; color: #55677d; text-decoration: none; transition: color .2s ease, padding-left .2s ease; }
.site-footer .footer-category-list a:hover { padding-left: 4px; color: var(--color-primary); }
.site-footer .footer-community-actions { max-width: 330px; }
.site-footer .footer-follow .follow-box-inner { box-sizing: border-box; width: 100%; display: flex; gap: 10px; align-items: center; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.site-footer .footer-follow .follow-count { flex: 0 0 76px; padding: 5px 0 5px 11px; border-left: 3px solid var(--color-primary); }
.site-footer .footer-follow .follow-count-number { font-size: 22px; line-height: 1; }
.site-footer .footer-follow .follow-count-label { margin-top: 3px; font-size: 10px; letter-spacing: .08em; }
.site-footer .footer-follow .follow-btn { flex: 1 1 auto; min-width: 0; min-height: 44px; justify-content: center; padding: 0 12px; border-radius: 6px; }
.site-footer .footer-follow .follow-email-btn { width: 44px; height: 44px; flex: 0 0 44px; border-radius: 6px; }
.footer-email-cta p { margin: 0 0 16px; color: #55677d; font-size: 14px; line-height: 1.65; }
.footer-follow-widget-btn { width: 100%; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 0 15px; border: 0; border-radius: 8px; background: var(--color-dark, #000c2d); color: #fff; font-size: 14px; font-weight: 800; cursor: pointer; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.footer-follow-widget-btn:hover { background: #18254d; transform: translateY(-1px); box-shadow: 0 8px 18px rgba(0, 12, 45, 0.18); }
.footer-follow-widget-btn svg { width: 17px; height: 17px; }
@media (max-width: 767.98px) {
    .site-footer { padding: 44px 0 20px; }
    .site-footer .footer-bottom { flex-direction: column; text-align: center; }
}
@media (max-width: 375.98px) {
    .site-footer .footer-follow .follow-count { flex-basis: 64px; padding-left: 8px; }
    .site-footer .footer-follow .follow-count-number { font-size: 19px; }
    .site-footer .footer-follow .follow-btn { padding: 0 9px; }
}

/* ---- Post share buttons ---- */
.post-share { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.post-share--end { justify-content: flex-end; }
.single-social-share .post-share { justify-content: center; padding-top: 26px; margin-top: 34px; border-top: 1px solid rgba(0, 0, 0, 0.08); }
.post-share-label { flex: 0 0 auto; font-size: 15px; color: var(--color-muted, #687385); font-weight: 700; margin-right: 4px; line-height: 1.2; }
.post-share-btn,
.single-social-share a.post-share-btn,
.single-social-share button.post-share-btn {
    width: auto;
    min-width: 132px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #fff;
    color: var(--color-dark, #1f2d3d);
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    padding: 0 22px;
    border-radius: 999px;
    cursor: pointer;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease, color .2s ease;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
}
.post-share-btn i { font-size: 16px; }
.post-share-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12); color: #fff; text-decoration: none; }
.post-share-facebook:hover { background: #1877f2; border-color: #1877f2; }
.post-share-whatsapp:hover { background: #25d366; border-color: #25d366; }
.post-share-copy:hover { background: var(--color-primary); border-color: var(--color-primary); }
.post-share-btn.is-copied { background: #1a9d6a; border-color: #1a9d6a; color: #fff; }
@media (max-width: 991.98px) {
    .post-share--end { justify-content: flex-start; margin-top: 18px; }
    .post-share-btn,
    .single-social-share a.post-share-btn,
    .single-social-share button.post-share-btn {
        min-width: 124px;
    }
}
@media (max-width: 575.98px) {
    .post-share { align-items: stretch; gap: 10px; }
    .post-share-label { flex-basis: 100%; margin-right: 0; }
    .post-share-btn,
    .single-social-share a.post-share-btn,
    .single-social-share button.post-share-btn {
        min-width: 0;
        width: 100%;
        height: 46px;
    }
}

/* ---- Copy toast ---- */
.post-engagement{display:inline-flex;align-items:center;justify-content:flex-start;gap:10px;max-width:100%}.post-share--end .post-engagement{justify-content:flex-end}.post-follow-control{display:inline-flex;align-items:center;gap:6px}.post-follow-btn,.post-follow-email{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}.post-follow-btn{min-height:42px;gap:8px;padding:0 15px;background:var(--color-dark,#000c2d);color:#fff;font-size:14px;font-weight:800}.post-follow-btn:hover{color:#fff;background:#172445;box-shadow:0 7px 16px rgba(0,12,45,.18);transform:translateY(-1px)}.post-follow-btn.is-following{background:#edf0f4;border-color:#e0e5ec;color:#607087;cursor:default;box-shadow:none}.post-follow-btn.is-following:hover{background:#edf0f4;color:#607087;transform:none}.post-follow-btn.is-loading{opacity:.65;pointer-events:none}.post-follow-btn i{font-size:17px}.post-follow-email{width:42px;height:42px;padding:0;background:#fff;border-color:#dce3ec;color:var(--color-dark,#000c2d)}.post-follow-email:hover{background:#f0f5ff;border-color:#9bb8ea;color:#2450a6;transform:translateY(-1px)}.post-follow-email.is-verified{background:#eaf7ef;border-color:#b7e2c6;color:#23834d;cursor:default}.post-follow-email i{font-size:18px}.post-share-group{display:inline-flex;align-items:center;gap:3px;padding:3px;background:#f5f7fa;border:1px solid #e1e6ed;border-radius:8px}.post-share-label{margin:0 5px 0 7px;color:#68778d;font-size:12px;font-weight:800;line-height:1;text-transform:uppercase;letter-spacing:.06em}.post-share-btn,.single-social-share a.post-share-btn,.single-social-share button.post-share-btn{width:38px;min-width:38px;height:38px;min-height:38px;padding:0;border:0;border-radius:6px;background:transparent;color:#53627a;box-shadow:none}.post-share-btn i{font-size:18px}.post-share-btn:hover,.single-social-share a.post-share-btn:hover,.single-social-share button.post-share-btn:hover{color:#fff;box-shadow:0 5px 12px rgba(18,33,61,.18);transform:translateY(-1px)}.post-share-facebook:hover{background:#1877f2}.post-share-whatsapp:hover{background:#1aa85a}.post-share-copy:hover{background:var(--color-dark,#000c2d)}.post-share-btn.is-copied{background:#23834d;color:#fff}.post-follow-btn:focus-visible,.post-follow-email:focus-visible,.post-share-btn:focus-visible{outline:3px solid #8eb5ef;outline-offset:2px}.single-social-share .post-share{justify-content:center;padding-top:26px;margin-top:34px}.galiyara-code-form{max-width:340px;margin:0 auto}.galiyara-code-label{display:block;margin-bottom:12px;color:#55677d;font-size:14px;font-weight:700}.galiyara-code-input{width:100%;height:58px;margin-bottom:12px;border:1px solid #dfe5ee;border-radius:8px;color:var(--color-dark,#000c2d);font-size:25px;font-weight:800;letter-spacing:.42em;text-align:center}.galiyara-code-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px rgba(88,105,218,.14)}.galiyara-code-form .galiyara-email-submit{width:100%}.galiyara-code-message{min-height:18px;margin-top:12px;font-size:13px}.galiyara-code-message.is-success{color:#23834d}.galiyara-code-message.is-error{color:#e3363e}@media (max-width:991.98px){.post-share--end .post-engagement{justify-content:flex-start;margin-top:14px}}@media (max-width:575.98px){.post-share,.post-share--end{width:100%;margin-top:0}.post-engagement{display:flex;flex-wrap:wrap;width:100%;gap:10px}.post-follow-control{flex:1 1 auto}.post-follow-btn{flex:1}.post-share-group{flex:1 0 100%;justify-content:space-between}.post-share-label{flex:1}.post-share-btn,.single-social-share a.post-share-btn,.single-social-share button.post-share-btn{flex:0 0 42px;width:42px;min-width:42px;height:42px}}@media (prefers-reduced-motion:reduce){.post-follow-btn,.post-follow-email,.post-share-btn{transition:none}}

.galiyara-toast { position: fixed; left: 50%; bottom: 34px; transform: translateX(-50%) translateY(20px); background: #1f2d3d; color: #fff; padding: 13px 22px; border-radius: 50px; font-size: 14px; font-weight: 600; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25); z-index: 100001; opacity: 0; pointer-events: none; transition: opacity .3s ease, transform .3s ease; display: flex; align-items: center; gap: 9px; }
.galiyara-toast.is-visible { opacity: 1; transform: translateX(-50%) translateY(0); }
.galiyara-toast i { color: #4ade80; font-size: 16px; }

/* ---- Reading-progress suggestions ---- */
.reading-suggestions{position:fixed;right:24px;bottom:24px;z-index:100;width:min(390px,calc(100vw - 48px));opacity:0;visibility:hidden;pointer-events:none;transform:translateY(calc(100% + 32px));transition:transform .36s cubic-bezier(.2,.8,.2,1),opacity .24s ease,visibility .24s ease}.reading-suggestions.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.reading-suggestions-surface{position:relative;padding:12px;border:1px solid #dfe5ee;border-radius:8px;background:#fff;box-shadow:0 18px 42px rgba(10,22,47,.16)}.reading-suggestions-close{position:absolute;top:7px;right:7px;z-index:2;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:6px;background:transparent;color:#637189;cursor:pointer}.reading-suggestions-close:hover{background:#f0f3f7;color:var(--color-dark,#000c2d)}.reading-suggestions-close svg{width:17px;height:17px}.reading-suggestion-preview{width:100%;display:grid;grid-template-columns:72px minmax(0,1fr) 22px;gap:12px;align-items:center;padding:2px 31px 2px 2px;border:0;background:transparent;color:var(--color-dark,#000c2d);cursor:pointer;text-align:left}.reading-suggestion-image{width:72px;height:72px;overflow:hidden;border-radius:6px;background:#edf1f5}.reading-suggestion-image img{width:100%;height:100%;object-fit:cover}.reading-suggestion-copy{min-width:0;display:grid;gap:4px}.reading-suggestion-eyebrow{color:var(--color-primary);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.reading-suggestion-copy strong{display:-webkit-box;overflow:hidden;color:var(--color-dark,#000c2d);font-size:14px;font-weight:800;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.reading-suggestion-meta{overflow:hidden;color:#718096;font-size:11px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.reading-suggestion-toggle{display:inline-flex;align-items:center;justify-content:center;color:#697890;transition:transform .24s ease}.reading-suggestion-toggle svg{width:18px;height:18px;transform:rotate(90deg)}.reading-suggestions.is-expanded .reading-suggestion-toggle{transform:rotate(180deg)}.reading-suggestions-expanded{max-height:0;overflow:hidden;opacity:0;transition:max-height .32s ease,opacity .22s ease,margin .22s ease}.reading-suggestions.is-expanded .reading-suggestions-expanded{max-height:360px;margin-top:12px;opacity:1}.reading-suggestions-expanded>p{margin:0 0 8px 2px;color:#6c7a8f;font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.reading-suggestions-expanded ul{max-height:276px;margin:0;padding:0;overflow-y:auto;list-style:none}.reading-suggestions-expanded li+li{margin-top:4px}.reading-suggestions-expanded a{display:grid;grid-template-columns:42px minmax(0,1fr);gap:9px;align-items:center;padding:7px;border-radius:6px;color:inherit;text-decoration:none}.reading-suggestions-expanded a:hover{background:#f2f6fb}.reading-suggestions-expanded img{width:42px;height:42px;border-radius:5px;object-fit:cover}.reading-suggestions-expanded a span{min-width:0;display:grid;gap:2px}.reading-suggestions-expanded a strong{display:-webkit-box;overflow:hidden;color:#35445c;font-size:12px;font-weight:750;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}.reading-suggestions-expanded a small{color:#8491a3;font-size:10px;text-transform:uppercase}@media(max-width:575.98px){.reading-suggestions{right:12px;bottom:12px;width:calc(100vw - 24px)}.reading-suggestions-surface{padding:10px}.reading-suggestion-preview{grid-template-columns:58px minmax(0,1fr) 18px;gap:10px;padding-right:28px}.reading-suggestion-image{width:58px;height:58px}.reading-suggestion-copy strong{font-size:13px}.reading-suggestions.is-expanded .reading-suggestions-expanded{max-height:min(52vh,320px)}.reading-suggestions-expanded ul{max-height:min(41vh,244px)}}@media(prefers-reduced-motion:reduce){.reading-suggestions,.reading-suggestion-toggle,.reading-suggestions-expanded{transition:none}}
