/* BASKINTA GLOBAL SHELL */

body.baskinta-v1 {
    margin: 0;
}

body.baskinta-v1.admin-bar .bk-global-header {
    top: 32px;
}

.bk-global-header {
    position: sticky;
    top: 0;
    z-index: 9999;
    width: 100%;
    background: rgba(255,255,255,.97);
    box-shadow: 0 1px 12px rgba(12,36,66,.08);
}

.bk-global-header-inner {
    width: min(calc(100% - 80px), 1800px);
    min-height: 82px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 260px 1fr auto;
    align-items: center;
    gap: 30px;
}

.bk-global-logo,
.bk-footer-logo {
    text-decoration: none !important;
}

.bk-global-logo {
    display: flex;
    flex-direction: column;
    line-height: 1;
}

.bk-logo-name {
    color: #0877a6;
    font-size: 32px;
    font-weight: 900;
    font-style: italic;
    letter-spacing: -.04em;
}

.bk-logo-tagline {
    margin-top: 3px;
    color: #0877a6;
    font-size: 11px;
    font-weight: 800;
    font-style: italic;
}

.bk-global-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: clamp(18px,2vw,34px);
}

.bk-global-nav a,
.bk-my-baskinta {
    color: #10243d !important;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
}

.bk-global-nav a:hover,
.bk-my-baskinta:hover {
    color: #0877f9 !important;
}

.bk-header-actions {
    display: flex;
    align-items: center;
    gap: 14px;
}

.bk-header-search {
    width: 40px;
    height: 40px;
    border: 0;
    background: transparent;
    color: #10243d;
    font-size: 23px;
    cursor: pointer;
}

.bk-plan-visit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 21px;
    border-radius: 12px;
    background: #0877a6;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 13px;
    font-weight: 800;
    white-space: nowrap;
}

.bk-plan-visit:hover {
    background: #06668f;
}

.bk-mobile-toggle {
    display: none;
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 10px;
    background: #0877a6;
    color: #fff;
    font-size: 21px;
}


/* Remove residual parent-theme spacing */

body.baskinta-v1 .page_wrap,
body.baskinta-v1 .page_content_wrap,
body.baskinta-v1 .content_wrap,
body.baskinta-v1 .content {
    width: auto;
    max-width: none;
    margin: 0;
    padding: 0;
}

.bk-home-main {
    width: 100%;
    overflow: hidden;
}


/* FOOTER */

.bk-global-footer {
    background: #061d34;
    color: #fff;
}

.bk-footer-main {
    width: min(calc(100% - 80px),1800px);
    min-height: 145px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 300px 1fr auto;
    align-items: center;
    gap: 45px;
}

