/* Tifli Radar v2.7.0 — definitive desktop/mobile header and public UI repair. */
:root{
    --tr270-navy:#0b315f;
    --tr270-navy-2:#174f86;
    --tr270-red:#e74659;
    --tr270-text:#18304d;
    --tr270-muted:#66788d;
    --tr270-line:#e2e9f1;
    --tr270-soft:#f6f9fc;
    --tr270-radius:18px;
}

html,body,button,input,select,textarea,
.site,.site-header,.main-header-menu,.ast-builder-menu,
.entry-content,.entry-title{
    font-family:'Tajawal','Segoe UI',Tahoma,Arial,sans-serif!important;
}
body{background:var(--tr270-soft);color:var(--tr270-text);}

/* Header: force one compact row on desktop. */
@media(min-width:922px){
    .ast-primary-header-bar,
    .main-header-bar{
        min-height:82px!important;
        background:rgba(255,255,255,.98)!important;
        border-bottom:1px solid var(--tr270-line)!important;
        box-shadow:0 7px 26px rgba(11,49,95,.055)!important;
    }
    .ast-primary-header-bar .site-primary-header-wrap,
    .main-header-bar .ast-container{
        width:min(calc(100% - 28px),1480px)!important;
        max-width:1480px!important;
        min-height:82px!important;
        padding:0 14px!important;
    }
    .site-primary-header-wrap .ast-builder-grid-row,
    .main-header-bar .ast-container{
        display:flex!important;
        flex-wrap:nowrap!important;
        align-items:center!important;
        justify-content:space-between!important;
        gap:20px!important;
    }
    .site-header-primary-section-right,
    .site-header-primary-section-left,
    .ast-builder-layout-element{
        min-width:0!important;
    }
    .site-header-primary-section-right{flex:0 0 auto!important;}
    .site-header-primary-section-left{flex:1 1 auto!important;justify-content:flex-end!important;}
    .site-branding{flex:0 0 auto!important;padding:0!important;margin:0!important;}
    .custom-logo-link{display:flex!important;align-items:center!important;line-height:0!important;}
    .custom-logo,.site-logo-img img{
        width:auto!important;
        max-width:218px!important;
        max-height:68px!important;
        object-fit:contain!important;
    }
    .ast-builder-menu,.ast-main-header-bar-alignment{width:100%!important;min-width:0!important;}
    .main-header-menu,
    .ast-builder-menu-1 .main-header-menu{
        display:flex!important;
        flex-wrap:nowrap!important;
        align-items:center!important;
        justify-content:flex-start!important;
        gap:0!important;
        width:100%!important;
        margin:0!important;
    }
    .main-header-menu>.menu-item{flex:0 0 auto!important;margin:0!important;}
    .main-header-menu>.menu-item>.menu-link,
    .main-header-menu>.menu-item>a{
        display:flex!important;
        min-height:44px!important;
        height:44px!important;
        align-items:center!important;
        gap:5px!important;
        padding:8px 9px!important;
        border:0!important;
        border-radius:11px!important;
        background:transparent!important;
        box-shadow:none!important;
        color:#263c56!important;
        font-size:14px!important;
        font-weight:700!important;
        line-height:1!important;
        white-space:nowrap!important;
        text-decoration:none!important;
    }
    .main-header-menu>.menu-item:hover>.menu-link,
    .main-header-menu>.current-menu-item>.menu-link,
    .main-header-menu>.current_page_item>.menu-link{
        color:var(--tr270-navy)!important;
        background:#eff5fb!important;
    }
    .main-header-menu>.tr-account-menu{margin-inline-start:4px!important;}
    .main-header-menu>.tr-account-menu>.menu-link{
        border:1px solid #d9e4ef!important;
        color:var(--tr270-navy)!important;
        background:#fff!important;
        font-weight:800!important;
    }
    .main-header-menu>.tr-language-switcher>.menu-link{
        min-width:66px!important;
        justify-content:center!important;
        color:#28663b!important;
        background:#f0f8f2!important;
    }
    .tr-submenu-toggle{display:none!important;}
}

