/* =========================================================
   STOSUN — BLOCKSY NATIVE HEADER STYLE v1.1.0
   Menü kaynağı: WordPress / Blocksy Menu 1
   Dil seçicisine içerik olarak müdahale etmez.
   ========================================================= */

:root {
    --stosun-header-navy: #173d5b;
    --stosun-header-blue: #1675c1;
    --stosun-header-text: #36556d;
    --stosun-header-line: #e5edf3;
    --stosun-header-soft: #f2f8fb;
    --stosun-header-shadow: 0 18px 42px rgba(22, 60, 90, .13);
}

/* Header genel yüzey */
#header,
.ct-header {
    font-family: "Roboto", Arial, sans-serif !important;
}

#header [data-row="middle"],
.ct-header [data-row="middle"] {
    background: #fff !important;
    border-bottom: 1px solid var(--stosun-header-line) !important;
    box-shadow: none !important;
}

/* Eski custom header'a yakın kompakt yükseklik */
@media (min-width: 1000px) {
    #header [data-row="middle"] > div,
    .ct-header [data-row="middle"] > div {
        min-height: 86px !important;
    }

    #header [data-row="middle"] .ct-container,
    #header [data-row="middle"] .ct-container-fluid,
    .ct-header [data-row="middle"] .ct-container,
    .ct-header [data-row="middle"] .ct-container-fluid {
        width: 100% !important;
        max-width: 1760px !important;
        padding-left: clamp(24px, 2.2vw, 46px) !important;
        padding-right: clamp(24px, 2.2vw, 46px) !important;
    }
}

/* Logo — büyüklüğü bozma, sadece hizala */
#header [data-id="logo"],
.ct-header [data-id="logo"],
#header .site-branding,
.ct-header .site-branding {
    align-items: center !important;
}

#header [data-id="logo"] img,
.ct-header [data-id="logo"] img,
#header .site-logo-container img,
.ct-header .site-logo-container img {
    width: auto !important;
    max-height: 82px !important;
    object-fit: contain !important;
}

/* =========================================================
   DESKTOP MENU
   ========================================================= */

#header [data-id="menu"] > ul,
.ct-header [data-id="menu"] > ul,
#header .menu,
.ct-header .menu {
    align-items: stretch !important;
    gap: 0 !important;
}

#header [data-id="menu"] > ul > li,
.ct-header [data-id="menu"] > ul > li,
#header .menu > li,
.ct-header .menu > li {
    display: flex !important;
    align-items: stretch !important;
}

#header [data-id="menu"] > ul > li > a,
.ct-header [data-id="menu"] > ul > li > a,
#header .menu > li > .ct-menu-link,
.ct-header .menu > li > .ct-menu-link,
#header .menu > li > a,
.ct-header .menu > li > a {
    position: relative !important;
    min-height: 86px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 13px !important;
    color: var(--stosun-header-text) !important;
    font-family: "Roboto", Arial, sans-serif !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    letter-spacing: .018em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    transition: color .16s ease, background .16s ease !important;
}

#header [data-id="menu"] > ul > li > a:hover,
.ct-header [data-id="menu"] > ul > li > a:hover,
#header .menu > li:hover > .ct-menu-link,
.ct-header .menu > li:hover > .ct-menu-link,
#header .menu > li:hover > a,
.ct-header .menu > li:hover > a {
    color: var(--stosun-header-blue) !important;
}

/* Aktif sayfa */
#header .menu > .current-menu-item > .ct-menu-link,
#header .menu > .current-menu-parent > .ct-menu-link,
#header .menu > .current-menu-ancestor > .ct-menu-link,
#header .menu > .current_page_item > .ct-menu-link,
.ct-header .menu > .current-menu-item > .ct-menu-link,
.ct-header .menu > .current-menu-parent > .ct-menu-link,
.ct-header .menu > .current-menu-ancestor > .ct-menu-link,
.ct-header .menu > .current_page_item > .ct-menu-link,
#header .menu > .current-menu-item > a,
#header .menu > .current-menu-parent > a,
#header .menu > .current-menu-ancestor > a,
.ct-header .menu > .current-menu-item > a,
.ct-header .menu > .current-menu-parent > a,
.ct-header .menu > .current-menu-ancestor > a {
    color: var(--stosun-header-blue) !important;
}