.bk-footer-brand {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.bk-footer-logo {
    display: flex;
    flex-direction: column;
}

.bk-footer-logo strong {
    color: #fff;
    font-size: 29px;
    font-style: italic;
    font-weight: 900;
    line-height: 1;
}

.bk-footer-logo span {
    margin-top: 4px;
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    font-style: italic;
}

.bk-footer-brand p {
    margin: 0;
    color: rgba(255,255,255,.65);
    font-size: 13px;
}

.bk-footer-nav {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px 25px;
}

.bk-footer-nav a,
.bk-footer-social a,
.bk-footer-bottom a {
    color: rgba(255,255,255,.78) !important;
    text-decoration: none !important;
    font-size: 13px;
}

.bk-footer-nav a:hover,
.bk-footer-social a:hover,
.bk-footer-bottom a:hover {
    color: #fff !important;
}

.bk-footer-social {
    display: flex;
    gap: 18px;
}

.bk-footer-bottom {
    width: min(calc(100% - 80px),1800px);
    min-height: 68px;
    margin: 0 auto;
    border-top: 1px solid rgba(255,255,255,.12);
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 30px;
    color: rgba(255,255,255,.55);
    font-size: 12px;
}

.bk-footer-bottom > div {
    display: flex;
    gap: 22px;
}

.bk-footer-bottom > strong {
    justify-self: end;
    color: #fff;
    font-size: 14px;
    font-style: italic;
}


/* TABLET / MOBILE */

@media (max-width: 1100px) {
    .bk-global-header-inner {
        grid-template-columns: 1fr auto;
    }

    .bk-global-nav {
        display: none;
        position: absolute;
        left: 24px;
        right: 24px;
        top: 75px;
        padding: 22px;
        background: #fff;
        border-radius: 14px;
        box-shadow: 0 18px 45px rgba(10,35,65,.15);
        flex-direction: column;
        align-items: flex-start;
    }

    .bk-global-header.is-open .bk-global-nav {
        display: flex;
    }

    .bk-mobile-toggle {
        display: block;
    }

    .bk-my-baskinta {
        display: none;
    }

    .bk-footer-main {
        grid-template-columns: 1fr;
        padding: 45px 0;
        text-align: center;
    }

    .bk-footer-nav,
    .bk-footer-social {
        justify-content: center;
    }
}

@media (max-width: 767px) {
    body.baskinta-v1.admin-bar .bk-global-header {
        top: 46px;
    }

    .bk-global-header-inner,
    .bk-footer-main,
    .bk-footer-bottom {
        width: calc(100% - 36px);
    }

    .bk-global-header-inner {
        min-height: 68px;
    }

    .bk-logo-name {
        font-size: 25px;
    }

    .bk-plan-visit,
    .bk-header-search {
        display: none;
    }

    .bk-footer-bottom {
        padding: 22px 0;
        grid-template-columns: 1fr;
        text-align: center;
    }

    .bk-footer-bottom > div {
        justify-content: center;
    }

    .bk-footer-bottom > strong {
        justify-self: center;
    }
}


/* Official Baskinta brand assets */

.bk-global-logo {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.bk-official-logo {
    display: block;
    width: auto;
    height: 50px;
    max-width: 220px;
    object-fit: contain;
}

.bk-footer-logo {
    display: inline-flex;
    align-items: flex-start;
}

.bk-official-footer-logo {
    display: block;
    width: auto;
    height: 48px;
    max-width: 210px;
    object-fit: contain;
}

@media (max-width: 767px) {

    .bk-official-logo {
        height: 40px;
        max-width: 180px;
    }

    .bk-official-footer-logo {
        height: 42px;
        max-width: 185px;
    }
}


/* ==========================================================
   BASKINTA OFFICIAL IDENTITY 2026
   Global Header + Footer
   ========================================================== */

.bk-global-header {
    background: rgba(255,255,255,.98);

    box-shadow:
        0 1px 14px rgba(22,75,99,.09);
}

.bk-global-nav a,
.bk-my-baskinta {
    color: #164B63 !important;
}

.bk-global-nav a:hover,
.bk-my-baskinta:hover {
    color: #086D89 !important;
}

.bk-header-search {
    color: #164B63;
}

.bk-plan-visit {
    background: #086D89;
}

.bk-plan-visit:hover {
    background: #164B63;
}

.bk-mobile-toggle {
    background: #086D89;
}


/* Footer */

.bk-global-footer {
    background: #164B63;
}

.bk-footer-main {
    color: #fff;
}

.bk-footer-nav a:hover,
.bk-footer-social a:hover,
.bk-footer-bottom a:hover {
    color: #59BCD3 !important;
}

.bk-footer-bottom {
    border-top:
        1px solid rgba(245,244,239,.18);
}



/* ==========================================================
   BASKINTA FINAL FOOTER BRANDING
   ========================================================== */

.bk-official-footer-logo {
    display: block;
    width: auto;
    height: 58px;
    max-width: 250px;
    object-fit: contain;
    object-position: left center;
}


/*
 * Bottom footer:
 *
 * LEFT          CENTER                RIGHT
 * Copyright     Digi Web provider     Proud...
 */

.bk-footer-bottom {
    grid-template-columns:
        minmax(0,1fr)
        minmax(300px,auto)
        minmax(0,1fr);
}

.bk-footer-bottom-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}

.bk-footer-legal {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.bk-footer-provider {
    justify-self: center;

    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 5px;

    text-align: center;

    color: rgba(255,255,255,.72);

    font-size: 12px;
}

.bk-footer-provider a {
    color: #59BCD3 !important;

    font-weight: 800;

    text-decoration: none !important;

    transition: 180ms ease;
}

.bk-footer-provider a:hover {
    color: #FFFFFF !important;
}

.bk-footer-proud {
    justify-self: end;

    color: #FFFFFF;

    font-size: 14px;
    font-style: italic;
}


/* Tablet */

@media (max-width: 1100px) {

    .bk-official-footer-logo {
        margin-left: auto;
        margin-right: auto;
    }

    .bk-footer-bottom {
        grid-template-columns: 1fr;
        gap: 18px;

        padding-top: 24px;
        padding-bottom: 24px;

        text-align: center;
    }

    .bk-footer-bottom-left {
        align-items: center;
    }

    .bk-footer-legal {
        justify-content: center;
    }

    .bk-footer-provider,
    .bk-footer-proud {
        justify-self: center;
    }
}


/* Mobile */

@media (max-width: 767px) {

    .bk-official-footer-logo {
        height: 50px;
        max-width: 220px;
    }

    .bk-footer-provider {
        max-width: 290px;
        margin: 0 auto;
        line-height: 1.5;
    }
}



/* ==========================================================
   BASKINTA DIGITAL HERITAGE
   ========================================================== */

.bk-footer-since {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 12px;
}

.bk-footer-since strong {
    color: #59BCD3;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .14em;
}

.bk-footer-since span {
    color: rgba(255,255,255,.78);
    font-size: 12px;
    font-weight: 500;
}

@media (max-width: 1100px) {
    .bk-footer-since {
        align-items: center;
    }
}

/* ==========================================================
   BASKINTA GLOBAL SHELL V1
   Locked across entire website
   ========================================================== */

/* Header search removed globally */
.bk-header-search {
    display: none !important;
}

/*
 * Prevent legacy parent header/footer from appearing
 * if a parent template outputs residual shell elements.
 */
body.baskinta-v1 .top_panel:not(.bk-global-header),
body.baskinta-v1 > .page_wrap > header:not(.bk-global-header) {
    display: none !important;
}


/* Non-home content must remain readable inside global shell */

body.baskinta-v1:not(.home) .page_wrap,
body.baskinta-v1:not(.home) .page_content_wrap {
    width: 100%;
}

body.baskinta-v1:not(.home) .content_wrap {
    width: min(calc(100% - 80px), 1400px);
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}


/* Mobile */

@media (max-width:767px) {

    body.baskinta-v1:not(.home) .content_wrap {
        width: calc(100% - 36px);
    }

}


/* ==========================================================
   BASKINTA GLOBAL FOOTER V1.1
   Official logo already contains the brand tagline
   ========================================================== */

.bk-footer-brand {
    gap: 18px !important;
}

.bk-footer-logo {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;
}

.bk-official-footer-logo {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    position: static !important;

    top: auto !important;
    transform: none !important;
}


/* Since block starts clearly beneath logo */

.bk-footer-since {
    margin-top: 7px !important;
}


@media (max-width:767px) {

    .bk-footer-brand {
        gap: 15px !important;

        align-items: center !important;
    }

    .bk-footer-logo {
        width: auto !important;

        display: block !important;

        margin:
            0
            auto !important;
    }

    .bk-official-footer-logo {
        width: min(270px,78vw) !important;
        max-width: 100% !important;
        height: auto !important;

        margin:
            0
            auto !important;
    }

    .bk-footer-since {
        margin-top: 5px !important;
    }

}


/* ==========================================================
   BASKINTA GLOBAL SHELL LOCK V1
   ========================================================== */


/* Search intentionally removed globally */

.bk-header-search {
    display: none !important;
}


/* Official header logo */

.bk-official-logo {
    display: block;

    width: auto;
    max-width: 220px;
    height: auto;
}


/* Official footer logo */

.bk-official-footer-logo {
    display: block !important;

    width: auto;
    max-width: 230px;
    height: auto;

    margin: 0 !important;

    position: static !important;
    top: auto !important;

    transform: none !important;
}


/* Keep footer branding clean */

.bk-footer-logo {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Inner page content */

body.baskinta-v1:not(.home)
.page_content_wrap {
    width: 100%;
}


body.baskinta-v1:not(.home)
.content_wrap {
    width:
        min(
            calc(100% - 80px),
            1400px
        );

    max-width: 1400px;

    margin-left: auto;
    margin-right: auto;
}


/* Mobile */

@media (max-width:767px) {

    .bk-official-logo {
        max-width: 175px;
    }


    .bk-official-footer-logo {
        width:
            min(
                245px,
                76vw
            ) !important;

        max-width: 100% !important;

        margin:
            0
            auto !important;
    }


    body.baskinta-v1:not(.home)
    .content_wrap {
        width:
            calc(100% - 36px);
    }

}



/* ==========================================================
   BASKINTA GLOBAL EDITORIAL HEADING STANDARD
   LOCKED REFERENCE:
   About Baskinta — "A Village of Many Layers"

   IMPORTANT:
   Typography only.
   Does NOT change homepage geometry, cards or spacing.
   ========================================================== */

:root {

    --bk-global-font-editorial:
        Georgia,
        "Times New Roman",
        Times,
        serif;

    --bk-global-font-ui:
        "Montserrat",
        "Avenir Next",
        "Segoe UI",
        Arial,
        sans-serif;

    --bk-global-heading:
        #164B63;

    --bk-global-accent:
        #0877A6;
}


/* ----------------------------------------------------------
   GLOBAL EDITORIAL SECTION TITLE
   ---------------------------------------------------------- */

.bk-section-title,
.bk-editorial-title,

/* About */
.bk-about-copy h2,
.bk-about-section-head h2,
.bk-about-tomorrow-copy h2,

/* Discover */
.bk-discover-heading h2,
.bk-discover-featured > .bk-v2-container > h2,
.bk-discover-map-copy h2,

/* Homepage storytelling sections */
.bk-explore-heading h2,
.bk-pictures-title h2 {

    font-family:
        var(--bk-global-font-editorial)
        !important;

    font-size:
        clamp(
            36px,
            3vw,
            44px
        ) !important;

    font-weight:
        700 !important;

    line-height:
        1.06 !important;

    letter-spacing:
        -.035em !important;

    color:
        var(--bk-global-heading)
        !important;
}


/* ----------------------------------------------------------
   GLOBAL KICKER / EYEBROW
   ---------------------------------------------------------- */

.bk-kicker,
.bk-eyebrow,
.bk-about-kicker {

    font-family:
        var(--bk-global-font-ui)
        !important;

    font-size:
        11px !important;

    font-weight:
        800 !important;

    line-height:
        1.2 !important;

    letter-spacing:
        .23em !important;

    text-transform:
        uppercase !important;

    color:
        var(--bk-global-accent)
        !important;
}


/* ----------------------------------------------------------
   HOMEPAGE:
   Convert Explore Baskinta into editorial hierarchy
   without changing the locked section geometry.
   ---------------------------------------------------------- */

.bk-explore-heading h2 {

    margin:
        0
        0
        8px !important;
}


/*
 * Existing Homepage subtitle remains UI/body typography.
 */

.bk-explore-heading p {

    font-family:
        var(--bk-global-font-ui)
        !important;

    font-size:
        15px !important;

    font-weight:
        400 !important;

    line-height:
        1.55 !important;

    color:
        #667B8E !important;
}


/* ----------------------------------------------------------
   Baskinta in Pictures
   Same editorial heading family.
   ---------------------------------------------------------- */

.bk-pictures-title h2 {

    margin:
        0
        0
        5px !important;
}


.bk-pictures-title p {

    font-family:
        var(--bk-global-font-ui)
        !important;

    font-weight:
        400 !important;

    color:
        #667B8E !important;
}


/* ----------------------------------------------------------
   PROTECT FUNCTIONAL/UI HEADINGS
   These intentionally remain sans-serif.
   ---------------------------------------------------------- */

.bk-live-card h2,
.bk-live-card h3,

.bk-feature-content h2,

.bk-explore-card h3,

.bk-global-header,
.bk-global-footer {

    font-family:
        var(--bk-global-font-ui);
}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media(max-width:767px) {

    .bk-section-title,
    .bk-editorial-title,

    .bk-about-copy h2,
    .bk-about-section-head h2,
    .bk-about-tomorrow-copy h2,

    .bk-discover-heading h2,
    .bk-discover-featured > .bk-v2-container > h2,
    .bk-discover-map-copy h2,

    .bk-explore-heading h2,
    .bk-pictures-title h2 {

        font-size:
            31px !important;

        line-height:
            1.08 !important;
    }

}



/* ==========================================================
   BASKINTA MEGA MENU V1
   ========================================================== */

.bk-global-header {
    position:relative;
    z-index:9999;
}

.bk-mega-nav {
    position:static;
}

.bk-mega-item {
    position:static;
    display:flex;
    align-items:center;
}

.bk-mega-trigger {
    position:relative;
}

.bk-mega-trigger::after {
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:-9px;
    height:2px;
    background:#39a9cf;
    transform:scaleX(0);
    transform-origin:left;
    transition:transform .2s ease;
}

.bk-mega-item:hover > .bk-mega-trigger::after,
.bk-mega-item:focus-within > .bk-mega-trigger::after {
    transform:scaleX(1);
}


.bk-mega-panel {
    position:absolute;
    top:100%;
    left:0;
    right:0;

    padding:18px 24px 24px;

    background:transparent;

    opacity:0;
    visibility:hidden;
    pointer-events:none;

    transform:translateY(8px);

    transition:
        opacity .18s ease,
        transform .18s ease,
        visibility .18s ease;
}

.bk-mega-item:hover > .bk-mega-panel,
.bk-mega-item:focus-within > .bk-mega-panel {
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateY(0);
}


.bk-mega-inner {
    width:min(calc(100% - 40px),1380px);
    margin:0 auto;

    display:grid;
    grid-template-columns:
        minmax(220px,.85fr)
        minmax(190px,.75fr)
        minmax(190px,.75fr)
        minmax(270px,1fr);

    gap:30px;

    padding:30px;

    border:1px solid rgba(24,73,94,.10);
    border-radius:18px;

    background:rgba(255,255,255,.985);

    box-shadow:
        0 22px 55px rgba(12,48,64,.15);
}


.bk-mega-inner-compact {
    grid-template-columns:
        minmax(240px,.9fr)
        minmax(210px,.7fr)
        minmax(210px,.7fr);
}


.bk-mega-inner-small {
    width:min(calc(100% - 40px),760px);

    grid-template-columns:1fr;

    margin-right:auto;
}


.bk-mega-kicker,
.bk-mega-heading {
    display:block;

    margin-bottom:12px;

    color:#0877a6;

    font-size:8px;
    font-weight:800;
    letter-spacing:.13em;
    text-transform:uppercase;
}


.bk-mega-intro > strong {
    display:block;

    max-width:260px;

    color:#164b63;

    font-family:var(--bk-type-editorial);
    font-size:27px;
    line-height:1.05;
    letter-spacing:-.025em;
}


.bk-mega-intro p {
    max-width:270px;

    margin:13px 0 0;

    color:#70818a;

    font-size:11px;
    line-height:1.65;
}


.bk-mega-column {
    display:flex;
    flex-direction:column;
}


.bk-mega-column > a {
    display:block;

    padding:10px 0 11px;

    border-bottom:
        1px solid #edf1f3;

    text-decoration:none;
}


.bk-mega-column > a:first-of-type {
    padding-top:0;
}


.bk-mega-column strong {
    display:block;

    color:#164b63;

    font-size:12px;
    font-weight:750;
    line-height:1.3;
}


.bk-mega-column small {
    display:block;

    margin-top:3px;

    color:#8a9aa2;

    font-size:9px;
    line-height:1.4;
}


.bk-mega-column > a:hover strong {
    color:#0877a6;
}


.bk-mega-feature {
    min-height:180px;

    position:relative;

    display:block;

    overflow:hidden;

    border-radius:13px;

    background:#164b63;

    text-decoration:none;
}


.bk-mega-feature-image {
    position:absolute;
    inset:0;

    background-size:cover;
    background-position:center;

    transition:
        transform .35s ease;
}


.bk-mega-feature::after {
    content:"";

    position:absolute;
    inset:0;

    background:
        linear-gradient(
            180deg,
            rgba(7,35,49,.05),
            rgba(7,35,49,.80)
        );
}


.bk-mega-feature:hover
.bk-mega-feature-image {
    transform:scale(1.035);
}


.bk-mega-feature-copy {
    position:absolute;
    z-index:2;

    left:18px;
    right:18px;
    bottom:17px;

    color:#fff;
}


.bk-mega-feature-copy small {
    display:block;

    margin-bottom:5px;

    color:#8ed9e8;

    font-size:7px;
    font-weight:800;
    letter-spacing:.13em;
}


.bk-mega-feature-copy strong {
    display:block;

    max-width:210px;

    font-family:var(--bk-type-editorial);
    font-size:21px;
    line-height:1.05;
}


.bk-mega-feature-copy > span {
    display:block;

    margin-top:8px;

    font-size:9px;
    font-weight:800;
}


/*
 * Mega panels are desktop behavior.
 * Existing mobile navigation remains the fallback.
 */

@media(max-width:1100px) {

    .bk-mega-panel {
        display:none !important;
    }

    .bk-mega-trigger::after {
        display:none;
    }

}



/* ==========================================================
   BASKINTA MEGA MENU V1.1
   Stable hover bridge
   ========================================================== */

/*
 * The panel itself begins immediately beneath the header.
 * Do not leave a dead mouse zone between trigger and panel.
 */

.bk-mega-panel {

    top:100%;

    padding:
        0 24px 24px;

}


/*
 * Invisible interaction bridge.
 *
 * Keeps the parent :hover state alive while the pointer
 * travels from the navigation trigger into the panel.
 */

.bk-mega-panel::before {

    content:"";

    display:block;

    height:18px;

    width:100%;

}


/*
 * Make sure the complete mega item owns the interaction
 * corridor beneath its trigger.
 */

.bk-mega-item {

    align-self:stretch;

}


/*
 * Keep triggers vertically centered after stretching
 * their parent interaction area.
 */

.bk-mega-trigger {

    display:flex;

    align-items:center;

}


/*
 * Slightly slower close/open transition prevents
 * accidental flicker during diagonal pointer movement.
 */

.bk-mega-panel {

    transition:
        opacity .16s ease,
        transform .16s ease,
        visibility .16s ease;

}


/*
 * Keyboard navigation remains identical to hover.
 */

.bk-mega-item:hover > .bk-mega-panel,
.bk-mega-item:focus-within > .bk-mega-panel {

    opacity:1;

    visibility:visible;

    pointer-events:auto;

    transform:
        translateY(0);

}



/* ==========================================================
   BASKINTA MEGA MENU V1.2
   JS-controlled stable open state
   ========================================================== */

@media(min-width:1101px) {

    .bk-mega-item.bk-mega-open
    > .bk-mega-panel {

        opacity:1 !important;
        visibility:visible !important;
        pointer-events:auto !important;

        transform:
            translateY(0) !important;
    }


    .bk-mega-item.bk-mega-open
    > .bk-mega-trigger::after {

        transform:
            scaleX(1);
    }

}



/* ==========================================================
   BASKINTA GLOBAL HEADER — FINAL AUTHORITY V1
   One header geometry across every page
   ========================================================== */

@media(min-width:1101px) {

    /* HEADER */

    body.baskinta-v1 .bk-global-header {
        height:82px !important;
        min-height:82px !important;

        background:
            rgba(255,255,255,.98) !important;
    }


    body.baskinta-v1 .bk-global-header-inner {
        height:82px !important;
        min-height:82px !important;

        padding-top:0 !important;
        padding-bottom:0 !important;

        align-items:center !important;
    }


    /* NAVIGATION */

    body.baskinta-v1 .bk-global-nav {
        height:82px !important;

        align-items:center !important;
    }


    body.baskinta-v1 .bk-mega-item {
        height:82px !important;

        display:flex !important;
        align-items:center !important;
    }


    body.baskinta-v1 .bk-mega-trigger {
        height:82px !important;

        display:flex !important;
        align-items:center !important;

        padding-top:0 !important;
        padding-bottom:0 !important;

        border:0 !important;
        border-radius:0 !important;

        background:transparent !important;

        font-size:14px !important;
        font-weight:700 !important;
        line-height:1 !important;

        white-space:nowrap !important;
    }


    /* HEADER ACTIONS */

    body.baskinta-v1 .bk-header-actions {
        height:82px !important;

        display:flex !important;
        align-items:center !important;

        gap:14px !important;
    }


    /* MY BASKINTA */

    body.baskinta-v1 .bk-my-baskinta {
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;

        height:46px !important;
        min-height:46px !important;

        margin:0 !important;
        padding:0 8px !important;

        border:0 !important;
        border-radius:0 !important;

        background:transparent !important;

        color:#164B63 !important;

        font-size:14px !important;
        font-weight:700 !important;
        line-height:46px !important;

        text-decoration:none !important;
        white-space:nowrap !important;
    }


    /* PLAN YOUR VISIT */

    body.baskinta-v1 .bk-plan-visit {
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;

        height:46px !important;
        min-height:46px !important;

        margin:0 !important;
        padding:0 21px !important;

        border:0 !important;
        border-radius:12px !important;

        background:#086D89 !important;

        color:#fff !important;

        font-size:13px !important;
        font-weight:800 !important;
        line-height:46px !important;

        text-decoration:none !important;
        white-space:nowrap !important;

        box-sizing:border-box !important;
    }


    body.baskinta-v1 .bk-plan-visit:hover {
        background:#164B63 !important;
        color:#fff !important;
    }

}



/* ==========================================================
   SOUK BASKINTA — LIVE DESTINATION
   ========================================================== */

a.bk-souk-column {
    display:block;

    color:inherit !important;

    text-decoration:none !important;

    transition:
        transform .18s ease,
        box-shadow .18s ease;
}


a.bk-souk-column:hover {
    transform:translateY(-3px);
}


.bk-souk-explore {
    display:inline-block;

    margin-top:14px;

    color:#0877a6;

    font-size:8px;
    font-weight:850;

    letter-spacing:.12em;
}


a.bk-souk-column:hover
.bk-souk-title {
    color:#0877a6;
}



/* ==========================================================
   SOUK BASKINTA — MINIMAL MEGA MENU V2
   ========================================================== */

.bk-souk-minimal {
    display:grid !important;

    grid-template-columns:
        minmax(180px,.65fr)
        minmax(300px,1fr)
        minmax(390px,1.35fr) !important;

    gap:42px !important;

    align-items:stretch !important;
}


/* INTRO */

.bk-souk-minimal-intro {
    display:flex;
    flex-direction:column;
    justify-content:center;

    padding:12px 0;
}


.bk-souk-minimal-intro > strong {
    display:block;

    margin-top:12px;

    color:#164b63;

    font-family:
        var(--bk-type-editorial);

    font-size:38px;
    font-weight:700;

    line-height:.94;

    letter-spacing:-.035em;
}


/* LINKS */

.bk-souk-minimal-links {
    display:flex;
    flex-direction:column;

    justify-content:center;
}


.bk-souk-minimal-link {
    position:relative;

    padding:17px 34px 17px 0;

    border-bottom:
        1px solid #e6ece9;
}


.bk-souk-minimal-link:first-child {
    border-top:
        1px solid #e6ece9;
}


.bk-souk-minimal-link > span {
    display:block;

    margin-bottom:5px;

    color:#40afd0;

    font-size:7px;
    font-weight:850;

    letter-spacing:.14em;
}


.bk-souk-minimal-link > strong {
    display:block;

    color:#164b63;

    font-size:15px;
    font-weight:750;

    line-height:1.2;
}


.bk-souk-minimal-link > small {
    display:block;

    margin-top:5px;

    color:#a1adb0;

    font-size:7px;
    font-weight:750;

    letter-spacing:.09em;
}


/* FEATURED TASTE CARD */

.bk-souk-taste-feature {
    min-height:230px !important;
}


.bk-souk-taste-feature
.bk-mega-feature-image {
    background-position:center center;
}


.bk-souk-taste-feature::after {
    background:
        linear-gradient(
            180deg,
            rgba(7,35,49,.04) 10%,
            rgba(7,35,49,.18) 48%,
            rgba(7,35,49,.86) 100%
        ) !important;
}


.bk-souk-taste-feature
.bk-mega-feature-copy strong {
    max-width:none;

    font-size:28px;
}


.bk-souk-taste-feature
.bk-mega-feature-copy > span {
    color:
        rgba(255,255,255,.94);
}


/* DESKTOP WIDTH SAFETY */

@media(min-width:1101px) and (max-width:1300px) {

    .bk-souk-minimal {
        grid-template-columns:
            160px
            minmax(250px,.9fr)
            minmax(330px,1.2fr) !important;

        gap:28px !important;
    }

}


@media(max-width:1100px) {

    .bk-souk-minimal {
        display:block !important;
    }

}



/* ==========================================================
   LIVE MEGA MENU — TWO COLUMN LAYOUT
   ========================================================== */

.bk-mega-item:nth-of-type(3)
.bk-mega-inner-small {
    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:46px;
}


@media(max-width:900px) {

    .bk-mega-item:nth-of-type(3)
    .bk-mega-inner-small {
        grid-template-columns:1fr;

        gap:25px;
    }

}



/* ==========================================================
   LIVE + ABOUT — EDITORIAL MEGA MENU SYSTEM
   ========================================================== */

.bk-mega-editorial {
    display:grid !important;

    grid-template-columns:
        minmax(210px,.65fr)
        minmax(420px,1.25fr)
        minmax(360px,1fr) !important;

    gap:42px !important;

    align-items:stretch !important;
}


/* EDITORIAL INTRO */

.bk-mega-editorial-intro {
    display:flex;

    flex-direction:column;

    justify-content:center;

    padding:10px 0;
}


.bk-mega-editorial-intro > strong {
    display:block;

    margin-top:10px;

    color:#164b63;

    font-family:
        var(--bk-type-editorial);

    font-size:37px;
    font-weight:700;

    line-height:.94;

    letter-spacing:-.04em;
}


.bk-mega-editorial-intro > p {
    max-width:230px;

    margin:
        17px
        0
        0;

    color:#70848c;

    font-size:11px;

    line-height:1.6;
}


/* TWO NAVIGATION COLUMNS */

.bk-mega-editorial-links {
    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:38px;

    align-items:start;
}


/* FEATURE */

.bk-mega-editorial
.bk-mega-feature {
    min-height:230px;
}


.bk-mega-editorial
.bk-mega-feature-copy strong {
    max-width:300px;

    font-size:27px;
}


.bk-mega-editorial
.bk-mega-feature::after {
    background:
        linear-gradient(
            180deg,
            rgba(7,35,49,.03) 10%,
            rgba(7,35,49,.20) 50%,
            rgba(7,35,49,.86) 100%
        );
}


/* ABOUT ARCHIVE — slightly historical treatment */

.bk-about-feature
.bk-mega-feature-image {
    filter:
        saturate(.72)
        contrast(1.03);
}


/* WIDTH SAFETY */

@media(min-width:1101px) and (max-width:1300px) {

    .bk-mega-editorial {
        grid-template-columns:
            180px
            minmax(350px,1.1fr)
            minmax(310px,.9fr) !important;

        gap:28px !important;
    }


    .bk-mega-editorial-links {
        gap:24px;
    }


    .bk-mega-editorial-intro > strong {
        font-size:32px;
    }

}


@media(max-width:1100px) {

    .bk-mega-editorial {
        display:block !important;
    }

}


/* ==========================================================
   BASKINTA SOUK LIVE LINKS V1
   ========================================================== */

.bk-souk-live-link {
    display:block;
    color:inherit !important;
    text-decoration:none !important;
    cursor:pointer;
}

.bk-souk-live-link:hover,
.bk-souk-live-link:focus,
.bk-souk-live-link:focus-visible {
    color:inherit !important;
    text-decoration:none !important;
}

.bk-souk-live-link:hover strong,
.bk-souk-live-link:focus-visible strong {
    color:#0877a6 !important;
}

.bk-souk-live-link:hover small,
.bk-souk-live-link:focus-visible small {
    color:#0877a6 !important;
}


/* ==========================================================
   BASKINTA SOUK — SAFE FOUR COLUMN V1
   ----------------------------------------------------------
   IMPORTANT:
   This targets ONLY .bk-souk-minimal.
   It does NOT modify .bk-mega-inner globally.
   ========================================================== */

@media (min-width:1101px) {

    /* ------------------------------------------------------
       SOUK OUTER GRID

       1 = Discover Local
       2 = Local Businesses / Restaurants
       3 = Stay / Shop
       4 = Taste Baskinta
       ------------------------------------------------------ */

    .bk-mega-inner.bk-souk-minimal {

        display:grid !important;

        grid-template-columns:
            minmax(170px,.55fr)
            minmax(185px,.85fr)
            minmax(185px,.85fr)
            minmax(360px,1.35fr) !important;

        gap:30px !important;

        align-items:stretch !important;
    }


    /* ------------------------------------------------------
       THE FOUR LINKS ARE SPLIT INTO TWO INTERNAL COLUMNS

       Child 1 + 2 = column 1
       Child 3 + 4 = column 2
       ------------------------------------------------------ */

    .bk-mega-inner.bk-souk-minimal
    .bk-souk-minimal-links {

        display:grid !important;

        grid-column:
            2 / span 2;

        grid-template-columns:
            repeat(2,minmax(0,1fr));

        grid-template-rows:
            repeat(2,minmax(0,1fr));

        grid-auto-flow:column;

        column-gap:28px;

        row-gap:0;

        min-width:0;

        align-items:stretch;
    }


    /* ------------------------------------------------------
       EACH LINK COLUMN
       ------------------------------------------------------ */

    .bk-mega-inner.bk-souk-minimal
    .bk-souk-minimal-link {

        width:100%;

        box-sizing:border-box;

        min-width:0;
    }


    /* Keep the visual divider clean. */

    .bk-mega-inner.bk-souk-minimal
    .bk-souk-minimal-link {

        border-bottom:
            1px solid #e6ece9;
    }


    .bk-mega-inner.bk-souk-minimal
    .bk-souk-minimal-link:nth-child(1),
    .bk-mega-inner.bk-souk-minimal
    .bk-souk-minimal-link:nth-child(3) {

        border-top:
            1px solid #e6ece9;
    }


    /* ------------------------------------------------------
       TASTE BASKINTA = COLUMN 4
       ------------------------------------------------------ */

    .bk-mega-inner.bk-souk-minimal
    .bk-souk-taste-feature {

        grid-column:4;

        grid-row:1;

        width:100%;

        height:100%;

        min-height:230px !important;
    }
}


/* ----------------------------------------------------------
   MEDIUM DESKTOP
   ---------------------------------------------------------- */

@media (min-width:1101px) and (max-width:1300px) {

    .bk-mega-inner.bk-souk-minimal {

        grid-template-columns:
            150px
            minmax(175px,.85fr)
            minmax(175px,.85fr)
            minmax(320px,1.2fr) !important;

        gap:22px !important;
    }

    .bk-mega-inner.bk-souk-minimal
    .bk-souk-minimal-links {

        column-gap:20px;
    }
}


/* ----------------------------------------------------------
   MOBILE / TABLET
   Do not change the existing mobile behavior.
   ---------------------------------------------------------- */

@media (max-width:1100px) {

    .bk-mega-inner.bk-souk-minimal
    .bk-souk-minimal-links {

        display:flex !important;

        flex-direction:column !important;

        grid-column:auto;

        grid-template-columns:none;

        grid-template-rows:none;

        grid-auto-flow:row;
    }

    .bk-mega-inner.bk-souk-minimal
    .bk-souk-taste-feature {

        grid-column:auto;

        grid-row:auto;
    }
}