/* Stable dropdowns. */
.main-header-menu .sub-menu{
    min-width:220px!important;
    padding:8px!important;
    border:1px solid var(--tr270-line)!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 20px 50px rgba(14,38,67,.16)!important;
}
.main-header-menu .sub-menu .menu-link,
.main-header-menu .sub-menu a{
    display:flex!important;
    min-height:42px!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    padding:9px 11px!important;
    border:0!important;
    border-radius:10px!important;
    color:#334e68!important;
    background:transparent!important;
    box-shadow:none!important;
    font-size:13.5px!important;
    font-weight:700!important;
    line-height:1.4!important;
    text-decoration:none!important;
}
.main-header-menu .sub-menu .menu-item:hover>.menu-link,
.main-header-menu .sub-menu .menu-item:hover>a{color:var(--tr270-navy)!important;background:#f2f6fb!important;}
.tr-nav-logout>a{color:#b4233b!important;}
.tr-nav-count{flex:0 0 auto!important;}
.tr-menu-chevron{font-size:12px!important;opacity:.6!important;}
.main-header-menu .menu-link:before,.main-header-menu .menu-link:after{display:none!important;}

/* Tablet compression — still one row. */
@media(min-width:922px) and (max-width:1260px){
    .ast-primary-header-bar .site-primary-header-wrap{width:100%!important;padding-inline:8px!important;}
    .custom-logo,.site-logo-img img{max-width:165px!important;max-height:58px!important;}
    .site-primary-header-wrap .ast-builder-grid-row{gap:8px!important;}
    .main-header-menu>.menu-item>.menu-link,.main-header-menu>.menu-item>a{padding-inline:6px!important;font-size:12.5px!important;}
    .main-header-menu>.tr-language-switcher>.menu-link{min-width:54px!important;}
}

/* Mobile hamburger/off-canvas menu. */
@media(max-width:921px){
    .ast-primary-header-bar,.main-header-bar{
        min-height:68px!important;
        background:#fff!important;
        border-bottom:1px solid var(--tr270-line)!important;
        box-shadow:0 6px 20px rgba(11,49,95,.06)!important;
    }
    .ast-primary-header-bar .site-primary-header-wrap,
    .main-header-bar .ast-container{min-height:68px!important;padding-inline:12px!important;}
    .custom-logo,.site-logo-img img{width:auto!important;max-width:158px!important;max-height:56px!important;object-fit:contain!important;}
    .ast-button-wrap .menu-toggle,
    .ast-mobile-menu-trigger-fill{
        display:grid!important;
        width:44px!important;
        height:44px!important;
        place-items:center!important;
        padding:0!important;
        border:1px solid #dce6f0!important;
        border-radius:13px!important;
        color:var(--tr270-navy)!important;
        background:#fff!important;
        box-shadow:none!important;
    }
    .ast-mobile-header-content,
    .ast-mobile-popup-content{
        background:#fff!important;
    }
    .ast-mobile-popup-inner{
        width:min(88vw,390px)!important;
        background:#fff!important;
        box-shadow:-18px 0 50px rgba(11,49,95,.17)!important;
    }
    .ast-mobile-popup-header{min-height:68px!important;padding:10px 14px!important;border-bottom:1px solid var(--tr270-line)!important;}
    .ast-mobile-popup-content{padding:10px 12px 24px!important;overflow-y:auto!important;}
    .main-header-menu,
    .ast-builder-menu-mobile .main-header-menu{
        display:block!important;
        width:100%!important;
        margin:0!important;
        padding:0!important;
    }
    .main-header-menu>.menu-item{
        position:relative!important;
        display:block!important;
        width:100%!important;
        margin:0!important;
        border-bottom:1px solid #edf2f7!important;
    }
    .main-header-menu>.menu-item>.menu-link,
    .main-header-menu>.menu-item>a{
        display:flex!important;
        width:100%!important;
        min-height:50px!important;
        align-items:center!important;
        justify-content:space-between!important;
        padding:11px 44px 11px 12px!important;
        border:0!important;
        border-radius:0!important;
        color:#243b53!important;
        background:#fff!important;
        box-shadow:none!important;
        font-size:15px!important;
        font-weight:800!important;
        line-height:1.4!important;
        text-decoration:none!important;
    }
    [dir="ltr"] .main-header-menu>.menu-item>.menu-link,
    [dir="ltr"] .main-header-menu>.menu-item>a{padding:11px 12px 11px 44px!important;}
    .main-header-menu>.tr-account-menu{margin-top:10px!important;border:1px solid #dce6f0!important;border-radius:13px!important;overflow:visible!important;}
    .main-header-menu>.tr-account-menu>.menu-link{color:#fff!important;background:var(--tr270-navy)!important;border-radius:12px!important;}
    .main-header-menu>.tr-language-switcher{margin-top:8px!important;border:1px solid #dce6f0!important;border-radius:13px!important;overflow:visible!important;}
    .main-header-menu>.tr-language-switcher>.menu-link{color:#25663a!important;background:#eff8f2!important;border-radius:12px!important;}
    .tr-submenu-toggle{
        position:absolute!important;
        z-index:3!important;
        top:6px!important;
        inset-inline-end:4px!important;
        display:grid!important;
        width:38px!important;
        height:38px!important;
        place-items:center!important;
        margin:0!important;
        padding:0!important;
        border:0!important;
        border-radius:10px!important;
        color:currentColor!important;
        background:transparent!important;
        font:inherit!important;
        cursor:pointer!important;
    }
    .tr-submenu-toggle span{display:block!important;transition:transform .18s ease!important;}
    .is-tr-open>.tr-submenu-toggle span{transform:rotate(180deg)!important;}
    .main-header-menu .sub-menu,
    .tr-account-menu>.sub-menu,
    .tr-language-switcher>.sub-menu{
        position:static!important;
        display:none!important;
        width:100%!important;
        min-width:0!important;
        margin:0!important;
        padding:7px!important;
        border:0!important;
        border-top:1px solid #e7edf4!important;
        border-radius:0 0 12px 12px!important;
        background:#f7f9fc!important;
        box-shadow:none!important;
        opacity:1!important;
        visibility:visible!important;
        transform:none!important;
    }
    .main-header-menu .menu-item-has-children.is-tr-open>.sub-menu,
    .tr-account-menu.is-tr-open>.sub-menu,
    .tr-language-switcher.is-tr-open>.sub-menu,
    .main-header-menu .menu-item.focus>.sub-menu,
    .main-header-menu .menu-item.ast-submenu-expanded>.sub-menu{display:block!important;}
    .main-header-menu .sub-menu .menu-link,.main-header-menu .sub-menu a{
        min-height:43px!important;
        padding:9px 11px!important;
        border-radius:9px!important;
        background:#fff!important;
    }
}

/* The bookmark icon must never inherit giant theme SVG dimensions. */
.tr-favorite-form,.tr-card-favorite,.tr-single-favorite{line-height:1!important;}
.tr-favorite-button{
    display:grid!important;
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    place-items:center!important;
    padding:0!important;
    overflow:hidden!important;
    border:1px solid #dce5ee!important;
    border-radius:14px!important;
    color:var(--tr270-navy)!important;
    background:#fff!important;
    box-shadow:0 8px 20px rgba(11,49,95,.12)!important;
    font-size:0!important;
    line-height:0!important;
}
.tr-favorite-button .tr-favorite-icon,
.tr-favorite-icon{
    display:block!important;
    width:20px!important;
    min-width:20px!important;
    max-width:20px!important;
    height:20px!important;
    min-height:20px!important;
    max-height:20px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.8!important;
}
.tr-favorite-icon path{fill:none!important;stroke:currentColor!important;vector-effect:non-scaling-stroke!important;}
.tr-favorite-button.is-active{color:#fff!important;background:linear-gradient(145deg,#ee4358,#d92748)!important;border-color:transparent!important;}
.tr-favorite-button.is-active .tr-favorite-icon path{fill:currentColor!important;stroke:currentColor!important;}
.tr-card-favorite{position:absolute!important;z-index:9!important;top:12px!important;left:12px!important;width:42px!important;height:42px!important;}
[dir="ltr"] .tr-card-favorite{left:auto!important;right:12px!important;}

/* Internal trust/confidence is admin-only. */
body:not(.logged-in.admin-bar) .tr-place-data-badge,
body:not(.logged-in.admin-bar) .tr-confidence,
body:not(.logged-in.admin-bar) .tr-data-confidence,
body:not(.logged-in.admin-bar) .tr-trust-score,
body:not(.logged-in.admin-bar) [data-trust-score],
body:not(.logged-in.admin-bar) [class*="internal-trust"]{display:none!important;}
.tr-place-card .tr-rating-summary,
.tr-place-card [class*="rating"]{max-width:100%;}

/* Card safeguards. */
.tr-place-card,.tr-product-card,.tr-campaign-card{position:relative!important;min-width:0!important;overflow:hidden!important;border:1px solid var(--tr270-line)!important;border-radius:22px!important;background:#fff!important;box-shadow:0 12px 32px rgba(11,49,95,.07)!important;}
.tr-place-card-media,.tr-place-card-cover,.tr-place-card-logo{overflow:hidden!important;}
.tr-place-card img,.tr-product-card img{max-width:100%!important;}

/* Search area picker: avoid duplicate-looking cramped columns. */
.tr-area-dropdown-panel,.tr-area-panel{
    max-height:360px!important;
    overflow:auto!important;
    padding:10px!important;
    border:1px solid var(--tr270-line)!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 18px 44px rgba(11,49,95,.14)!important;
}
.tr-area-options,.tr-location-options{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
.tr-area-option,[data-tr-area-option]{min-width:0!important;padding:10px!important;border:1px solid #edf1f5!important;border-radius:11px!important;background:#f9fbfd!important;}
@media(max-width:640px){.tr-area-options,.tr-location-options{grid-template-columns:1fr!important;}}

/* Language direction. */
body.tr-lang-en{direction:ltr!important;}
body.tr-lang-ar,body.tr-lang-ku{direction:rtl!important;}
body.tr-lang-en .entry-content,body.tr-lang-en .main-header-menu,body.tr-lang-en .sub-menu{text-align:left!important;}
body.tr-lang-ar .entry-content,body.tr-lang-ku .entry-content{text-align:right!important;}