#header .menu > .current-menu-item > .ct-menu-link::after,
#header .menu > .current-menu-parent > .ct-menu-link::after,
#header .menu > .current-menu-ancestor > .ct-menu-link::after,
.ct-header .menu > .current-menu-item > .ct-menu-link::after,
.ct-header .menu > .current-menu-parent > .ct-menu-link::after,
.ct-header .menu > .current-menu-ancestor > .ct-menu-link::after,
#header .menu > .current-menu-item > a::after,
#header .menu > .current-menu-parent > a::after,
#header .menu > .current-menu-ancestor > a::after,
.ct-header .menu > .current-menu-item > a::after,
.ct-header .menu > .current-menu-parent > a::after,
.ct-header .menu > .current-menu-ancestor > a::after {
    content: "" !important;
    position: absolute !important;
    left: 12px !important;
    right: 12px !important;
    bottom: 0 !important;
    height: 2px !important;
    border-radius: 4px 4px 0 0 !important;
    background: var(--stosun-header-blue) !important;
}

/* Blocksy dropdown oku */
#header .menu-item-has-children > a .ct-toggle-dropdown-desktop,
.ct-header .menu-item-has-children > a .ct-toggle-dropdown-desktop,
#header .menu-item-has-children > .ct-menu-link .ct-icon-container,
.ct-header .menu-item-has-children > .ct-menu-link .ct-icon-container {
    color: currentColor !important;
    margin-left: 7px !important;
}

/* =========================================================
   DROPDOWN
   ========================================================= */

#header .sub-menu,
.ct-header .sub-menu {
    min-width: 290px !important;
    padding: 8px !important;
    border: 1px solid #dce7ef !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: var(--stosun-header-shadow) !important;
}

#header .sub-menu li,
.ct-header .sub-menu li {
    border: 0 !important;
}

#header .sub-menu .ct-menu-link,
.ct-header .sub-menu .ct-menu-link,
#header .sub-menu a,
.ct-header .sub-menu a {
    min-height: 42px !important;
    display: flex !important;
    align-items: center !important;
    padding: 9px 11px !important;
    border-radius: 9px !important;
    color: #314d63 !important;
    background: transparent !important;
    font-family: "Roboto", Arial, sans-serif !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    white-space: normal !important;
}

#header .sub-menu .ct-menu-link:hover,
.ct-header .sub-menu .ct-menu-link:hover,
#header .sub-menu a:hover,
.ct-header .sub-menu a:hover,
#header .sub-menu .current-menu-item > .ct-menu-link,
.ct-header .sub-menu .current-menu-item > .ct-menu-link,
#header .sub-menu .current-menu-item > a,
.ct-header .sub-menu .current-menu-item > a {
    color: var(--stosun-header-blue) !important;
    background: var(--stosun-header-soft) !important;
}

/* Arama butonu */
#header [data-id="search"],
.ct-header [data-id="search"] {
    color: var(--stosun-header-navy) !important;
}

#header [data-id="search"] .ct-icon-container,
.ct-header [data-id="search"] .ct-icon-container {
    width: 42px !important;
    height: 42px !important;
    display: grid !important;
    place-items: center !important;
}

/* Kullanıcı Polylang dil öğesini kendi eklerse: menü tipografisi bozulmasın ama isimler büyük harfe zorlanmasın. */
#header .lang-item > a,
#header .lang-item > .ct-menu-link,
.ct-header .lang-item > a,
.ct-header .lang-item > .ct-menu-link {
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1260px) and (min-width: 1000px) {
    #header [data-id="menu"] > ul > li > a,
    .ct-header [data-id="menu"] > ul > li > a,
    #header .menu > li > .ct-menu-link,
    .ct-header .menu > li > .ct-menu-link,
    #header .menu > li > a,
    .ct-header .menu > li > a {
        padding-left: 8px !important;
        padding-right: 8px !important;
        font-size: 12px !important;
        letter-spacing: 0 !important;
    }
}

/* =========================================================
   MOBILE / TABLET HEADER
   ========================================================= */

