/*
Theme Name: Balligo Finance
Theme URI: https://balligobartasongstha.com/
Author: Mufti Md. Sana Ullah
Author URI: https://balligobartasongstha.com/
Description: A customizable WordPress theme for newspaper, news, blog, magazine, opinion, reviews and editorial publishing.
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 7.4
Version: 3.2.11
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: balligo-magazine
Tags: custom-logo, custom-colors, custom-menu, featured-images, one-column, two-columns, right-sidebar, rtl-language-support, translation-ready, news, blog, magazine
*/
:root {
    --bbs-primary:#8fa8bf;
    --bbs-secondary:#7b3fc6;
    --bbs-dark:#17152b;
    --bbs-muted:#69677a;
    --bbs-bg:#f5f6ff;
    --bbs-card:#fff;
    --bbs-line:#e2e3f2;
    --bbs-radius:22px;
    --bbs-shadow:0 12px 36px rgba(21,32,23,.10)
}
* {
    box-sizing:border-box
}
html {
    scroll-behavior:smooth
}
body {
    margin:0;
    background:var(--bbs-bg);
    color:var(--bbs-dark);
    font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    line-height:1.65
}
a {
    color:var(--bbs-primary);
    text-decoration:none
}
a:hover {
    text-decoration:none
}
img {
    max-width:100%;
    height:auto
}
.site {
    overflow:hidden
}
.container {
    width:min(1200px,calc(100% - 40px));
    margin-inline:auto
}
.bbs-announcement {
    background:var(--bbs-dark);
    color:#fff;
    text-align:center;
    font-size:.82rem;
    font-weight:750;
    padding:7px
}
.bbs-announcement a {
    color:#fff
}
.bbs-top-line {
    height:5px;
    background:linear-gradient(90deg,#2448b8,var(--bbs-primary),var(--bbs-secondary))
}
.site-header {
    position:sticky;
    top:0;
    z-index:1000;
    background:#fff;
    box-shadow:0 8px 28px rgba(21,32,23,.10)
}
.header-inner {
    min-height:76px;
    display:flex;
    align-items:center;
    gap:24px
}
.site-branding {
    display:flex;
    align-items:center;
    gap:12px;
    min-width:max-content
}
.custom-logo {
    max-height:48px;
    width:auto
}
.site-title {
    font-size:1.45rem;
    font-weight:850;
    line-height:1.1
}
.site-title a {
    color:var(--bbs-dark)
}
.site-description {
    display:none
}
.site-tagline {
    font-size:.72rem;
    color:var(--bbs-muted);
    font-weight:650;
    max-width:240px
}
.screen-reader-text {
    position:absolute!important;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0
}
.main-navigation {
    flex:1
}
.main-navigation ul {
    list-style:none;
    margin:0;
    padding:0;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px
}
.main-navigation li {
    position:relative
}
.main-navigation a {
    display:block;
    padding:10px 12px;
    border-radius:999px;
    color:var(--bbs-dark);
    font-weight:700;
    font-size:.92rem
}
.main-navigation a:hover,.main-navigation .current-menu-item>a {
    background: #f1f2ff;
    color:var(--bbs-primary)
}
.header-cta {
    min-width:max-content
}
.bbs-button {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:0;
    border-radius:999px;
    padding:12px 20px;
    background:linear-gradient(135deg,var(--bbs-primary),var(--bbs-secondary));
    color:#fff;
    font-weight:800;
    box-shadow:0 8px 20px rgba(198,40,40,.18);
    transition:.2s
}
.bbs-button:hover {
    transform:translateY(-1px);
    color:#fff
}
.menu-toggle {
    display:none;
    position:relative;
    align-items:center;
    justify-content:center;
    width:54px;
    height:54px;
    min-width:54px;
    min-height:54px;
    border:2px solid rgba(255,255,255,.78);
    background:linear-gradient(135deg,var(--bbs-primary) 0%,#5f3bb8 48%,var(--bbs-secondary) 100%);
    color:#fff;
    border-radius:18px;
    padding:0;
    font-size:25px;
    font-weight:900;
    line-height:1;
    letter-spacing:0;
    cursor:pointer;
    box-shadow:0 10px 24px rgba(198,40,40,.28),inset 0 1px 0 rgba(255,255,255,.28);
    transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,filter .22s ease
}
.menu-toggle:hover {
    transform:translateY(-2px) scale(1.02);
    filter:saturate(1.08);
    box-shadow:0 14px 30px rgba(198,40,40,.36),inset 0 1px 0 rgba(255,255,255,.34)
}
.menu-toggle:active {
    transform:translateY(0) scale(.97);
    box-shadow:0 7px 16px rgba(198,40,40,.28)
}
.menu-toggle:focus-visible {
    outline:3px solid rgba(19,138,74,.28);
    outline-offset:4px
}
.menu-toggle.is-open {
    border-color:rgba(255,255,255,.92);
    background:linear-gradient(135deg,#7b3fc6 0%,#5f3bb8 52%,#3157d5 100%);
    box-shadow:0 12px 28px rgba(19,138,74,.34),inset 0 1px 0 rgba(255,255,255,.3)
}
.menu-toggle .menu-icon {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    font-weight:950;
    text-shadow:0 1px 2px rgba(0,0,0,.18)
}
.bbs-slider {
    position:relative;
    color:#fff
}
.bbs-slide {
    display:none;
    padding:82px 0;
    background:linear-gradient(135deg,#2448b8 0%,var(--bbs-primary) 48%,var(--bbs-secondary) 100%);
    min-height:560px;
    align-items:center
}
.bbs-slide.is-active {
    display:block
}
.slider-controls {
    position:absolute;
    left:0;
    right:0;
    bottom:22px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:16px;
    z-index:5
}
.slider-controls button {
    cursor:pointer
}
.slider-prev,.slider-next {
    width:40px;
    height:40px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.45);
    background:rgba(255,255,255,.12);
    color:#fff;
    font-size:28px;
    line-height:1
}
.slider-dots {
    display:flex;
    gap:7px
}
.slider-dot {
    width:9px;
    height:9px;
    border:0;
    border-radius:50%;
    background:rgba(255,255,255,.5);
    padding:0
}
.slider-dot.is-active {
    width:26px;
    border-radius:999px;
    background:#fff
}
.menu-close-icon {
    display:none
}
.menu-toggle.is-open .menu-open-icon {
    display:none
}
.menu-toggle.is-open .menu-close-icon {
    display:inline
}
.bbs-hero {
    padding:82px 0;
    background:linear-gradient(135deg,#2448b8 0%,var(--bbs-primary) 48%,var(--bbs-secondary) 100%);
    color:#fff
}
.hero-grid {
    display:grid;
    grid-template-columns:1.15fr .85fr;
    gap:60px;
    align-items:center
}
.eyebrow {
    font-size:.82rem;
    font-weight:850;
    letter-spacing:2px;
    text-transform:uppercase;
    opacity:.9
}
.bbs-hero h1 {
    font-size:clamp(2.4rem,5vw,4.8rem);
    line-height:1.04;
    margin:10px 0 20px;
    font-weight:900
}
.bbs-hero p {
    font-size:1.12rem;
    max-width:680px
}
.hero-actions {
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    margin-top:28px
}
.bbs-button.light {
    background:#fff;
    color:var(--bbs-primary)
}
.bbs-button.outline {
    background:transparent;
    border:1px solid rgba(255,255,255,.75);
    box-shadow:none
}
.wallet-card {
    background:#fff;
    color:var(--bbs-dark);
    border-radius:28px;
    padding:30px;
    box-shadow:0 24px 70px rgba(0,0,0,.18)
}
.wallet-top {
    display:flex;
    justify-content:space-between;
    gap:15px
}
.wallet-label {
    color:var(--bbs-muted);
    font-size:.82rem;
    font-weight:700
}
.wallet-balance {
    font-size:1.35rem;
    font-weight:900
}
.wallet-card h3 {
    font-size:2rem;
    margin:12px 0 24px
}
.wallet-actions {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px
}
.wallet-actions a {
    padding:11px;
    border-radius:12px;
    background: #f1f2ff;
    text-align:center;
    font-weight:800
}
.wallet-actions a:first-child {
    background:var(--bbs-primary);
    color:#fff
}
.bbs-section {
    padding:82px 0
}
.section-head {
    text-align:center;
    max-width:780px;
    margin:0 auto 42px
}
.section-kicker {
    color:var(--bbs-primary);
    font-weight:850;
    letter-spacing:1.5px;
    text-transform:uppercase;
    font-size:.82rem
}
.section-head h2 {
    font-size:clamp(2rem,4vw,3rem);
    line-height:1.12;
    margin:8px 0 12px
}
.section-head p {
    color:var(--bbs-muted)
}
.service-grid {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px
}
.service-card {
    background:var(--bbs-card);
    border:1px solid var(--bbs-line);
    border-radius:var(--bbs-radius);
    padding:26px;
    box-shadow:var(--bbs-shadow);
    height:100%;
    transition:.2s
}
.service-card:hover {
    transform:translateY(-4px)
}
.service-icon {
    font-size:2rem;
    line-height:1;
    margin-bottom:18px
}
.service-card h3 {
    font-size:1.2rem;
    margin:0 0 8px
}
.service-card p {
    color:var(--bbs-muted);
    font-size:.92rem;
    margin:0 0 15px
}
.service-link {
    font-weight:800
}
.alt-bg {
    background:#f7f7ff
}
.stats {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:16px;
    margin-top:28px
}
.stat {
    background:#fff;
    border:1px solid var(--bbs-line);
    border-radius:18px;
    padding:20px;
    text-align:center
}
.stat strong {
    display:block;
    font-size:1.8rem
}
.stat span {
    color:var(--bbs-muted);
    font-size:.9rem
}
.review-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px
}
.review-card {
    background:#fff;
    border:1px solid var(--bbs-line);
    border-radius:var(--bbs-radius);
    padding:26px;
    box-shadow:var(--bbs-shadow)
}
.stars {
    letter-spacing:2px;
    color:#f59e0b
}
.review-card p {
    color:var(--bbs-muted)
}
.review-author {
    font-weight:850
}
.cta-box {
    border-radius:30px;
    padding:50px;
    background:linear-gradient(135deg,#2448b8,var(--bbs-secondary));
    color:#fff;
    text-align:center
}
.cta-box h2 {
    margin:0 0 10px;
    font-size:2.2rem
}
.cta-box p {
    opacity:.92
}
.site-footer {
    background:#101828;
    color:#d0d5dd;
    padding:55px 0 20px
}
.footer-grid {
    display:grid;
    grid-template-columns:1.5fr 1fr 1fr 1fr;
    gap:35px
}
.site-footer h3 {
    color:#fff;
    margin-top:0
}
.site-footer a {
    color:#d0d5dd
}
.footer-bottom {
    border-top:1px solid rgba(255,255,255,.12);
    margin-top:35px;
    padding-top:18px;
    font-size:.88rem;
    display:flex;
    justify-content:space-between;
    gap:20px
}
.widget ul {
    list-style:none;
    padding:0;
    margin:0
}
.widget li {
    margin:7px 0
}
.entry-content,.site-main article {
    background:#fff;
    border-radius:22px;
    padding:35px
}
.content-area {
    padding:50px 0
}
.widget-area {
    padding:50px 0
}
.search-form {
    display:flex;
    gap:8px
}
.search-form input {
    padding:12px;
    border:1px solid var(--bbs-line);
    border-radius:10px
}
.search-form button {
    border:0;
    border-radius:10px;
    padding:12px 18px;
    background:var(--bbs-primary);
    color:#fff
}
@media(max-width:1024px) {
    .service-grid {
        grid-template-columns:repeat(2,1fr)
    }
    .hero-grid {
        grid-template-columns:1fr
    }
    .wallet-card {
        max-width:600px;
        margin:auto
    }
    .footer-grid {
        grid-template-columns:repeat(2,1fr)
    }
}
@media(max-width:780px) {
    .site-tagline {
        display:none
    }
    .container {
        width:min(100% - 28px,1200px)
    }
    .header-inner {
        min-height:68px
    }
    .menu-toggle {
        display:block;
        margin-left:auto
    }
    .main-navigation {
        display:none;
        position:absolute;
        left:0;
        right:0;
        top:68px;
        background:#fff;
        padding:10px 14px;
        border-bottom:1px solid var(--bbs-line);
        box-shadow:0 12px 28px rgba(0,0,0,.08)
    }
    .main-navigation.is-open {
        display:block
    }
    .menu-toggle.is-open {
        background:linear-gradient(135deg,#7b3fc6 0%,#5f3bb8 52%,#3157d5 100%);
        color:#fff
    }
    .main-navigation ul {
        display:block
    }
    .main-navigation a {
        border-radius:10px
    }
    .header-cta {
        display:none
    }
    .bbs-hero {
        padding:58px 0
    }
    .bbs-section {
        padding:60px 0
    }
    .review-grid,.stats {
        grid-template-columns:1fr 1fr
    }
    .footer-grid {
        grid-template-columns:1fr 1fr
    }
}
@media(max-width:520px) {
    .service-grid,.review-grid,.stats,.footer-grid {
        grid-template-columns:1fr
    }
    .wallet-actions {
        grid-template-columns:1fr
    }
    .footer-bottom {
        display:block
    }
    .footer-bottom span {
        display:block;
        margin-top:8px
    }
}
/* Premium centered alignment */
.site-header .header-inner {
    justify-content:center;
    text-align:center;
    flex-wrap:wrap
}
.site-branding {
    justify-content:center;
    text-align:center;
    flex-direction:column;
    gap:4px;
    min-width:0;
    width:100%
}
.site-title,.site-tagline {
    width:100%;
    text-align:center
}
.site-tagline {
    max-width:none
}
.main-navigation {
    width:100%;
    flex:0 0 100%
}
.main-navigation ul {
    justify-content:center
}
.header-cta {
    position:absolute;
    right:20px
}
.menu-toggle {
    position:absolute;
    left:20px
}
.site-footer {
    text-align:center
}
.footer-grid {
    justify-items:center
}
.footer-grid>div {
    width:100%;
    text-align:center
}
.footer-bottom {
    justify-content:center;
    align-items:center;
    text-align:center;
    flex-wrap:wrap
}
.footer-bottom span {
    display:inline-block
}
@media(max-width:780px) {
    .menu-toggle {
        width:58px;
        height:58px;
        min-width:58px;
        min-height:58px;
        border-radius:19px;
        font-size:27px
    }
    .site-header .header-inner {
        min-height:120px;
        padding:10px 0 12px;
        gap:5px;
        flex-direction:column
    }
    .site-branding {
        order:1
    }
    .menu-toggle {
        order:2;
        position:relative;
        left:auto;
        margin:4px auto 0;
        display:flex
    }
    .main-navigation {
        order:3;
        position:absolute;
        top:120px;
        left:0;
        right:0;
        width:100%;
        padding:12px 14px;
        text-align:center
    }
    .main-navigation ul {
        display:block;
        text-align:center
    }
    .main-navigation li {
        display:block
    }
    .main-navigation a {
        text-align:center
    }
    .header-cta {
        display:none
    }
    .site-tagline {
        display:block;
        max-width:95%;
        font-size:.72rem;
        margin-inline:auto
    }
    .footer-grid {
        justify-items:center;
        text-align:center
    }
    .footer-bottom {
        display:flex;
        justify-content:center;
        text-align:center;
        gap:8px;
        flex-direction:column
    }
}
/* বাল্লিগো — responsive premium header / mobile menu / slider */
.site-header {
    position:relative;
    top:auto
}
.site-header .header-inner {
    padding-top:26px;
    padding-bottom:18px;
    min-height:168px
}
.site-branding {
    padding-top:6px
}
.menu-toggle {
    display:none
}
.header-cta {
    display:none!important
}
.main-navigation {
    display:block
}
.bbs-slider {
    overflow:hidden
}
.bbs-slide {
    min-height:520px;
    padding:72px 0 88px
}
.slider-controls {
    bottom:20px
}
@media (max-width:780px) {
    .site-header {
        position:relative
    }
    .site-header .header-inner {
        min-height:150px;
        padding:18px 0 16px;
        gap:6px;
        flex-direction:column
    }
    .site-branding {
        order:1;
        width:100%;
        padding-top:0
    }
    .site-title {
        font-size:1.5rem
    }
    .site-tagline {
        display:block;
        max-width:95%;
        margin-inline:auto;
        font-size:.72rem
    }
    .menu-toggle {
        order:2;
        display:flex;
        position:relative;
        left:auto;
        right:auto;
        margin:8px auto 0;
        width:58px;
        height:58px;
        min-width:58px;
        min-height:58px;
        border-radius:19px
    }
    .main-navigation {
        order:3;
        display:none;
        position:absolute;
        top:150px;
        left:0;
        right:0;
        width:100%;
        z-index:1100;
        padding:12px 14px;
        background:#fff;
        border-top:1px solid var(--bbs-line);
        border-bottom:1px solid var(--bbs-line);
        box-shadow:0 16px 35px rgba(15,23,42,.14)
    }
    .main-navigation.is-open {
        display:block
    }
    .main-navigation ul {
        display:block;
        width:100%;
        text-align:center
    }
    .main-navigation li {
        display:block;
        width:100%
    }
    .main-navigation a {
        display:block;
        text-align:center;
        padding:12px 14px;
        border-radius:12px
    }
    .bbs-slide {
        min-height:auto;
        padding:52px 0 82px
    }
    .hero-grid {
        grid-template-columns:1fr;
        gap:26px
    }
    .bbs-slide h1 {
        font-size:clamp(2rem,8vw,2.8rem);
        line-height:1.08;
        margin-top:9px
    }
    .bbs-slide p {
        font-size:1rem;
        line-height:1.65
    }
    .hero-actions {
        display:grid;
        grid-template-columns:1fr;
        gap:10px;
        margin-top:22px
    }
    .hero-actions .bbs-button {
        width:100%;
        min-height:48px
    }
    .wallet-card {
        width:100%;
        max-width:none;
        padding:22px;
        border-radius:24px
    }
    .wallet-card h3 {
        font-size:1.65rem
    }
    .wallet-top {
        align-items:flex-start
    }
    .wallet-balance {
        font-size:1.08rem
    }
    .wallet-actions {
        grid-template-columns:1fr 1fr
    }
    .slider-controls {
        left:12px;
        right:12px;
        bottom:15px;
        gap:12px;
        justify-content:center
    }
    .slider-prev,.slider-next {
        width:40px;
        height:40px;
        flex:0 0 40px;
        font-size:25px
    }
    .slider-dots {
        gap:6px;
        align-items:center
    }
    .slider-dot {
        width:8px;
        height:8px
    }
    .slider-dot.is-active {
        width:23px
    }
}
@media (max-width:420px) {
    .site-header .header-inner {
        min-height:145px
    }
    .main-navigation {
        top:145px
    }
    .bbs-slide {
        padding-top:44px;
        padding-bottom:76px
    }
    .container {
        width:calc(100% - 28px)
    }
    .wallet-top {
        flex-direction:column;
        gap:4px
    }
    .wallet-actions {
        grid-template-columns:1fr 1fr
    }
    .slider-controls {
        bottom:12px;
        gap:9px
    }
    .slider-prev,.slider-next {
        width:38px;
        height:38px;
        flex-basis:38px
    }
}
/* Reliable mobile menu toggle */
.menu-toggle {
    display:none;
    position:absolute;
    align-items:center;
    justify-content:center;
    width:56px;
    height:56px;
    min-width:56px;
    min-height:56px;
    border:2px solid rgba(255,255,255,.82);
    border-radius:18px;
    padding:0;
    background:linear-gradient(135deg,var(--bbs-primary),#5f3bb8 52%,var(--bbs-secondary));
    color:#fff;
    cursor:pointer;
    box-shadow:0 10px 26px rgba(198,40,40,.30),inset 0 1px 0 rgba(255,255,255,.3);
    transition:transform .2s ease,box-shadow .2s ease,filter .2s ease
}
.menu-toggle:hover {
    transform:translateY(-2px);
    filter:saturate(1.08);
    box-shadow:0 14px 30px rgba(198,40,40,.38),inset 0 1px 0 rgba(255,255,255,.35)
}
.menu-toggle:active {
    transform:scale(.96)
}
.menu-toggle:focus-visible {
    outline:3px solid rgba(19,138,74,.3);
    outline-offset:4px
}
.menu-bars {
    width:26px;
    height:22px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    align-items:stretch
}
.menu-bars i {
    display:block;
    height:3px;
    width:100%;
    border-radius:99px;
    background:#fff;
    box-shadow:0 1px 1px rgba(0,0,0,.15);
    transition:transform .22s ease,opacity .18s ease
}
.menu-cross {
    position:absolute;
    width:26px;
    height:26px;
    opacity:0;
    transform:rotate(-45deg) scale(.7);
    transition:transform .22s ease,opacity .18s ease
}
.menu-cross::before,.menu-cross::after {
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:26px;
    height:3px;
    border-radius:99px;
    background:#fff;
    box-shadow:0 1px 1px rgba(0,0,0,.15);
    transform:translate(-50%,-50%)
}
.menu-cross::after {
    transform:translate(-50%,-50%) rotate(90deg)
}
.menu-toggle.is-open .menu-bars {
    opacity:0;
    transform:scale(.7)
}
.menu-toggle.is-open .menu-cross {
    opacity:1;
    transform:rotate(0) scale(1)
}
/* Use the button's ARIA state as a second, cache-resistant visual switch. */
.menu-toggle[aria-expanded="true"] .menu-bars {
    opacity:0 !important;
    transform:scale(.7) !important;
}
.menu-toggle[aria-expanded="true"] .menu-cross {
    opacity:1 !important;
    transform:rotate(0) scale(1) !important;
}
.menu-toggle[aria-expanded="false"] .menu-cross {
    opacity:0 !important;
    transform:rotate(-45deg) scale(.7) !important;
}
.menu-toggle.is-open {
    background:linear-gradient(135deg,var(--bbs-secondary),#5f3bb8 52%,var(--bbs-primary))
}
/* Desktop: no hamburger; hero arrows are vertically centered on the slider. */
@media (min-width:781px) {
    .site-header .header-inner {
        padding-top:30px;
        padding-bottom:18px;
        min-height:174px
    }
    .site-branding {
        padding-top:4px
    }
    .main-navigation {
        margin-top:4px
    }
    .slider-controls {
        position:absolute;
        inset:0;
        bottom:auto;
        left:0;
        right:0;
        display:block;
        pointer-events:none
    }
    .slider-prev,.slider-next {
        position:absolute;
        top:50%;
        transform:translateY(-50%);
        width:44px;
        height:44px;
        display:flex;
        align-items:center;
        justify-content:center;
        pointer-events:auto;
        font-size:28px
    }
    .slider-prev {
        left:28px
    }
    .slider-next {
        right:28px
    }
    .slider-dots {
        position:absolute;
        left:50%;
        bottom:20px;
        transform:translateX(-50%);
        display:flex;
        align-items:center;
        gap:8px;
        pointer-events:auto
    }
}
/* Mobile: centered title/tagline + centered hamburger; menu opens below it. */
@media (max-width:780px) {
    .site-header .header-inner {
        min-height:150px;
        padding:18px 0 16px;
        gap:0;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:flex-start
    }
    .site-branding {
        width:100%;
        order:1;
        padding:0;
        text-align:center;
        align-items:center
    }
    .site-title,.site-tagline {
        width:100%;
        text-align:center
    }
    .site-title {
        font-size:1.5rem
    }
    .site-tagline {
        display:block;
        max-width:95%;
        margin:2px auto 0;
        font-size:.72rem
    }
    .menu-toggle {
        display:flex;
        position:relative;
        left:auto;
        right:auto;
        top:auto;
        order:2;
        margin:10px auto 0;
        width:58px;
        height:58px;
        min-width:58px;
        min-height:58px;
        border-radius:18px;
        flex:0 0 auto
    }
    .main-navigation {
        display:none;
        position:absolute;
        top:150px;
        left:0;
        right:0;
        width:100%;
        margin:0;
        padding:12px 14px;
        background:#fff;
        border-top:1px solid var(--bbs-line);
        border-bottom:1px solid var(--bbs-line);
        box-shadow:0 16px 35px rgba(15,23,42,.14);
        z-index:1100
    }
    .main-navigation.is-open {
        display:block
    }
    .main-navigation ul {
        display:block;
        width:100%;
        text-align:center
    }
    .main-navigation li {
        display:block;
        width:100%
    }
    .main-navigation a {
        display:block;
        text-align:center;
        padding:12px 14px;
        border-radius:12px
    }
    .header-cta {
        display:none!important
    }
    .bbs-slide {
        min-height:auto;
        padding:52px 0 84px
    }
    .hero-grid {
        grid-template-columns:1fr;
        gap:26px
    }
    .bbs-slide h1 {
        font-size:clamp(2rem,8vw,2.8rem);
        line-height:1.08;
        margin-top:9px
    }
    .bbs-slide p {
        font-size:1rem;
        line-height:1.65
    }
    .hero-actions {
        display:grid;
        grid-template-columns:1fr;
        gap:10px;
        margin-top:22px
    }
    .hero-actions .bbs-button {
        width:100%;
        min-height:48px
    }
    .wallet-card {
        width:100%;
        max-width:none;
        padding:22px;
        border-radius:24px
    }
    .wallet-top {
        align-items:flex-start
    }
    .wallet-balance {
        font-size:1.08rem
    }
    .slider-controls {
        position:absolute;
        left:12px;
        right:12px;
        bottom:12px;
        display:flex;
        justify-content:center;
        align-items:center;
        gap:10px;
        pointer-events:none
    }
    .slider-prev,.slider-next {
        position:static;
        transform:none;
        width:40px;
        height:40px;
        flex:0 0 40px;
        display:flex;
        align-items:center;
        justify-content:center;
        pointer-events:auto;
        font-size:25px
    }
    .slider-dots {
        position:static;
        transform:none;
        display:flex;
        align-items:center;
        gap:6px;
        pointer-events:auto
    }
    .slider-dot {
        width:8px;
        height:8px
    }
    .slider-dot.is-active {
        width:23px
    }
}
@media (max-width:420px) {
    .site-header .header-inner {
        min-height:145px
    }
    .main-navigation {
        top:145px
    }
    .bbs-slide {
        padding-top:44px;
        padding-bottom:76px
    }
    .slider-controls {
        bottom:10px;
        gap:8px
    }
    .slider-prev,.slider-next {
        width:38px;
        height:38px;
        flex-basis:38px
    }
}
/* বাল্লিগো 3.6.1 — slider controls visibility fix only. */
.bbs-slider .slider-controls {
    z-index:50;
    visibility:visible;
    opacity:1;
}
.bbs-slider .slider-prev,.bbs-slider .slider-next {
    z-index:51;
    visibility:visible;
    opacity:1;
    appearance:none;
    -webkit-appearance:none;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    background:rgba(255,255,255,.16);
    border:1px solid rgba(255,255,255,.72);
    box-shadow:0 8px 22px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.25);
}
.bbs-slider .slider-prev:hover,.bbs-slider .slider-next:hover {
    background:rgba(255,255,255,.25);
}
.bbs-slider .slider-dots {
    z-index:51;
    visibility:visible;
    opacity:1;
}
.bbs-slider .slider-dot {
    display:block;
    visibility:visible;
    opacity:1;
    background:rgba(255,255,255,.58);
    border:1px solid rgba(255,255,255,.65);
}
.bbs-slider .slider-dot.is-active {
    background:#fff;
}
@media (min-width:781px) {
    .bbs-slider .slider-controls {
        position:absolute;
        inset:0;
        display:block;
        pointer-events:none;
    }
    .bbs-slider .slider-prev,.bbs-slider .slider-next {
        position:absolute;
        top:50%;
        transform:translateY(-50%);
        pointer-events:auto;
    }
    .bbs-slider .slider-prev {
        left:28px
    }
    .bbs-slider .slider-next {
        right:28px
    }
    .bbs-slider .slider-dots {
        position:absolute;
        left:50%;
        bottom:20px;
        transform:translateX(-50%);
        pointer-events:auto;
    }
}
@media (max-width:780px) {
    .bbs-slider .slider-controls {
        position:absolute;
        left:12px;
        right:12px;
        bottom:12px;
        display:flex;
        align-items:center;
        justify-content:center;
        gap:10px;
        pointer-events:none;
    }
    .bbs-slider .slider-prev,.bbs-slider .slider-next {
        position:static;
        transform:none;
        pointer-events:auto;
    }
    .bbs-slider .slider-dots {
        position:static;
        transform:none;
        display:flex;
        align-items:center;
        pointer-events:auto;
    }
}
/* Final spacing and hero action alignment */
@media (min-width:781px) {
    .site-header .header-inner {
        padding-top:20px;
        padding-bottom:10px;
        min-height:145px;
        row-gap:2px
    }
    .site-branding {
        gap:1px;
        padding-top:0
    }
    .main-navigation {
        margin-top:-1px
    }
}
/* Keep both hero actions side-by-side on desktop and mobile. */
.hero-actions {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    align-items:stretch
}
.hero-actions .bbs-button {
    width:100%;
    min-width:0
}
@media (max-width:780px) {
    .hero-actions {
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:10px;
        margin-top:20px
    }
    .hero-actions .bbs-button {
        min-height:48px;
        padding:11px 10px;
        font-size:.88rem
    }
}
/* বাল্লিগো 3.6.3 — compact slider spacing + always-visible controls */
.bbs-slider {
    position:relative;
    overflow:hidden
}
.bbs-slider .bbs-slide {
    position:relative;
    box-sizing:border-box;
    padding-top:38px;
    padding-bottom:72px;
    min-height:500px
}
.bbs-slider .slider-controls {
    z-index:100;
    visibility:visible;
    opacity:1
}
.bbs-slider .slider-prev,.bbs-slider .slider-next {
    z-index:101;
    visibility:visible;
    opacity:1
}
@media (min-width:781px) {
    .bbs-slider .bbs-slide {
        padding-top:42px;
        padding-bottom:70px;
        min-height:500px
    }
    .bbs-slider .slider-controls {
        position:absolute;
        inset:0;
        display:block;
        pointer-events:none
    }
    .bbs-slider .slider-prev,.bbs-slider .slider-next {
        position:absolute;
        top:50%;
        transform:translateY(-50%);
        pointer-events:auto
    }
    .bbs-slider .slider-prev {
        left:24px
    }
    .bbs-slider .slider-next {
        right:24px
    }
    .bbs-slider .slider-dots {
        position:absolute;
        left:50%;
        bottom:18px;
        transform:translateX(-50%);
        pointer-events:auto
    }
}
@media (max-width:780px) {
    .bbs-slider .bbs-slide {
        padding-top:28px;
        padding-bottom:68px;
        min-height:0
    }
    .bbs-slider .slider-controls {
        position:absolute;
        inset:0;
        display:block;
        pointer-events:none
    }
    .bbs-slider .slider-prev,.bbs-slider .slider-next {
        position:absolute;
        top:50%;
        transform:translateY(-50%);
        pointer-events:auto;
        width:40px;
        height:40px;
        flex:0 0 40px
    }
    .bbs-slider .slider-prev {
        left:10px
    }
    .bbs-slider .slider-next {
        right:10px
    }
    .bbs-slider .slider-dots {
        position:absolute;
        left:50%;
        bottom:14px;
        transform:translateX(-50%);
        display:flex;
        align-items:center;
        pointer-events:auto
    }
}
@media (max-width:420px) {
    .bbs-slider .bbs-slide {
        padding-top:24px;
        padding-bottom:64px
    }
    .bbs-slider .slider-prev,.bbs-slider .slider-next {
        width:38px;
        height:38px;
        flex-basis:38px
    }
    .bbs-slider .slider-prev {
        left:8px
    }
    .bbs-slider .slider-next {
        right:8px
    }
    .bbs-slider .slider-dots {
        bottom:12px
    }
}
/* Compact slider spacing and mobile action arrows */
@media (min-width:781px) {
    .bbs-slider .bbs-slide {
        min-height:430px;
        padding-top:34px;
        padding-bottom:54px;
    }
    .bbs-slider .slider-dots {
        bottom:14px
    }
}
@media (max-width:780px) {
    .bbs-slider .bbs-slide {
        padding-top:22px;
        padding-bottom:58px;
    }
    .hero-actions {
        margin-top:12px;
    }
    .hero-actions .bbs-button {
        position:relative;
        padding-left:28px;
        padding-right:28px;
    }
}
/* বাল্লিগো 3.6.6 — slider arrow icon visibility */
.bbs-slider .slider-prev, .bbs-slider .slider-next, .bbs-slider .slider-prev:hover, .bbs-slider .slider-next:hover, .bbs-slider .slider-prev:focus, .bbs-slider .slider-next:focus, .bbs-slider .slider-prev:active, .bbs-slider .slider-next:active {
    color:#ff0000 !important;
}
/* Default right sidebar */
.content-with-sidebar {
    display:grid;
    grid-template-columns:minmax(0,1fr) 320px;
    gap:32px;
    align-items:start
}
.main-content-column {
    min-width:0
}
.right-sidebar {
    padding:0;
    position:sticky;
    top:24px
}
.right-sidebar .widget {
    background:#fff;
    border:1px solid var(--bbs-line);
    border-radius:20px;
    padding:22px;
    margin:0 0 20px;
    box-shadow:0 10px 28px rgba(21,32,23,.07)
}
.right-sidebar .widget h3 {
    margin:0 0 14px;
    font-size:1.05rem;
    color:var(--bbs-dark)
}
.right-sidebar .widget ul {
    list-style:none;
    margin:0;
    padding:0
}
.right-sidebar .widget li {
    margin:8px 0;
    padding-bottom:8px;
    border-bottom:1px solid var(--bbs-line)
}
.right-sidebar .widget li:last-child {
    border-bottom:0;
    padding-bottom:0
}
.right-sidebar .widget a {
    color:var(--bbs-dark);
    font-weight:650
}
.right-sidebar .widget a:hover {
    color:var(--bbs-primary)
}
.right-sidebar .search-form {
    display:flex;
    flex-direction:column
}
.right-sidebar .search-form input {
    width:100%;
    box-sizing:border-box
}
.right-sidebar .search-form button {
    width:100%
}
@media(max-width:1024px) {
    .content-with-sidebar {
        grid-template-columns:minmax(0,1fr) 290px;
        gap:24px
    }
}
@media(max-width:780px) {
    .content-with-sidebar {
        grid-template-columns:1fr
    }
    .right-sidebar {
        display:none!important
    }
}
/* বাল্লিগো 1.3.0 — media, advertisement and content-source additions */
.hero-visual {
    display:flex;
    flex-direction:column;
    gap:18px;
    min-width:0
}
.slide-image-card {
    overflow:hidden;
    border-radius:28px;
    box-shadow:0 24px 70px rgba(0,0,0,.18);
    background:#fff
}
.slide-image-card img {
    display:block;
    width:100%;
    aspect-ratio:16/9;
    object-fit:cover
}
.service-image {
    overflow:hidden;
    border-radius:16px;
    margin:-4px -4px 18px;
    background:#eef0ff
}
.service-image img {
    display:block;
    width:100%;
    aspect-ratio:16/9;
    object-fit:cover
}
.review-image {
    overflow:hidden;
    border-radius:16px;
    margin:-4px -4px 18px;
    background:#eef0ff
}
.review-image img {
    display:block;
    width:100%;
    aspect-ratio:16/9;
    object-fit:cover
}
.recent-grid {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:18px
}
.recent-card {
    background:#fff;
    border:1px solid var(--bbs-line);
    border-radius:var(--bbs-radius);
    overflow:hidden;
    box-shadow:var(--bbs-shadow);
    height:100%;
    display:flex;
    flex-direction:column
}
.recent-image {
    display:block;
    overflow:hidden;
    background:#eef0ff
}
.recent-image img {
    display:block;
    width:100%;
    aspect-ratio:16/10;
    object-fit:cover;
    transition:transform .25s ease
}
.recent-card:hover .recent-image img {
    transform:scale(1.035)
}
.recent-card-body {
    padding:20px;
    display:flex;
    flex-direction:column;
    flex:1
}
.recent-meta {
    font-size:.76rem;
    color:var(--bbs-primary);
    font-weight:800;
    margin-bottom:7px
}
.recent-card h3 {
    font-size:1.1rem;
    line-height:1.3;
    margin:0 0 9px
}
.recent-card h3 a {
    color:var(--bbs-dark)
}
.recent-card p {
    color:var(--bbs-muted);
    font-size:.9rem;
    margin:0 0 15px
}
.recent-card .service-link {
    margin-top:auto
}
.empty-content {
    grid-column:1/-1;
    text-align:center;
    background:#fff;
    border:1px dashed var(--bbs-line);
    border-radius:18px;
    padding:30px;
    color:var(--bbs-muted)
}
.ad-section {
    padding-top:0
}
.ad-box {
    display:grid;
    grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
    gap:28px;
    align-items:center;
    padding:30px;
    border-radius:28px;
    background:linear-gradient(135deg,var(--bbs-dark),#30275e);
    color:#fff;
    box-shadow:0 22px 60px rgba(23,21,43,.18)
}
.ad-image {
    overflow:hidden;
    border-radius:20px;
    background:rgba(255,255,255,.08)
}
.ad-image img {
    display:block;
    width:100%;
    aspect-ratio:16/9;
    object-fit:cover
}
.ad-copy {
    padding:10px 8px
}
.ad-copy .section-kicker {
    color:#b9a8ff
}
.ad-copy h2 {
    font-size:clamp(1.8rem,3vw,2.6rem);
    margin:8px 0 10px
}
.ad-copy p {
    color:rgba(255,255,255,.78);
    margin:0 0 20px
}
@media(max-width:1024px) {
    .recent-grid {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
}
@media(max-width:780px) {
    .hero-visual {
        gap:14px
    }
    .recent-grid {
        grid-template-columns:1fr
    }
    .ad-box {
        grid-template-columns:1fr;
        padding:20px;
        border-radius:22px
    }
    .ad-copy {
        text-align:center;
        padding:4px
    }
    .ad-copy .bbs-button {
        width:100%
    }
    .slide-image-card {
        border-radius:22px
    }
}
/* Floating Back-to-Top / Scroll Button */
.bbs-floating-top {
    position:fixed;
    right:24px;
    bottom:24px;
    width:52px;
    height:52px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,var(--bbs-primary),var(--bbs-secondary));
    color:#fff!important;
    text-decoration:none!important;
    border:2px solid rgba(255,255,255,.7);
    box-shadow:0 14px 32px rgba(15,23,42,.22);
    z-index:9999;
    opacity:0;
    visibility:hidden;
    transform:translateY(14px) scale(.94);
    pointer-events:none;
    transition:opacity .22s ease,visibility .22s ease,transform .22s ease,box-shadow .22s ease
}
.bbs-floating-top.is-visible {
    opacity:1;
    visibility:visible;
    transform:translateY(0) scale(1);
    pointer-events:auto
}
.bbs-floating-top:hover {
    transform:translateY(-3px) scale(1.04);
    box-shadow:0 18px 38px rgba(15,23,42,.28)
}
.bbs-floating-top:focus-visible {
    outline:3px solid rgba(255,255,255,.9);
    outline-offset:3px
}
.bbs-floating-top>span {
    width:24px;
    height:24px;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    line-height:1;
    font-weight:900
}
.bbs-floating-top>span svg {
    width:24px;
    height:24px;
    display:block;
    position:static;
    inset:auto;
    transform:none;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round
}
.bbs-floating-top[style] {
    display:flex!important
}
@media(max-width:780px) {
    .bbs-floating-top {
        right:16px;
        bottom:18px;
        width:48px;
        height:48px
    }
    .bbs-floating-top>span {
        width:22px;
        height:22px
    }
    .bbs-floating-top>span svg {
        width:22px;
        height:22px
    }
}
/* Final UI adjustments */
/* Read More / Service Button Center */
.service-card {
    text-align:center;
}
.service-card .service-link {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-top:8px;
}
/* 10px Radius for Post & Page Featured Images */
.single .main-content-column > article > .wp-post-image, .page .main-content-column > article > .wp-post-image {
    border-radius:10px;
}
.service-image, .recent-image {
    border-radius:10px;
    overflow:hidden;
}
.service-image img, .recent-image img {
    border-radius:10px;
    display:block;
}
/* Keep Editorial Images 10px Radius */
.review-image, .review-image img {
    border-radius:10px;
}
/* Advertisement Image */
.ad-image, .ad-image img {
    border-radius:10px;
}
/* Single Hero Button Center */
.hero-actions {
    display:flex;
    justify-content:center;
    align-items:center;
    gap:12px;
}
.hero-actions .bbs-button {
    width:auto;
    min-width:160px;
}
/* Center Single Post & Single Page Titles */
body.single-post .entry-title, body.single-page .entry-title, body.single .entry-header .entry-title, body.page .entry-header .entry-title, body.single .main-content-column article h1, body.page .main-content-column article h1 {
    text-align: center !important;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

/* Balligo Magazine — Premium centered navigation and multi-level dropdown */
.site-header,
.site-header .header-inner,
.main-navigation {
    overflow:visible;
}

/* Desktop: every submenu is a polished dropdown. */
@media (min-width:781px) {
    .main-navigation > ul,
    .main-navigation ul.menu {
        position:relative;
    }

    .main-navigation ul.sub-menu,
    .main-navigation ul.children {
        position:absolute;
        top:calc(100% + 8px);
        left:0;
        z-index:1200;
        display:flex;
        flex-direction:column;
        align-items:stretch;
        justify-content:flex-start;
        gap:4px;
        width:max-content;
        min-width:220px;
        max-width:min(320px, calc(100vw - 30px));
        margin:0;
        padding:8px;
        background:rgba(255,255,255,.98);
        border:1px solid var(--bbs-line);
        border-radius:16px;
        box-shadow:0 18px 45px rgba(15,23,42,.16), 0 2px 8px rgba(15,23,42,.06);
        opacity:0;
        visibility:hidden;
        pointer-events:none;
        transform:translateY(8px);
        transition:opacity .18s ease, visibility .18s ease, transform .18s ease;
    }

    .main-navigation li:hover > ul.sub-menu,
    .main-navigation li:hover > ul.children,
    .main-navigation li:focus-within > ul.sub-menu,
    .main-navigation li:focus-within > ul.children,
    .main-navigation li.is-submenu-open > ul.sub-menu,
    .main-navigation li.is-submenu-open > ul.children {
        opacity:1;
        visibility:visible;
        pointer-events:auto;
        transform:translateY(0);
    }

    .main-navigation ul.sub-menu li,
    .main-navigation ul.children li {
        display:block;
        width:100%;
    }

    .main-navigation ul.sub-menu a,
    .main-navigation ul.children a {
        display:flex;
        align-items:center;
        justify-content:space-between;
        width:100%;
        min-height:42px;
        padding:10px 12px;
        border-radius:10px;
        text-align:left;
        white-space:normal;
        line-height:1.35;
        font-size:.88rem;
    }

    .main-navigation ul.sub-menu a:hover,
    .main-navigation ul.children a:hover,
    .main-navigation ul.sub-menu .current-menu-item > a,
    .main-navigation ul.children .current-menu-item > a {
        background:#f1f2ff;
        color:var(--bbs-primary);
    }

    /* Nested level: fly out to the side. */
    .main-navigation ul.sub-menu ul.sub-menu,
    .main-navigation ul.sub-menu ul.children,
    .main-navigation ul.children ul.sub-menu,
    .main-navigation ul.children ul.children {
        top:-9px;
        left:calc(100% + 8px);
        transform:translateX(8px);
    }

    .main-navigation li:hover > ul.sub-menu ul.sub-menu,
    .main-navigation li:hover > ul.sub-menu ul.children,
    .main-navigation li:hover > ul.children ul.sub-menu,
    .main-navigation li:hover > ul.children ul.children,
    .main-navigation li:focus-within > ul.sub-menu ul.sub-menu,
    .main-navigation li:focus-within > ul.sub-menu ul.children,
    .main-navigation li:focus-within > ul.children ul.sub-menu,
    .main-navigation li:focus-within > ul.children ul.children,
    .main-navigation li.is-submenu-open > ul.sub-menu ul.sub-menu,
    .main-navigation li.is-submenu-open > ul.sub-menu ul.children,
    .main-navigation li.is-submenu-open > ul.children ul.sub-menu,
    .main-navigation li.is-submenu-open > ul.children ul.children {
        transform:translateX(0);
    }

    /* Small chevron on items that contain children. */
    .main-navigation li.menu-item-has-children > a,
    .main-navigation li.page_item_has_children > a {
        padding-right:30px;
        position:relative;
    }

    .main-navigation > ul > li.menu-item-has-children > a::after,
    .main-navigation > ul > li.page_item_has_children > a::after {
        content:'⌄';
        position:absolute;
        right:10px;
        top:50%;
        transform:translateY(-55%);
        font-size:14px;
        font-weight:900;
        color:var(--bbs-muted);
    }

    .main-navigation ul.sub-menu li.menu-item-has-children > a::after,
    .main-navigation ul.sub-menu li.page_item_has_children > a::after,
    .main-navigation ul.children li.menu-item-has-children > a::after,
    .main-navigation ul.children li.page_item_has_children > a::after {
        content:'›';
        position:absolute;
        right:11px;
        font-size:17px;
        font-weight:900;
        color:var(--bbs-muted);
    }

    /* Keep the dropdown attached to the menu item even when the parent link is focused. */
    .main-navigation > ul > li > ul.sub-menu,
    .main-navigation > ul > li > ul.children {
        margin-top:0;
    }
}

/* Mobile/tablet: accordion-style dropdowns inside the open menu. */
@media (max-width:780px) {
    .main-navigation ul.sub-menu,
    .main-navigation ul.children {
        position:static;
        display:block;
        width:100%;
        min-width:0;
        max-width:none;
        margin:4px 0 6px;
        padding:4px 0 4px 14px;
        background:#f8f9ff;
        border:1px solid var(--bbs-line);
        border-radius:14px;
        box-shadow:none;
        opacity:1;
        visibility:visible;
        pointer-events:auto;
        transform:none;
        overflow:hidden;
        max-height:0;
        transition:max-height .25s ease, padding .25s ease, margin .25s ease;
    }

    .main-navigation li.is-submenu-open > ul.sub-menu,
    .main-navigation li.is-submenu-open > ul.children {
        max-height:2000px;
        padding-top:5px;
        padding-bottom:5px;
    }

    .main-navigation ul.sub-menu ul.sub-menu,
    .main-navigation ul.children ul.children,
    .main-navigation ul.sub-menu ul.children,
    .main-navigation ul.children ul.sub-menu {
        margin-left:8px;
        background:#fff;
        border-radius:11px;
    }

    .main-navigation li.menu-item-has-children,
    .main-navigation li.page_item_has_children {
        position:relative;
    }

    .main-navigation li.menu-item-has-children > a,
    .main-navigation li.page_item_has_children > a {
        padding-right:52px;
    }

    .main-navigation .submenu-toggle {
        position:absolute;
        top:4px;
        right:4px;
        z-index:2;
        width:42px;
        height:42px;
        border:0;
        border-radius:10px;
        background:transparent;
        color:var(--bbs-muted);
        cursor:pointer;
        display:flex;
        align-items:center;
        justify-content:center;
        font-size:20px;
        line-height:1;
        transition:background .18s ease, transform .2s ease, color .18s ease;
    }

    .main-navigation .submenu-toggle:hover,
    .main-navigation .submenu-toggle:focus-visible {
        background:#eef0ff;
        color:var(--bbs-primary);
        outline:none;
    }

    .main-navigation li.is-submenu-open > .submenu-toggle {
        transform:rotate(180deg);
        color:var(--bbs-primary);
    }

    .main-navigation ul.sub-menu a,
    .main-navigation ul.children a {
        width:100%;
        padding:10px 12px;
        border-radius:9px;
        text-align:center;
        font-size:.88rem;
    }
}


/* বাল্লিগো 3.8 — single-row professional primary navigation */
@media (min-width:781px) {
    .site-header .header-inner {
        display:flex;
        flex-wrap:nowrap;
        align-items:center;
    }

    .main-navigation {
        flex:1 1 auto;
        min-width:0;
        display:flex;
        align-items:center;
        justify-content:center;
    }

    .main-navigation > ul,
    .main-navigation ul.menu {
        display:flex;
        flex-wrap:nowrap !important;
        align-items:center;
        justify-content:center;
        gap:6px;
        width:auto;
        max-width:100%;
        white-space:nowrap;
    }

    .main-navigation > ul > li,
    .main-navigation ul.menu > li {
        flex:0 0 auto;
        width:auto;
    }

    .main-navigation > ul > li > a,
    .main-navigation ul.menu > li > a {
        display:inline-flex;
        align-items:center;
        justify-content:center;
        gap:7px;
        min-height:44px;
        padding:9px 13px;
        white-space:nowrap;
    }

    /* Never show the mobile submenu buttons on desktop; the dropdown chevron is CSS-only. */
    .main-navigation .submenu-toggle {
        display:none !important;
    }

    /* Professional, lightweight inline SVG menu icons. */
    .main-navigation .menu-item-icon {
        display:inline-flex;
        align-items:center;
        justify-content:center;
        width:20px;
        height:20px;
        flex:0 0 20px;
        color:currentColor;
    }

    .main-navigation .menu-item-icon svg {
        width:18px;
        height:18px;
        fill:none;
        stroke:currentColor;
        stroke-width:1.8;
        stroke-linecap:round;
        stroke-linejoin:round;
    }

    /* Keep the top-level chevron on the same line as the label. */
    .main-navigation > ul > li.menu-item-has-children > a::after,
    .main-navigation > ul > li.page_item_has_children > a::after {
        position:static;
        transform:none;
        margin-left:1px;
        font-size:12px;
        line-height:1;
    }
}

/* Prevent the submenu toggle from ever creating a second visual row on mobile. */
@media (max-width:780px) {
    .main-navigation li.menu-item-has-children > a,
    .main-navigation li.page_item_has_children > a {
        display:flex;
        align-items:center;
        justify-content:center;
        min-height:46px;
        padding-right:52px;
        position:relative;
    }

    .main-navigation .submenu-toggle {
        top:50% !important;
        right:4px !important;
        transform:translateY(-50%);
        display:flex;
        align-items:center;
        justify-content:center;
    }

    .main-navigation li.is-submenu-open > .submenu-toggle {
        transform:translateY(-50%) rotate(180deg);
    }

    .main-navigation .submenu-toggle svg {
        width:18px;
        height:18px;
        fill:none;
        stroke:currentColor;
        stroke-width:2;
        stroke-linecap:round;
        stroke-linejoin:round;
    }
}


/* বাল্লিগো 3.9 — centered brand above navigation + premium dropdown chevrons */
@media (min-width:781px) {
    .site-header .header-inner {
        display:flex;
        flex-direction:column;
        flex-wrap:nowrap;
        align-items:center;
        justify-content:flex-start;
        gap:0;
        min-height:0;
        padding-top:18px;
        padding-bottom:10px;
    }

    .site-branding {
        order:1;
        width:100%;
        min-width:0;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:3px;
        text-align:center;
        padding:0;
    }

    .site-title,
    .site-tagline {
        width:100%;
        text-align:center;
        margin-left:auto;
        margin-right:auto;
    }

    .site-tagline {
        max-width:none;
    }

    .main-navigation {
        order:2;
        width:100%;
        flex:0 0 auto;
        display:flex;
        align-items:center;
        justify-content:center;
        margin-top:9px;
    }

    .main-navigation > ul,
    .main-navigation ul.menu {
        display:flex;
        flex-wrap:nowrap !important;
        align-items:center;
        justify-content:center;
        gap:7px;
        width:auto;
        max-width:100%;
        white-space:nowrap;
    }

    .main-navigation > ul > li,
    .main-navigation ul.menu > li {
        display:flex;
        align-items:center;
        position:relative;
        flex:0 0 auto;
        width:auto;
    }

    .main-navigation > ul > li > a,
    .main-navigation ul.menu > li > a {
        display:inline-flex;
        align-items:center;
        justify-content:center;
        gap:0;
        min-height:42px;
        padding:8px 29px 8px 13px;
        white-space:nowrap;
        position:relative;
    }

    /* Remove the old text glyph arrows. */
    .main-navigation > ul > li.menu-item-has-children > a::after,
    .main-navigation > ul > li.page_item_has_children > a::after,
    .main-navigation ul.sub-menu li.menu-item-has-children > a::after,
    .main-navigation ul.sub-menu li.page_item_has_children > a::after,
    .main-navigation ul.children li.menu-item-has-children > a::after,
    .main-navigation ul.children li.page_item_has_children > a::after {
        content:none !important;
        display:none !important;
    }

    /* Premium dropdown arrow: clean SVG, no square button/background. */
    .main-navigation .submenu-toggle {
        position:absolute;
        top:50%;
        right:7px;
        transform:translateY(-50%);
        display:inline-flex !important;
        align-items:center;
        justify-content:center;
        width:18px;
        height:18px;
        margin:0;
        padding:0;
        border:0;
        border-radius:0;
        background:transparent;
        color:var(--bbs-muted);
        box-shadow:none;
        cursor:pointer;
        z-index:3;
        line-height:1;
        transition:color .18s ease, transform .2s ease;
    }

    .main-navigation .submenu-toggle svg {
        display:block;
        width:15px;
        height:15px;
        fill:none;
        stroke:currentColor;
        stroke-width:2.25;
        stroke-linecap:round;
        stroke-linejoin:round;
        transition:transform .2s ease;
    }

    .main-navigation .submenu-toggle:hover,
    .main-navigation .submenu-toggle:focus-visible {
        background:transparent;
        color:var(--bbs-primary);
        outline:none;
    }

    .main-navigation li.is-submenu-open > .submenu-toggle {
        transform:translateY(-50%);
        color:var(--bbs-primary);
    }

    /* Nested menus use the same premium arrow turned sideways. */
    .main-navigation ul.sub-menu .submenu-toggle svg,
    .main-navigation ul.children .submenu-toggle svg {
        transform:rotate(-90deg);
    }

    .main-navigation ul.sub-menu li.is-submenu-open > .submenu-toggle svg,
    .main-navigation ul.children li.is-submenu-open > .submenu-toggle svg {
        transform:rotate(90deg);
    }

    /* No generated/menu-item icons. */
    .main-navigation .menu-item-icon {
        display:none !important;
    }
}

/* Mobile keeps the centered brand and uses the same premium SVG toggles. */
@media (max-width:780px) {
    .main-navigation .menu-item-icon {
        display:none !important;
    }

    .main-navigation .submenu-toggle {
        border:0;
        background:transparent;
        box-shadow:none;
    }

    .main-navigation .submenu-toggle:hover,
    .main-navigation .submenu-toggle:focus-visible {
        background:transparent;
    }
}


/* বাল্লিগো v2.5.10 — mobile menu alignment fix
   Keep every menu/submenu row straight and keep the premium toggle centered
   on the same vertical axis as its parent label. */
@media (max-width:780px) {
    .main-navigation ul,
    .main-navigation ul.menu,
    .main-navigation ul.sub-menu,
    .main-navigation ul.children {
        width:100%;
    }

    .main-navigation > ul > li,
    .main-navigation ul.menu > li,
    .main-navigation ul.sub-menu > li,
    .main-navigation ul.children > li {
        position:relative;
        display:flex;
        align-items:center;
        width:100%;
        min-height:46px;
        margin:0;
    }

    .main-navigation > ul > li > a,
    .main-navigation ul.menu > li > a,
    .main-navigation ul.sub-menu > li > a,
    .main-navigation ul.children > li > a {
        display:flex;
        align-items:center;
        justify-content:flex-start;
        flex:1 1 auto;
        width:100%;
        min-height:46px;
        margin:0;
        padding:10px 52px 10px 14px;
        text-align:left;
        line-height:1.35;
        white-space:nowrap;
    }

    .main-navigation .submenu-toggle,
    .main-navigation ul.sub-menu .submenu-toggle,
    .main-navigation ul.children .submenu-toggle {
        position:absolute !important;
        top:50% !important;
        right:8px !important;
        width:34px !important;
        height:34px !important;
        min-width:34px;
        min-height:34px;
        margin:0 !important;
        padding:0 !important;
        transform:translateY(-50%) !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        align-self:auto;
        z-index:10;
    }

    .main-navigation li.is-submenu-open > .submenu-toggle {
        transform:translateY(-50%) !important;
    }

    .main-navigation .submenu-toggle svg {
        width:16px !important;
        height:16px !important;
        display:block !important;
        flex:0 0 16px;
    }

    /* All mobile submenu arrows remain vertically centered with their own row. */
    .main-navigation ul.sub-menu .submenu-toggle,
    .main-navigation ul.children .submenu-toggle {
        top:50% !important;
        right:8px !important;
    }

    .main-navigation ul.sub-menu a,
    .main-navigation ul.children a {
        text-align:left;
        padding-left:14px;
        padding-right:52px;
    }

    .main-navigation ul.sub-menu ul.sub-menu,
    .main-navigation ul.children ul.children,
    .main-navigation ul.sub-menu ul.children,
    .main-navigation ul.children ul.sub-menu {
        width:calc(100% - 8px);
        margin-left:8px;
    }
}

/* বাল্লিগো v2.5.11 — centered navigation + dropdown directly below parent */
@media (min-width:781px) {
    .main-navigation > ul,
    .main-navigation ul.menu {
        display:flex !important;
        align-items:center;
        justify-content:center !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }

    .main-navigation > ul > li,
    .main-navigation ul.menu > li {
        position:relative;
    }

    /* Top-level dropdown opens directly underneath its main menu item. */
    .main-navigation > ul > li > ul.sub-menu,
    .main-navigation > ul > li > ul.children,
    .main-navigation ul.menu > li > ul.sub-menu,
    .main-navigation ul.menu > li > ul.children {
        left:50% !important;
        right:auto !important;
        top:calc(100% + 8px) !important;
        transform:translate(-50%, 8px);
    }

    .main-navigation > ul > li:hover > ul.sub-menu,
    .main-navigation > ul > li:hover > ul.children,
    .main-navigation > ul > li:focus-within > ul.sub-menu,
    .main-navigation > ul > li:focus-within > ul.children,
    .main-navigation > ul > li.is-submenu-open > ul.sub-menu,
    .main-navigation > ul > li.is-submenu-open > ul.children,
    .main-navigation ul.menu > li:hover > ul.sub-menu,
    .main-navigation ul.menu > li:hover > ul.children,
    .main-navigation ul.menu > li:focus-within > ul.sub-menu,
    .main-navigation ul.menu > li:focus-within > ul.children,
    .main-navigation ul.menu > li.is-submenu-open > ul.sub-menu,
    .main-navigation ul.menu > li.is-submenu-open > ul.children {
        transform:translate(-50%, 0);
    }
}

@media (max-width:780px) {
    /* Keep the opened mobile navigation itself centered. */
    .main-navigation > ul,
    .main-navigation ul.menu {
        display:flex !important;
        flex-direction:column;
        align-items:center;
        justify-content:flex-start;
        width:100%;
        margin:0 auto;
    }

    .main-navigation > ul > li,
    .main-navigation ul.menu > li {
        width:100%;
        display:flex;
        align-items:center;
        justify-content:center;
        position:relative;
    }

    .main-navigation > ul > li > a,
    .main-navigation ul.menu > li > a {
        justify-content:center !important;
        text-align:center !important;
        padding-left:52px !important;
        padding-right:52px !important;
    }

    /* Mobile submenus are real dropdown panels directly below their parent. */
    .main-navigation ul.sub-menu,
    .main-navigation ul.children {
        position:absolute !important;
        top:calc(100% + 6px) !important;
        left:50% !important;
        width:min(300px, calc(100vw - 42px)) !important;
        min-width:0 !important;
        max-width:calc(100vw - 42px) !important;
        margin:0 !important;
        padding:7px !important;
        background:rgba(255,255,255,.99) !important;
        border:1px solid var(--bbs-line) !important;
        border-radius:14px !important;
        box-shadow:0 16px 38px rgba(15,23,42,.16) !important;
        opacity:0 !important;
        visibility:hidden !important;
        pointer-events:none !important;
        transform:translate(-50%, 8px) !important;
        max-height:none !important;
        overflow:visible !important;
        z-index:1300;
        transition:opacity .18s ease, visibility .18s ease, transform .18s ease !important;
    }

    .main-navigation li.is-submenu-open > ul.sub-menu,
    .main-navigation li.is-submenu-open > ul.children {
        opacity:1 !important;
        visibility:visible !important;
        pointer-events:auto !important;
        transform:translate(-50%, 0) !important;
    }

    .main-navigation ul.sub-menu > li,
    .main-navigation ul.children > li {
        position:relative;
        display:flex;
        align-items:center;
        justify-content:center;
        width:100%;
        min-height:42px;
        margin:0;
    }

    .main-navigation ul.sub-menu a,
    .main-navigation ul.children a {
        display:flex !important;
        align-items:center;
        justify-content:center !important;
        width:100% !important;
        min-height:42px;
        padding:9px 46px 9px 46px !important;
        text-align:center !important;
        white-space:normal;
    }

    /* Nested dropdowns stay below their parent submenu item, not off to the side. */
    .main-navigation ul.sub-menu ul.sub-menu,
    .main-navigation ul.sub-menu ul.children,
    .main-navigation ul.children ul.sub-menu,
    .main-navigation ul.children ul.children {
        top:calc(100% + 5px) !important;
        left:50% !important;
        margin:0 !important;
        transform:translate(-50%, 8px) !important;
    }

    .main-navigation ul.sub-menu li.is-submenu-open > ul.sub-menu,
    .main-navigation ul.sub-menu li.is-submenu-open > ul.children,
    .main-navigation ul.children li.is-submenu-open > ul.sub-menu,
    .main-navigation ul.children li.is-submenu-open > ul.children {
        transform:translate(-50%, 0) !important;
    }

    /* Premium toggle remains vertically centered in the exact same menu row. */
    .main-navigation .submenu-toggle {
        top:50% !important;
        right:8px !important;
        transform:translateY(-50%) !important;
        z-index:1400;
    }

    .main-navigation li.is-submenu-open > .submenu-toggle {
        transform:translateY(-50%) !important;
    }
}

/* বাল্লিগো v2.5.12 — clean submenu styling
   Remove submenu/nested panel backgrounds and borders, and center all submenu labels. */
.main-navigation ul.sub-menu,
.main-navigation ul.children,
.main-navigation ul.sub-menu ul.sub-menu,
.main-navigation ul.sub-menu ul.children,
.main-navigation ul.children ul.sub-menu,
.main-navigation ul.children ul.children {
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}

.main-navigation ul.sub-menu a,
.main-navigation ul.children a,
.main-navigation ul.sub-menu ul.sub-menu a,
.main-navigation ul.sub-menu ul.children a,
.main-navigation ul.children ul.sub-menu a,
.main-navigation ul.children ul.children a {
    justify-content:center !important;
    text-align:center !important;
}

.main-navigation ul.sub-menu a:hover,
.main-navigation ul.children a:hover,
.main-navigation ul.sub-menu .current-menu-item > a,
.main-navigation ul.children .current-menu-item > a {
    background:transparent !important;
}


/* বাল্লিগো v2.5.13 — premium centered submenu panels
   Restore a refined background so submenu and nested menu levels remain visually distinct. */
.main-navigation ul.sub-menu,
.main-navigation ul.children,
.main-navigation ul.sub-menu ul.sub-menu,
.main-navigation ul.sub-menu ul.children,
.main-navigation ul.children ul.sub-menu,
.main-navigation ul.children ul.children {
    background:linear-gradient(180deg, rgba(255,255,255,.985) 0%, rgba(248,249,255,.985) 100%) !important;
    border:1px solid rgba(91,78,190,.14) !important;
    border-radius:16px !important;
    box-shadow:0 18px 45px rgba(31,41,75,.14), 0 4px 14px rgba(91,78,190,.08) !important;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
}

.main-navigation ul.sub-menu a,
.main-navigation ul.children a,
.main-navigation ul.sub-menu ul.sub-menu a,
.main-navigation ul.sub-menu ul.children a,
.main-navigation ul.children ul.sub-menu a,
.main-navigation ul.children ul.children a {
    justify-content:center !important;
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

.main-navigation ul.sub-menu a:hover,
.main-navigation ul.children a:hover,
.main-navigation ul.sub-menu .current-menu-item > a,
.main-navigation ul.children .current-menu-item > a {
    background:rgba(91,78,190,.055) !important;
    color:var(--bbs-primary) !important;
}

@media (min-width:781px) {
    .main-navigation ul.sub-menu,
    .main-navigation ul.children {
        align-items:center !important;
    }

    .main-navigation ul.sub-menu > li,
    .main-navigation ul.children > li {
        width:100% !important;
    }

    .main-navigation ul.sub-menu a,
    .main-navigation ul.children a {
        width:100% !important;
    }
}

@media (max-width:780px) {
    .main-navigation ul.sub-menu,
    .main-navigation ul.children,
    .main-navigation ul.sub-menu ul.sub-menu,
    .main-navigation ul.sub-menu ul.children,
    .main-navigation ul.children ul.sub-menu,
    .main-navigation ul.children ul.children {
        width:min(300px, calc(100vw - 42px)) !important;
        max-width:calc(100vw - 42px) !important;
        left:50% !important;
        right:auto !important;
        margin-left:0 !important;
        margin-right:0 !important;
        padding:8px !important;
        border-radius:16px !important;
        box-sizing:border-box !important;
    }

    .main-navigation ul.sub-menu > li,
    .main-navigation ul.children > li {
        width:100% !important;
        justify-content:center !important;
    }

    .main-navigation ul.sub-menu a,
    .main-navigation ul.children a {
        width:100% !important;
        justify-content:center !important;
        text-align:center !important;
    }
}

/* =========================================================
   BALLIGO GLOBAL EDITORIAL DESIGN
   Applies to Posts, Pages, Archives, Search and all sidebar/footer areas.
   Premium Emerald + Gold UI with blue outer body background.
========================================================= */
:root{
    --balligo-bg-blue:#071b35;
    --balligo-deep:#031c11;
    --balligo-green:#062a1a;
    --balligo-green-2:#082f1e;
    --balligo-gold:#f7d96a;
    --balligo-gold-light:#fff0a3;
    --balligo-line:rgba(247,217,106,.35);
}

/* ---------- GLOBAL BODY / SITE ---------- */
html,
body{
    background:#071b35 !important;
}
body{
    color:#f6f8f5 !important;
}
.site{
    background:transparent !important;
}

/* ---------- HEADER + MENU: GLOBAL ---------- */
.site-header{
    background:#031c11 !important;
    color:#fff !important;
    border-bottom:2px solid transparent !important;
    border-image:linear-gradient(90deg,#f7d96a,#35c96b,#fff0a3,#35c96b,#f7d96a) 1 !important;
    box-shadow:0 10px 28px rgba(0,0,0,.28) !important;
}
.site-header .header-inner{
    min-height:76px !important;
}
.site-title a,
.site-header a{
    color:#fff !important;
}
.site-header a:hover,
.site-header .current-menu-item>a{
    color:var(--balligo-gold-light) !important;
}
.main-navigation{
    background:#082a1b !important;
    border:2px solid transparent !important;
    border-radius:999px !important;
    background-image:linear-gradient(#082a1b,#082a1b),linear-gradient(90deg,#f7d96a,#35c96b,#fff0a3,#35c96b,#f7d96a) !important;
    background-origin:border-box !important;
    background-clip:padding-box,border-box !important;
    box-shadow:0 8px 24px rgba(0,0,0,.20) !important;
}
.main-navigation a{
    color:#fff !important;
    border-radius:999px !important;
}
.main-navigation a:hover,
.main-navigation .current-menu-item>a{
    background:rgba(247,217,106,.12) !important;
    color:var(--balligo-gold-light) !important;
}
.menu-toggle{
    border:2px solid var(--balligo-gold) !important;
    background:linear-gradient(135deg,#0b3a25,#17633d) !important;
    color:#fff !important;
    box-shadow:0 10px 24px rgba(0,0,0,.30) !important;
}

/* Desktop submenu */
.main-navigation ul.sub-menu,
.main-navigation ul.children{
    background:linear-gradient(180deg,#0b2d1d,#061c12) !important;
    border:2px solid rgba(247,217,106,.35) !important;
    border-radius:16px !important;
    box-shadow:0 18px 45px rgba(0,0,0,.35) !important;
}
.main-navigation ul.sub-menu a,
.main-navigation ul.children a{
    color:#fff !important;
}
.main-navigation ul.sub-menu a:hover,
.main-navigation ul.children a:hover,
.main-navigation ul.sub-menu .current-menu-item>a,
.main-navigation ul.children .current-menu-item>a{
    background:rgba(247,217,106,.10) !important;
    color:var(--balligo-gold-light) !important;
}

/* ---------- MAIN POST/PAGE AREA: GLOBAL ---------- */
.content-area{
    padding:28px 0 34px !important;
    background:transparent !important;
}
.content-with-sidebar{
    gap:24px !important;
}
.main-content-column{
    min-width:0;
}
.main-content-column>article{
    background:linear-gradient(145deg,#062a1a,#031c11) !important;
    color:#f6f8f5 !important;
    border:3px solid transparent !important;
    border-radius:28px !important;
    background-image:linear-gradient(145deg,#062a1a,#031c11),linear-gradient(135deg,#f7d96a 0%,#35c96b 25%,#fff0a3 50%,#24a957 75%,#d9b64f 100%) !important;
    background-origin:border-box !important;
    background-clip:padding-box,border-box !important;
    box-shadow:0 18px 55px rgba(0,0,0,.30) !important;
    overflow:hidden !important;
    padding:0 !important;
    margin:0 !important;
}
.main-content-column>article>.wp-post-image{
    display:block;
    width:100%;
    max-width:100%;
    height:auto;
    margin:0 !important;
    border-radius:0 !important;
}
.main-content-column>article>h1{
    color:#fff !important;
    font-size:clamp(1.75rem,4vw,2.65rem) !important;
    line-height:1.35 !important;
    margin:0 !important;
    padding:26px 28px 12px !important;
}
.main-content-column>article>.entry-content{
    background:transparent !important;
    color:#e8eee9 !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    padding:10px 28px 30px !important;
    margin:0 !important;
}
.main-content-column>article>.entry-content p,
.main-content-column>article>.entry-content li{
    color:#e8eee9 !important;
}
.main-content-column>article>.entry-content a{
    color:var(--balligo-gold-light) !important;
}
.main-content-column>article>.entry-content h2,
.main-content-column>article>.entry-content h3,
.main-content-column>article>.entry-content h4{
    color:#fff !important;
}

/* Search/archive/page result headings */
.main-content-column>article .entry-title,
.main-content-column>article h2.entry-title{
    color:#fff !important;
}

/* ---------- SIDEBAR: GLOBAL SEARCH + RECENT POSTS ---------- */
.right-sidebar{
    padding:0 !important;
    position:sticky !important;
    top:90px !important;
}
.right-sidebar .widget,
.widget-area .widget{
    color:#f6f8f5 !important;
    background:linear-gradient(145deg,#082b1b,#031c11) !important;
    border:3px solid transparent !important;
    border-radius:23px !important;
    background-image:linear-gradient(145deg,#082b1b,#031c11),linear-gradient(135deg,#f7d96a 0%,#35c96b 25%,#fff0a3 50%,#24a957 75%,#d9b64f 100%) !important;
    background-origin:border-box !important;
    background-clip:padding-box,border-box !important;
    box-shadow:0 14px 38px rgba(0,0,0,.28) !important;
    padding:20px !important;
    margin:0 0 18px !important;
    overflow:hidden !important;
}
.right-sidebar .widget h3,
.widget-area .widget h3,
.widget-title{
    color:#fff !important;
    font-size:1.12rem !important;
    font-weight:800 !important;
    margin:0 0 14px !important;
    padding:0 !important;
    text-shadow:0 1px 7px rgba(0,0,0,.35) !important;
}
.right-sidebar .widget ul,
.widget-area .widget ul{
    list-style:none !important;
    margin:0 !important;
    padding:0 !important;
}
.right-sidebar .widget li,
.widget-area .widget li{
    margin:0 !important;
    padding:10px 0 !important;
    border-bottom:1px solid rgba(255,255,255,.24) !important;
}
.right-sidebar .widget li:last-child,
.widget-area .widget li:last-child{
    border-bottom:0 !important;
}
.right-sidebar .widget a,
.widget-area .widget a{
    color:#fff !important;
    font-weight:650 !important;
}
.right-sidebar .widget a:hover,
.widget-area .widget a:hover{
    color:var(--balligo-gold-light) !important;
}

/* Search form */
.right-sidebar .search-form,
.widget-area .search-form{
    display:flex !important;
    flex-direction:column !important;
    gap:9px !important;
}
.right-sidebar .search-form input,
.widget-area .search-form input{
    width:100% !important;
    min-height:44px !important;
    padding:10px 13px !important;
    background:#153326 !important;
    color:#fff !important;
    border:1px solid rgba(247,217,106,.35) !important;
    border-radius:13px !important;
    outline:none !important;
}
.right-sidebar .search-form input::placeholder,
.widget-area .search-form input::placeholder{
    color:#aebdb5 !important;
}
.right-sidebar .search-form button,
.widget-area .search-form button,
.right-sidebar .search-form .search-submit,
.widget-area .search-form .search-submit{
    width:100% !important;
    min-height:44px !important;
    border:1px solid rgba(247,217,106,.35) !important;
    border-radius:13px !important;
    background:linear-gradient(135deg,#173a2b,#0b2d1d) !important;
    color:#fff !important;
    font-weight:800 !important;
    cursor:pointer !important;
}

/* Recent Posts: divider reaches both sides of the card content */
.right-sidebar .widget_recent_entries ul,
.right-sidebar .widget_recent_entries ol,
.right-sidebar .widget_recent_posts ul,
.right-sidebar .widget_recent_posts ol{
    list-style:none !important;
    margin:0 -20px !important;
    padding:0 !important;
    width:calc(100% + 40px) !important;
}
.right-sidebar .widget_recent_entries li,
.right-sidebar .widget_recent_posts li{
    width:100% !important;
    margin:0 !important;
    padding:11px 20px !important;
    border:0 !important;
    border-top:1px solid rgba(255,255,255,.30) !important;
    border-radius:0 !important;
}
.right-sidebar .widget_recent_entries li:first-child,
.right-sidebar .widget_recent_posts li:first-child{
    border-top:0 !important;
}

/* ---------- FOOTER: GLOBAL ---------- */
.site-footer{
    margin:0 !important;
    padding:42px 0 18px !important;
    background:linear-gradient(145deg,#061b12,#03140c) !important;
    color:#dfe7e2 !important;
    border:3px solid transparent !important;
    border-radius:24px !important;
    background-image:linear-gradient(145deg,#061b12,#03140c),linear-gradient(135deg,#f7d96a 0%,#35c96b 25%,#fff0a3 50%,#24a957 75%,#d9b64f 100%) !important;
    background-origin:border-box !important;
    background-clip:padding-box,border-box !important;
    overflow:hidden !important;
}
.site-footer h3{
    color:#fff !important;
}
.site-footer a{
    color:#e8eee9 !important;
}
.site-footer a:hover{
    color:var(--balligo-gold-light) !important;
}
.site-footer .footer-grid{
    gap:28px !important;
}
.site-footer .footer-bottom{
    margin:30px 0 0 !important;
    padding:16px 0 0 !important;
    border-top:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:16px !important;
    color:#dfe7e2 !important;
    text-align:center !important;
}
/* Footer bar line extends to BOTH sides of the copyright text */
.site-footer .footer-bottom::before,
.site-footer .footer-bottom::after{
    content:"" !important;
    display:block !important;
    flex:1 1 0 !important;
    height:1px !important;
    min-width:24px !important;
    background:linear-gradient(90deg,transparent,#d8b96c,transparent) !important;
}
.site-footer .footer-bottom span{
    color:#dfe7e2 !important;
    white-space:nowrap;
}

/* ---------- BACK TO TOP ---------- */
.bbs-floating-top{
    background:linear-gradient(135deg,#173f2b,#0a2417) !important;
    border:1px solid var(--balligo-gold) !important;
    color:#fff !important;
    border-radius:16px !important;
    box-shadow:0 12px 30px rgba(0,0,0,.35) !important;
}

/* ---------- MOBILE: sidebar remains available globally ---------- */
@media(max-width:780px){
    .container{
        width:calc(100% - 20px) !important;
    }
    .site-header .header-inner{
        min-height:68px !important;
    }
    .main-navigation{
        top:68px !important;
        left:10px !important;
        right:10px !important;
        width:auto !important;
        border-radius:18px !important;
        background:#062317 !important;
    }
    .main-navigation ul.sub-menu,
    .main-navigation ul.children{
        background:#0a2d1d !important;
        border-color:rgba(247,217,106,.35) !important;
    }
    .content-area{
        padding:18px 0 24px !important;
    }
    .content-with-sidebar{
        grid-template-columns:1fr !important;
        gap:18px !important;
    }
    .main-content-column>article{
        border-radius:22px !important;
    }
    .main-content-column>article>h1{
        font-size:clamp(1.45rem,7vw,2rem) !important;
        padding:20px 16px 10px !important;
    }
    .main-content-column>article>.entry-content{
        padding:8px 16px 22px !important;
    }
    .right-sidebar{
        display:block !important;
        position:static !important;
        width:100% !important;
    }
    .right-sidebar .widget,
    .widget-area .widget{
        border-radius:19px !important;
        padding:15px !important;
    }
    .right-sidebar .widget_recent_entries ul,
    .right-sidebar .widget_recent_entries ol,
    .right-sidebar .widget_recent_posts ul,
    .right-sidebar .widget_recent_posts ol{
        margin-left:-15px !important;
        margin-right:-15px !important;
        width:calc(100% + 30px) !important;
    }
    .right-sidebar .widget_recent_entries li,
    .right-sidebar .widget_recent_posts li{
        padding-left:15px !important;
        padding-right:15px !important;
    }
    .site-footer{
        border-radius:20px !important;
        padding-top:30px !important;
    }
    .site-footer .footer-grid{
        grid-template-columns:1fr 1fr !important;
    }
    .site-footer .footer-bottom{
        gap:9px !important;
        font-size:.78rem !important;
    }
    .site-footer .footer-bottom span{
        white-space:normal !important;
    }
}
@media(max-width:520px){
    .site-footer .footer-grid{
        grid-template-columns:1fr !important;
    }
    .site-footer .footer-bottom{
        display:flex !important;
        align-items:center !important;
    }
}


/* =========================================================
   BALLIGO GLOBAL PREMIUM OVERRIDE
   Site-wide shell for posts, pages, archives and search.
   Front-page content remains intact; global header/sidebar/footer
   and editorial content styling are applied consistently.
========================================================= */
:root{
  --balligo-blue:#071b35;
  --balligo-deep:#031c11;
  --balligo-deep-2:#062a1a;
  --balligo-gold:#f7d96a;
  --balligo-gold-light:#fff0a3;
  --balligo-green:#35c96b;
  --balligo-text:#f6f8f5;
  --balligo-soft:#dfe8e2;
}

html, body{
  background:#071b35 !important;
  color:var(--balligo-text) !important;
}
body:not(.home):not(.front-page) .site,
body:not(.home):not(.front-page) #page,
body:not(.home):not(.front-page) #content,
body:not(.home):not(.front-page) .site-content,
body:not(.home):not(.front-page) main{
  background:transparent !important;
}

/* Header / navigation */
.site-header{
  background:#031c11 !important;
  border-bottom:3px solid transparent !important;
  border-image:linear-gradient(90deg,#f7d96a,#35c96b,#fff0a3,#35c96b,#f7d96a) 1 !important;
  box-shadow:0 10px 28px rgba(0,0,0,.28) !important;
}
.site-header a,.site-title a,.main-navigation a{color:#fff !important;}
.site-header a:hover,.main-navigation a:hover,.main-navigation .current-menu-item>a{color:#fff0a3 !important;}
.main-navigation{
  background:#082a1b !important;
  border:2px solid transparent !important;
  border-radius:10px !important;
  background-image:linear-gradient(#082a1b,#082a1b),linear-gradient(90deg,#f7d96a,#35c96b,#fff0a3,#35c96b,#f7d96a) !important;
  background-origin:border-box !important;
  background-clip:padding-box,border-box !important;
}
/* Desktop dropdown: dark/black text contrast fix */
.main-navigation ul.sub-menu,.main-navigation ul.children{
  background:#050b08 !important;
  border:2px solid rgba(247,217,106,.55) !important;
  border-radius:10px !important;
  box-shadow:0 18px 45px rgba(0,0,0,.45) !important;
}
.main-navigation ul.sub-menu a,.main-navigation ul.children a{
  background:#050b08 !important;
  color:#fff !important;
}
.main-navigation ul.sub-menu a:hover,.main-navigation ul.children a:hover,
.main-navigation ul.sub-menu .current-menu-item>a,.main-navigation ul.children .current-menu-item>a{
  background:#111b16 !important;
  color:#fff0a3 !important;
}
.menu-toggle{
  border:2px solid #f7d96a !important;
  background:linear-gradient(135deg,#123d28,#17633d) !important;
  color:#fff !important;
}

/* Global reading canvas for all non-front content */
body:not(.home):not(.front-page) .content-area{
  padding:30px 0 36px !important;
  background:transparent !important;
}
body:not(.home):not(.front-page) .content-area>.container,
body:not(.home):not(.front-page) .content-with-sidebar{
  width:min(1180px,calc(100% - 30px)) !important;
  max-width:1180px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
body:not(.home):not(.front-page) .content-with-sidebar{
  display:grid !important;
  grid-template-columns:minmax(0,2fr) minmax(270px,.78fr) !important;
  gap:24px !important;
  align-items:start !important;
}

/* Post/page/archive cards */
body:not(.home):not(.front-page) .main-content-column>article{
  background:linear-gradient(145deg,#062a1a,#031c11) !important;
  border:3px solid transparent !important;
  border-radius:28px !important;
  background-image:linear-gradient(145deg,#062a1a,#031c11),linear-gradient(135deg,#f7d96a 0%,#35c96b 25%,#fff0a3 50%,#24a957 75%,#d9b64f 100%) !important;
  background-origin:border-box !important;
  background-clip:padding-box,border-box !important;
  color:#f6f8f5 !important;
  box-shadow:0 18px 55px rgba(0,0,0,.30) !important;
  overflow:hidden !important;
}
body:not(.home):not(.front-page) .main-content-column>article>h1,
body:not(.home):not(.front-page) .main-content-column>article .entry-title{
  color:#fff !important;
  margin:0 !important;
  padding:26px 28px 14px !important;
  line-height:1.4 !important;
}
body:not(.home):not(.front-page) .main-content-column>article>.entry-content{
  background:transparent !important;
  color:#e8eee9 !important;
  padding:8px 28px 30px !important;
  margin:0 !important;
  border:0 !important;
  box-shadow:none !important;
}
body:not(.home):not(.front-page) .main-content-column>article>.entry-content p,
body:not(.home):not(.front-page) .main-content-column>article>.entry-content li,
body:not(.home):not(.front-page) .main-content-column>article>.entry-content blockquote{
  text-align:justify !important;
  text-justify:inter-word !important;
  color:#e8eee9 !important;
  line-height:1.95 !important;
}
body:not(.home):not(.front-page) .main-content-column>article>.entry-content h2,
body:not(.home):not(.front-page) .main-content-column>article>.entry-content h3,
body:not(.home):not(.front-page) .main-content-column>article>.entry-content h4{
  color:#fff !important;
}
body:not(.home):not(.front-page) .main-content-column>article>.wp-post-image{
  display:block !important;
  width:100% !important;
  height:auto !important;
  margin:0 !important;
  border-radius:0 !important;
}

/* Sidebar */
body:not(.home):not(.front-page) .right-sidebar{
  padding:0 !important;
  position:sticky !important;
  top:90px !important;
  width:100% !important;
}
body:not(.home):not(.front-page) .right-sidebar .widget,
body:not(.home):not(.front-page) .widget-area .widget{
  background:linear-gradient(145deg,#082b1b,#031c11) !important;
  border:3px solid transparent !important;
  border-radius:23px !important;
  background-image:linear-gradient(145deg,#082b1b,#031c11),linear-gradient(135deg,#f7d96a 0%,#35c96b 25%,#fff0a3 50%,#24a957 75%,#d9b64f 100%) !important;
  background-origin:border-box !important;
  background-clip:padding-box,border-box !important;
  padding:20px !important;
  margin:0 0 18px !important;
  overflow:hidden !important;
  color:#f6f8f5 !important;
}
body:not(.home):not(.front-page) .right-sidebar .widget h3,
body:not(.home):not(.front-page) .widget-area .widget h3,
body:not(.home):not(.front-page) .widget-title{
  color:#fff !important;
  margin:0 0 14px !important;
  padding:0 !important;
}
body:not(.home):not(.front-page) .right-sidebar .widget a,
body:not(.home):not(.front-page) .widget-area .widget a{
  color:#fff !important;
}
body:not(.home):not(.front-page) .right-sidebar .widget a:hover,
body:not(.home):not(.front-page) .widget-area .widget a:hover{
  color:#fff0a3 !important;
}
body:not(.home):not(.front-page) .right-sidebar .search-form,
body:not(.home):not(.front-page) .widget-area .search-form{
  display:flex !important;
  flex-direction:column !important;
  gap:9px !important;
}
body:not(.home):not(.front-page) .right-sidebar .search-form input,
body:not(.home):not(.front-page) .widget-area .search-form input{
  width:100% !important;
  min-height:44px !important;
  padding:10px 13px !important;
  background:#153326 !important;
  color:#fff !important;
  border:1px solid rgba(247,217,106,.35) !important;
  border-radius:13px !important;
}
body:not(.home):not(.front-page) .right-sidebar .search-form button,
body:not(.home):not(.front-page) .right-sidebar .search-form .search-submit,
body:not(.home):not(.front-page) .widget-area .search-form button,
body:not(.home):not(.front-page) .widget-area .search-form .search-submit{
  width:100% !important;
  min-height:44px !important;
  background:linear-gradient(135deg,#173a2b,#0b2d1d) !important;
  color:#fff !important;
  border:1px solid rgba(247,217,106,.35) !important;
  border-radius:13px !important;
}

/* Recent Posts: separators literally touch both inner card edges */
body:not(.home):not(.front-page) .right-sidebar .widget_recent_entries,
body:not(.home):not(.front-page) .right-sidebar .widget_recent_posts{overflow:hidden !important;}
body:not(.home):not(.front-page) .right-sidebar .widget_recent_entries ul,
body:not(.home):not(.front-page) .right-sidebar .widget_recent_entries ol,
body:not(.home):not(.front-page) .right-sidebar .widget_recent_posts ul,
body:not(.home):not(.front-page) .right-sidebar .widget_recent_posts ol{
  list-style:none !important;
  margin:0 -20px !important;
  padding:0 !important;
  width:calc(100% + 40px) !important;
}
body:not(.home):not(.front-page) .right-sidebar .widget_recent_entries li,
body:not(.home):not(.front-page) .right-sidebar .widget_recent_posts li{
  margin:0 !important;
  padding:11px 20px !important;
  width:100% !important;
  border:0 !important;
  border-top:1px solid rgba(255,255,255,.25) !important;
  border-radius:0 !important;
}
body:not(.home):not(.front-page) .right-sidebar .widget_recent_entries li:first-child,
body:not(.home):not(.front-page) .right-sidebar .widget_recent_posts li:first-child{border-top:0 !important;}
body:not(.home):not(.front-page) .right-sidebar .widget_recent_entries li::before,
body:not(.home):not(.front-page) .right-sidebar .widget_recent_entries li::after,
body:not(.home):not(.front-page) .right-sidebar .widget_recent_posts li::before,
body:not(.home):not(.front-page) .right-sidebar .widget_recent_posts li::after{display:none !important;content:none !important;}

/* Footer */
.site-footer{
  background:linear-gradient(145deg,#061b12,#03140c) !important;
  border:3px solid transparent !important;
  border-radius:24px !important;
  background-image:linear-gradient(145deg,#061b12,#03140c),linear-gradient(135deg,#f7d96a 0%,#35c96b 25%,#fff0a3 50%,#24a957 75%,#d9b64f 100%) !important;
  background-origin:border-box !important;
  background-clip:padding-box,border-box !important;
  overflow:hidden !important;
}
.site-footer .footer-bottom{
  position:relative !important;
  width:100% !important;
  margin:30px 0 0 !important;
  padding:16px 0 0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:16px !important;
  border:0 !important;
}
.site-footer .footer-bottom::before,
.site-footer .footer-bottom::after{
  content:"" !important;
  flex:1 1 0 !important;
  height:1px !important;
  min-width:20px !important;
  background:linear-gradient(90deg,transparent,#d8b96c 20%,#35c96b 50%,#d8b96c 80%,transparent) !important;
}

/* Mobile: reduce side gaps without changing desktop */
@media(max-width:780px){
  body:not(.home):not(.front-page) .content-area>.container,
  body:not(.home):not(.front-page) .content-with-sidebar{
    width:calc(100% - 12px) !important;
    max-width:none !important;
  }
  body:not(.home):not(.front-page) .content-with-sidebar{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }
  body:not(.home):not(.front-page) .right-sidebar{
    position:static !important;
  }
  body:not(.home):not(.front-page) .main-content-column>article{
    border-radius:22px !important;
  }
  body:not(.home):not(.front-page) .main-content-column>article>h1{
    padding:20px 14px 12px !important;
    font-size:clamp(1.45rem,7vw,2rem) !important;
  }
  body:not(.home):not(.front-page) .main-content-column>article>.entry-content{
    padding:8px 14px 24px !important;
  }
  body:not(.home):not(.front-page) .right-sidebar .widget,
  body:not(.home):not(.front-page) .widget-area .widget{
    padding:14px !important;
    border-radius:19px !important;
  }
  body:not(.home):not(.front-page) .right-sidebar .widget_recent_entries ul,
  body:not(.home):not(.front-page) .right-sidebar .widget_recent_entries ol,
  body:not(.home):not(.front-page) .right-sidebar .widget_recent_posts ul,
  body:not(.home):not(.front-page) .right-sidebar .widget_recent_posts ol{
    margin-left:-14px !important;
    margin-right:-14px !important;
    width:calc(100% + 28px) !important;
  }
  body:not(.home):not(.front-page) .right-sidebar .widget_recent_entries li,
  body:not(.home):not(.front-page) .right-sidebar .widget_recent_posts li{
    padding-left:14px !important;
    padding-right:14px !important;
  }
  .main-navigation{
    border-radius:10px !important;
  }
  .site-footer{border-radius:20px !important;}
  .site-footer .footer-bottom{gap:8px !important;}
  .site-footer .footer-bottom span{white-space:normal !important;}
}


/* =========================================================
   Global Premium refinements
   Global visual system — applies to posts, pages, archives,
   search, 404 and the front page without body.single-* gating.
   ========================================================= */
:root{
    --balligo-bg:#031b12;
    --balligo-panel:#08291b;
    --balligo-panel-2:#06321f;
    --balligo-gold:#f5d36a;
    --balligo-gold-soft:#ffe8a0;
    --balligo-green:#43cf72;
    --balligo-green-dark:#0b4a2d;
    --balligo-white:#fffdf6;
    --balligo-muted:#d7e2dc;
    --balligo-line:rgba(255,255,255,.28);
    --balligo-gradient:linear-gradient(135deg,#f5d36a 0%,#43cf72 28%,#ffe8a0 50%,#2dbb63 74%,#d9b451 100%);
}

html,body{background:var(--balligo-bg) !important;color:var(--balligo-white) !important;}
body{min-height:100%;}
body a{color:var(--balligo-gold);}
body a:hover{color:var(--balligo-gold-soft);}

/* Top/header */
.site{background:var(--balligo-bg) !important;}
.bbs-top-line{height:5px !important;background:linear-gradient(90deg,#2448b8,#3157d5,#7b3fc6,#2aa95f) !important;}
.site-header{
    background:#031b12 !important;
    color:var(--balligo-white) !important;
    box-shadow:0 8px 28px rgba(0,0,0,.24) !important;
    border-bottom:1px solid rgba(245,211,106,.16) !important;
}
.site-title a,.site-tagline{color:var(--balligo-white) !important;}
.site-tagline{opacity:.75;}

/* Global menu bar */
.main-navigation{
    border:2px solid transparent !important;
    border-radius:10px !important;
    background:linear-gradient(#082b1c,#082b1c) padding-box,var(--balligo-gradient) border-box !important;
    box-shadow:0 0 18px rgba(67,207,114,.08) !important;
}
.main-navigation > ul,.main-navigation ul.menu{
    background:transparent !important;
}
.main-navigation a,
.main-navigation > ul > li > a,
.main-navigation ul.menu > li > a{
    color:#fff !important;
    background:transparent !important;
}
.main-navigation a:hover,
.main-navigation li:hover>a,
.main-navigation .current-menu-item>a,
.main-navigation .current-menu-ancestor>a{
    color:var(--balligo-gold) !important;
    background:rgba(67,207,114,.12) !important;
}

/* Desktop dropdown */
@media(min-width:781px){
    .main-navigation ul.sub-menu,.main-navigation ul.children{
        background:#061d13 !important;
        border:2px solid transparent !important;
        border-radius:10px !important;
        background-image:linear-gradient(#061d13,#061d13),var(--balligo-gradient) !important;
        background-origin:padding-box,border-box !important;
        background-clip:padding-box,border-box !important;
        box-shadow:0 18px 45px rgba(0,0,0,.45) !important;
    }
    .main-navigation ul.sub-menu a,.main-navigation ul.children a{
        color:#fff !important;background:#061d13 !important;border-radius:8px !important;
    }
    .main-navigation ul.sub-menu a:hover,.main-navigation ul.children a:hover{
        color:#000 !important;background:var(--balligo-gold) !important;
    }
}

/* Main global page/post area */
.content-area{padding:28px 0 36px !important;background:var(--balligo-bg) !important;}
.content-with-sidebar{gap:20px !important;align-items:start !important;}
.main-content-column{min-width:0;}
.main-content-column>article,
.main-content-column>.entry-content,
.main-content-column article{
    background:#062116 !important;
    color:var(--balligo-white) !important;
    border:3px solid transparent !important;
    border-radius:22px !important;
    background-image:linear-gradient(#062116,#062116),var(--balligo-gradient) !important;
    background-origin:padding-box,border-box !important;
    background-clip:padding-box,border-box !important;
    box-shadow:0 10px 35px rgba(0,0,0,.22) !important;
}
.main-content-column article{
    padding:28px !important;
    overflow:hidden !important;
}
.main-content-column article>img,
.main-content-column article>.wp-post-image{
    display:block;width:100%;border-radius:16px !important;margin:0 0 22px !important;
}
.entry-content{
    background:transparent !important;
    color:#f5f7f4 !important;
    border:0 !important;
    border-radius:0 !important;
    padding:10px 0 0 !important;
    box-shadow:none !important;
}
.entry-content p,.main-content-column article p{color:#edf4ef !important;}
.entry-content p{text-align:justify;}
.entry-title,.main-content-column article>h1{
    color:#fff !important;text-align:center !important;margin:8px 0 26px !important;
}

/* Global sidebar */
.right-sidebar{padding:0 !important;position:sticky;top:24px;}
.right-sidebar .widget,
.widget-area .widget{
    background-image:linear-gradient(145deg,#08291b,#062116),var(--balligo-gradient) !important;
    background-origin:padding-box,border-box !important;
    background-clip:padding-box,border-box !important;
    border:3px solid transparent !important;
    border-radius:22px !important;
    color:#fff !important;
    padding:20px !important;
    margin:0 0 18px !important;
    box-shadow:0 10px 30px rgba(0,0,0,.22) !important;
}
.right-sidebar .widget h3,.widget-area .widget h3{
    color:#fff !important;margin:0 0 14px !important;font-size:1.05rem !important;
}
.right-sidebar .widget ul,.widget-area .widget ul{padding:0 !important;margin:0 !important;}
.right-sidebar .widget li,.widget-area .widget li{
    margin:0 !important;padding:11px 0 !important;border:0 !important;border-top:1px solid rgba(255,255,255,.22) !important;
}
.right-sidebar .widget li:first-child,.widget-area .widget li:first-child{border-top:0 !important;}
.right-sidebar .widget li a,.widget-area .widget li a{color:#fff !important;font-weight:650;}

/* Recent Posts — dividers touch both sides of widget content */
.right-sidebar .widget_recent_entries ul,
.right-sidebar .widget_recent_posts ul,
.right-sidebar .sidebar-default-widget ul{
    margin-left:-20px !important;margin-right:-20px !important;
    width:calc(100% + 40px) !important;padding:0 !important;
}
.right-sidebar .widget_recent_entries li,
.right-sidebar .widget_recent_posts li,
.right-sidebar .sidebar-default-widget li{
    padding:11px 20px !important;border-top:1px solid rgba(255,255,255,.24) !important;
}
.right-sidebar .widget_recent_entries li:first-child,
.right-sidebar .widget_recent_posts li:first-child,
.right-sidebar .sidebar-default-widget li:first-child{border-top:0 !important;}

/* Search */
.right-sidebar .search-form{gap:8px !important;}
.right-sidebar .search-form input{
    background:#0b3423 !important;color:#fff !important;border:1px solid rgba(245,211,106,.32) !important;border-radius:10px !important;
}
.right-sidebar .search-form input::placeholder{color:rgba(255,255,255,.58) !important;}
.right-sidebar .search-form button{
    background:linear-gradient(135deg,#0d5a36,#158a4d) !important;color:#fff !important;border:1px solid rgba(245,211,106,.45) !important;border-radius:10px !important;
}

/* Generic cards and bottom sections used across pages */
.bbs-section,.bbs-hero,.recent-card,.service-card,.review-card,.wallet-card,.cta-box{
    color:var(--balligo-white);
}
.recent-card,.service-card,.review-card,.wallet-card,.cta-box{
    background-image:linear-gradient(145deg,#08291b,#062116),var(--balligo-gradient) !important;
    background-origin:padding-box,border-box !important;background-clip:padding-box,border-box !important;
    border:3px solid transparent !important;border-radius:22px !important;
}

/* Footer */
.site-footer{
    background:#041b12 !important;color:#dfe9e2 !important;
    border:3px solid transparent !important;
    border-radius:22px 22px 0 0 !important;
    background-image:linear-gradient(#041b12,#041b12),var(--balligo-gradient) !important;
    background-origin:padding-box,border-box !important;background-clip:padding-box,border-box !important;
    overflow:hidden !important;
    padding:42px 0 18px !important;
}
.site-footer h3{color:#fff !important;}
.site-footer a{color:#e6d17a !important;}
.site-footer .footer-bottom{
    position:relative !important;
    border-top:0 !important;
    margin-top:28px !important;
    padding-top:20px !important;
    color:#cbd8d0 !important;
}
.site-footer .footer-bottom::before{
    content:"" !important;display:block !important;position:absolute !important;
    top:0 !important;left:0 !important;right:0 !important;height:1px !important;
    background:linear-gradient(90deg,#f5d36a 0%,#43cf72 25%,rgba(255,255,255,.25) 50%,#43cf72 75%,#f5d36a 100%) !important;
}

/* Mobile: compact sides, sidebar remains visible below content */
@media(max-width:780px){
    .container{width:calc(100% - 10px) !important;max-width:none !important;}
    .header-inner{min-height:68px !important;}
    .main-navigation{
        left:5px !important;right:5px !important;top:68px !important;
        width:calc(100% - 10px) !important;padding:8px !important;
        border-radius:10px !important;background:#062116 !important;
    }
    .main-navigation.is-open{display:block !important;}
    .main-navigation ul.sub-menu,.main-navigation ul.children{
        background:#08291b !important;border:1px solid rgba(245,211,106,.35) !important;border-radius:10px !important;
    }
    .main-navigation a{color:#fff !important;}
    .main-navigation a:hover,.main-navigation li:hover>a{color:var(--balligo-gold) !important;background:rgba(67,207,114,.12) !important;}
    .content-area{padding:18px 0 26px !important;}
    .content-with-sidebar{gap:14px !important;}
    .main-content-column article{padding:18px !important;border-radius:18px !important;}
    .right-sidebar{display:block !important;position:static !important;padding:0 !important;}
    .right-sidebar .widget{border-radius:18px !important;padding:16px !important;margin-bottom:14px !important;}
    .right-sidebar .widget_recent_entries ul,.right-sidebar .widget_recent_posts ul,.right-sidebar .sidebar-default-widget ul{
        margin-left:-16px !important;margin-right:-16px !important;width:calc(100% + 32px) !important;
    }
    .right-sidebar .widget_recent_entries li,.right-sidebar .widget_recent_posts li,.right-sidebar .sidebar-default-widget li{
        padding-left:16px !important;padding-right:16px !important;
    }
    .entry-content{padding-top:6px !important;}
    .entry-content p,.main-content-column article p{text-align:left !important;text-justify:auto !important;word-spacing:normal !important;}
    .site-footer{border-radius:18px 18px 0 0 !important;padding:30px 0 16px !important;}
}

@media(max-width:520px){
    .container{width:calc(100% - 8px) !important;}
    .main-navigation{left:4px !important;right:4px !important;width:calc(100% - 8px) !important;}
    .main-content-column article{padding:14px !important;}
    .site-footer .container{width:calc(100% - 8px) !important;}
}


/* =========================================================
   Visibility + footer refinement
   Keep existing Arabic site-title/logo typography unchanged.
========================================================= */

/* Make all text inside the global dark cards clearly readable. */
.recent-card,
.service-card,
.review-card,
.ad-box,
.cta-box,
.wallet-card,
.empty-content{
    color:#f6f8f5 !important;
}
.recent-card h3,
.recent-card h3 a,
.recent-card p,
.recent-card .service-link,
.service-card h3,
.service-card h3 a,
.service-card p,
.service-card .service-link,
.review-card p,
.review-card .review-author,
.ad-box h2,
.ad-box p,
.cta-box h2,
.cta-box p{
    color:#f6f8f5 !important;
}
.recent-card h3 a:hover,
.service-card h3 a:hover,
.recent-card .service-link:hover,
.service-card .service-link:hover{
    color:var(--balligo-gold-light) !important;
}
.recent-meta{
    color:var(--balligo-gold-light) !important;
}

/* WordPress archive/search/result cards: override any inherited dark text. */
.main-content-column article h1,
.main-content-column article h2,
.main-content-column article h3,
.main-content-column article h4,
.main-content-column article h5,
.main-content-column article h6,
.main-content-column article p,
.main-content-column article li,
.main-content-column article a{
    color:#f6f8f5 !important;
}
.main-content-column article a:hover{
    color:var(--balligo-gold-light) !important;
}

/* Footer: keep the rounded gradient perimeter, remove the extra inner separator line. */
.site-footer .footer-bottom{
    border-top:0 !important;
}
.site-footer .footer-bottom::before,
.site-footer .footer-bottom::after{
    display:none !important;
    content:none !important;
}
.site-footer{
    border:3px solid transparent !important;
    border-radius:22px 22px 0 0 !important;
    background-image:linear-gradient(#041b12,#041b12),var(--balligo-gradient) !important;
    background-origin:padding-box,border-box !important;
    background-clip:padding-box,border-box !important;
}

@media(max-width:780px){
    .site-footer{border-radius:18px 18px 0 0 !important;}
}


/* =========================================================
   Typography + requested color refinements
   Only the requested font, dropdown-arrow active color and
   feature-title color are changed here.
========================================================= */
:root{
    --balligo-font-bengali:"Noto Serif Bengali","Amiri",serif;
    --balligo-font-arabic:"Amiri","Noto Serif Bengali",serif;
}

/* Requested theme font: Bengali + Arabic optimized typography. */
html,
body,
button,
input,
textarea,
select{
    font-family:var(--balligo-font-bengali);
}

/* Keep Font Awesome glyphs on their own icon font when used. */
.fa,
.fas,
.far,
.fal,
.fad,
.fab,
[class^="fa-"],
[class*=" fa-"]{
    font-family:"Font Awesome 6 Free";
}
.fab,
.fa-brands,
[class^="fa-brands"],
[class*=" fa-brands"]{
    font-family:"Font Awesome 6 Brands";
}

/* Active/open dropdown arrows: blue → Balligo gold. */
.main-navigation .submenu-toggle:hover,
.main-navigation .submenu-toggle:focus-visible,
.main-navigation li.is-submenu-open > .submenu-toggle,
.main-navigation li.current-menu-ancestor > .submenu-toggle,
.main-navigation li.current-menu-parent > .submenu-toggle{
    color:var(--balligo-gold) !important;
}

/* Feature/service titles: requested yellow/gold. */
.service-card h3,
.service-card h3 a{
    color:var(--balligo-gold) !important;
}
.service-card h3 a:hover{
    color:var(--balligo-gold-light) !important;
}


/* =========================================================
   Header typography controls
========================================================= */
:root{
    --balligo-site-title-size:28px;
    --balligo-site-tagline-size:14px;
}
.site-title{
    font-size:var(--balligo-site-title-size) !important;
}
.site-tagline{
    font-size:var(--balligo-site-tagline-size) !important;
}

/* v3.2.9 — final mobile menu toggle and positioning */
@media (max-width:780px) {
    .menu-toggle {
        z-index:1300 !important;
        position:relative !important;
        isolation:isolate;
    }

    /* Draw the icon from the button itself so the close state cannot be hidden
       by inherited theme rules or stale icon styles. */
    .menu-toggle .menu-bars,
    .menu-toggle .menu-cross {
        display:none !important;
    }

    .menu-toggle::before,
    .menu-toggle::after {
        content:"";
        position:absolute;
        left:50%;
        top:50%;
        width:28px;
        height:3px;
        border-radius:999px;
        background:#fff;
        box-shadow:0 1px 2px rgba(0,0,0,.18);
        transform-origin:center;
        transition:transform .2s ease, opacity .2s ease;
    }

    /* Three-line hamburger when closed. */
    .menu-toggle[aria-expanded="false"]::before {
        transform:translate(-50%,-50%) translateY(-9px);
        box-shadow:0 9px 0 #fff, 0 18px 0 #fff, 0 1px 2px rgba(0,0,0,.18);
    }
    .menu-toggle[aria-expanded="false"]::after {
        opacity:0;
        transform:translate(-50%,-50%);
    }

    /* Clear X when the mobile menu is open. */
    .menu-toggle[aria-expanded="true"]::before {
        transform:translate(-50%,-50%) rotate(45deg);
        box-shadow:none;
    }
    .menu-toggle[aria-expanded="true"]::after {
        opacity:1;
        transform:translate(-50%,-50%) rotate(-45deg);
    }
}


/* v3.2.9 — final mobile menu fixes
   Keep the three-line hamburger and place the opened navigation below the full header. */
@media (max-width:780px) {
    .site-header {
        position:sticky !important;
        overflow:visible !important;
        z-index:1000 !important;
    }

    .site-header .header-inner {
        position:relative !important;
        min-height:150px !important;
        overflow:visible !important;
    }

    .menu-toggle {
        z-index:1400 !important;
    }

    /* The mobile navigation begins after the complete branding/toggle area. */
    .main-navigation {
        position:absolute !important;
        top:100% !important;
        left:5px !important;
        right:5px !important;
        width:calc(100% - 10px) !important;
        max-height:calc(100vh - 165px) !important;
        overflow-y:auto !important;
        overflow-x:visible !important;
        z-index:1350 !important;
    }

    .main-navigation.is-open {
        display:block !important;
    }

    /* Ensure the first/top-level item (Home) is always visible. */
    .main-navigation > ul > li:first-child,
    .main-navigation ul.menu > li:first-child {
        display:flex !important;
        visibility:visible !important;
        opacity:1 !important;
    }

    .main-navigation > ul > li:first-child > a,
    .main-navigation ul.menu > li:first-child > a {
        display:block !important;
        visibility:visible !important;
        opacity:1 !important;
    }

    /* Three clear white bars when closed. */
    .menu-toggle[aria-expanded="false"]::before {
        box-shadow:0 9px 0 #fff, 0 18px 0 #fff, 0 1px 2px rgba(0,0,0,.18) !important;
    }
}

/* v3.2.9 — hide mobile menu scrollbar while keeping scrolling enabled */
@media (max-width:780px) {
    .main-navigation {
        scrollbar-width:none !important;
        -ms-overflow-style:none !important;
    }

    .main-navigation::-webkit-scrollbar {
        width:0 !important;
        height:0 !important;
        display:none !important;
    }
}


/* v3.2.9 — Capitalize the first letter of each displayed title, label and description word */
.bbs-slider .eyebrow,
.bbs-slider h1,
.bbs-slider p,
.bbs-button,
.section-kicker,
.section-head h2,
.section-head p,
.service-card h3,
.service-card p,
.service-link,
.recent-meta,
.recent-card h3,
.recent-card p,
.ad-copy h2,
.ad-copy p,
.review-card p,
.review-author,
.review-card small,
.site-title,
.site-tagline {
    text-transform:capitalize;
}


/* =========================================================
   v3.2.11 — FINAL READABILITY REFINEMENT
   Visual-only: improve contrast and title visibility.
   ========================================================= */
:root{
  --balligo-bg:#031b12;
  --balligo-panel:#08291b;
  --balligo-text:#fffdf6;
  --balligo-heading:#fffdf6;
  --balligo-accent:#f5d36a;
  --balligo-primary:#8fa8bf;
}

html,body,.site{
  background:#031b12 !important;
  color:#fffdf6 !important;
}

.site-header{
  background:#031b12 !important;
  color:#fffdf6 !important;
}
.site-title a{
  color:#fffdf6 !important;
  text-shadow:0 1px 2px rgba(0,0,0,.25);
}
.site-tagline{
  color:#e9eee9 !important;
  opacity:1 !important;
}

/* Vision-style hero: strong contrast with clean blue/green gradient. */
.bbs-hero{
  background:linear-gradient(135deg,#2448b8 0%,#8fa8bf 48%,#258a5a 100%) !important;
  color:#fff !important;
}
.bbs-hero h1,.bbs-hero h2,.bbs-hero h3,.bbs-hero p,.bbs-hero .eyebrow,.bbs-hero a{
  color:#fff !important;
}
.bbs-hero .bbs-button.light{
  color:#2448b8 !important;
}

/* Dark content panels with bright readable typography. */
.bbs-section{color:#fffdf6 !important;}
.bbs-section h1,.bbs-section h2,.bbs-section h3,.bbs-section h4{
  color:#fffdf6 !important;
}
.bbs-section p,.bbs-section li,.entry-content p{
  color:#eaf2ed !important;
}

/* Sidebar and widgets: white text, gold headings. */
.right-sidebar .widget h3,.widget-area .widget h3,.widget-title{
  color:#f5d36a !important;
}
.right-sidebar .widget li a,.widget-area .widget li a{
  color:#fffdf6 !important;
}

/* Keep feature/service titles gold for hierarchy. */
.service-card h3,.service-card h3 a,.feature-title{
  color:#f5d36a !important;
}

/* Footer readability. */
.site-footer{color:#eaf2ed !important;}
.site-footer h3{color:#f5d36a !important;}
.site-footer p,.site-footer span{color:#dfe9e2 !important;}
.site-footer a{color:#ffe8a0 !important;}