@media (max-width: 999px) {
    #header [data-row="middle"] > div,
    .ct-header [data-row="middle"] > div {
        min-height: 72px !important;
    }

    #header [data-id="logo"] img,
    .ct-header [data-id="logo"] img,
    #header .site-logo-container img,
    .ct-header .site-logo-container img {
        max-height: 58px !important;
    }

    #header [data-id="trigger"],
    .ct-header [data-id="trigger"],
    #header .ct-header-trigger,
    .ct-header .ct-header-trigger {
        width: 46px !important;
        height: 46px !important;
        border: 1px solid #d8e6ef !important;
        border-radius: 12px !important;
        color: var(--stosun-header-navy) !important;
        background: #fff !important;
    }

    /* Blocksy offcanvas/mobile menü */
    #offcanvas .menu a,
    #offcanvas .ct-menu-link,
    .ct-panel .mobile-menu a,
    .ct-panel .mobile-menu .ct-menu-link {
        font-family: "Roboto", Arial, sans-serif !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        letter-spacing: 0 !important;
        text-transform: none !important;
        color: var(--stosun-header-navy) !important;
    }

    #offcanvas .sub-menu a,
    #offcanvas .sub-menu .ct-menu-link,
    .ct-panel .mobile-menu .sub-menu a,
    .ct-panel .mobile-menu .sub-menu .ct-menu-link {
        font-size: 13px !important;
        font-weight: 600 !important;
        color: #45647b !important;
    }
}

@media (max-width: 560px) {
    #header [data-row="middle"] .ct-container,
    #header [data-row="middle"] .ct-container-fluid,
    .ct-header [data-row="middle"] .ct-container,
    .ct-header [data-row="middle"] .ct-container-fluid {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    #header [data-id="logo"] img,
    .ct-header [data-id="logo"] img,
    #header .site-logo-container img,
    .ct-header .site-logo-container img {
        max-height: 52px !important;
    }
}

/* =========================================================
   v1.1.1 — DESKTOP COMPACT MENU FIX
   Blocksy'nin overflow "MORE" alanına düşmesini engellemek için
   yalnızca masaüstü menü genişliğini sıkılaştırır.
   ========================================================= */
@media (min-width: 1000px) {
    #header [data-row="middle"] > div,
    .ct-header [data-row="middle"] > div {
        min-height: 80px !important;
    }

    #header [data-id="logo"] img,
    .ct-header [data-id="logo"] img,
    #header .site-logo-container img,
    .ct-header .site-logo-container img {
        max-height: 74px !important;
        max-width: 385px !important;
    }

    #header [data-id="menu"] > ul > li > a,
    .ct-header [data-id="menu"] > ul > li > a,
    #header .menu > li > .ct-menu-link,
    .ct-header .menu > li > .ct-menu-link,
    #header .menu > li > a,
    .ct-header .menu > li > a {
        min-height: 80px !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
        font-size: 12px !important;
        letter-spacing: 0 !important;
        font-weight: 700 !important;
    }

    #header .menu-item-has-children > a .ct-toggle-dropdown-desktop,
    .ct-header .menu-item-has-children > a .ct-toggle-dropdown-desktop,
    #header .menu-item-has-children > .ct-menu-link .ct-icon-container,
    .ct-header .menu-item-has-children > .ct-menu-link .ct-icon-container {
        margin-left: 4px !important;
    }

    #header [data-id="search"] .ct-icon-container,
    .ct-header [data-id="search"] .ct-icon-container {
        width: 36px !important;
        height: 36px !important;
    }
}

@media (min-width: 1280px) and (max-width: 1550px) {
    #header [data-id="logo"] img,
    .ct-header [data-id="logo"] img,
    #header .site-logo-container img,
    .ct-header .site-logo-container img {
        max-width: 350px !important;
    }

    #header [data-id="menu"] > ul > li > a,
    .ct-header [data-id="menu"] > ul > li > a,
    #header .menu > li > .ct-menu-link,
    .ct-header .menu > li > .ct-menu-link,
    #header .menu > li > a,
    .ct-header .menu > li > a {
        padding-left: 6px !important;
        padding-right: 6px !important;
        font-size: 11.5px !important;
    }
}