/* =========================================
   Header - نیلگون دنیز
   Site has TWO active header templates that Elementor
   swaps in depending on the page:
     - header-home (front page only): 7d7b97f / d33538a / cb023ed / 5520414 / 7f4c7ee
     - HEADER ALL   (all other pages):  38a2cbf / 8d828a9 / e016dc8 / 0200ff4 / bde2e41
   Every rule below targets BOTH sets of IDs so the styling
   is identical no matter which template Elementor renders.
   ========================================= */

/* Header bar itself — ONLY the nav bar is sticky (on header-home the
   hero title shares the same wrapper, so we scope to the <header> tag only) */
[data-id="7d7b97f"],
[data-id="38a2cbf"] {
    position: sticky !important;
    top: 0 !important;
    z-index: 999 !important;
    background-color: var(--surface) !important;
    border-bottom: 1px solid var(--border) !important;
    box-shadow: var(--shadow) !important;
    transition: box-shadow var(--transition);
    min-height: 72px !important;
    padding-top: 0.6rem !important;
    padding-bottom: 0.6rem !important;
    align-items: center !important;
}

/* Logo */
[data-id="d33538a"] img,
[data-id="8d828a9"] img {
    max-height: 56px;
    width: auto;
    height: auto;
    transition: transform var(--transition);
}
[data-id="d33538a"] a:hover img,
[data-id="8d828a9"] a:hover img {
    transform: scale(1.03);
}

/* Outer wrapper around the header — remove its own background so it
   doesn't clash with the header bar's white background (this was the
   blue strip visible on inner pages) */
[data-id="ca35ebe"] {
    background: transparent !important;
}

/* ===== Mobile slide-in nav panel ===== */
[data-id="cb023ed"] nav.elementor-nav-menu--dropdown.elementor-nav-menu__container,
[data-id="e016dc8"] nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {
    background: var(--surface) !important;
    box-shadow: var(--shadow) !important;
}

[data-id="cb023ed"] nav.elementor-nav-menu--dropdown.elementor-nav-menu__container > ul.elementor-nav-menu > li > a.elementor-item,
[data-id="e016dc8"] nav.elementor-nav-menu--dropdown.elementor-nav-menu__container > ul.elementor-nav-menu > li > a.elementor-item {
    color: var(--text) !important;
    background: transparent !important;
    border-bottom: 1px solid var(--border);
}

[data-id="cb023ed"] nav.elementor-nav-menu--dropdown.elementor-nav-menu__container > ul.elementor-nav-menu > li > a.elementor-item:hover,
[data-id="e016dc8"] nav.elementor-nav-menu--dropdown.elementor-nav-menu__container > ul.elementor-nav-menu > li > a.elementor-item:hover {
    color: var(--primary) !important;
    background: var(--background) !important;
}

/* ===== Main nav menu (desktop) ===== */
[data-id="cb023ed"] .elementor-nav-menu,
[data-id="e016dc8"] .elementor-nav-menu {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

[data-id="cb023ed"] .elementor-nav-menu > li > a.elementor-item,
[data-id="e016dc8"] .elementor-nav-menu > li > a.elementor-item {
    font-family: var(--font-main);
    font-weight: 500;
    font-size: var(--fs-sm);
    color: var(--text) !important;
    padding: 0.65rem 1rem !important;
    border-radius: var(--radius);
    position: relative;
    transition: color var(--transition), background var(--transition);
}

[data-id="cb023ed"] .elementor-nav-menu > li > a.elementor-item:hover,
[data-id="cb023ed"] .elementor-nav-menu > li > a.elementor-item:focus,
[data-id="e016dc8"] .elementor-nav-menu > li > a.elementor-item:hover,
[data-id="e016dc8"] .elementor-nav-menu > li > a.elementor-item:focus {
    color: var(--primary) !important;
    background: rgba(15, 61, 94, 0.06);
}

/* Active / current page item */
[data-id="cb023ed"] .elementor-nav-menu > li > a.elementor-item-active,
[data-id="e016dc8"] .elementor-nav-menu > li > a.elementor-item-active {
    color: var(--primary) !important;
    font-weight: 600;
}
[data-id="cb023ed"] .elementor-nav-menu > li > a.elementor-item-active::after,
[data-id="e016dc8"] .elementor-nav-menu > li > a.elementor-item-active::after {
    content: "";
    position: absolute;
    right: 1rem;
    left: 1rem;
    bottom: 0.15rem;
    height: 2px;
    background: var(--accent);
    border-radius: 2px;
}

/* Caret icon spacing */
[data-id="cb023ed"] .sub-arrow,
[data-id="e016dc8"] .sub-arrow {
    margin-right: 0.3rem;
    font-size: 0.7em;
    opacity: 0.7;
}

/* ===== Dropdown submenus ===== */
[data-id="cb023ed"] .sub-menu.elementor-nav-menu--dropdown,
[data-id="e016dc8"] .sub-menu.elementor-nav-menu--dropdown,
[data-id="cb023ed"] ul.sub-menu,
[data-id="e016dc8"] ul.sub-menu {
    background: var(--surface) !important;
    border-radius: var(--radius) !important;
    box-shadow: var(--shadow) !important;
    border: 1px solid var(--border) !important;
    padding: 0.5rem !important;
    min-width: 230px;
}

[data-id="cb023ed"] .sub-menu .elementor-sub-item,
[data-id="e016dc8"] .sub-menu .elementor-sub-item,
[data-id="cb023ed"] .sub-menu li a,
[data-id="e016dc8"] .sub-menu li a {
    font-family: var(--font-main) !important;
    font-size: var(--fs-sm) !important;
    background: transparent !important;
    color: var(--text) !important;
    padding: 0.6rem 0.8rem !important;
    border-radius: 8px !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: background var(--transition), color var(--transition);
}

[data-id="cb023ed"] .sub-menu .elementor-sub-item:hover,
[data-id="e016dc8"] .sub-menu .elementor-sub-item:hover,
[data-id="cb023ed"] .sub-menu li a:hover,
[data-id="e016dc8"] .sub-menu li a:hover {
    background: var(--background) !important;
    color: var(--primary) !important;
}

/* ===== Phone button (top-left) ===== */
[data-id="5520414"] .elementor-button,
[data-id="0200ff4"] .elementor-button {
    background: var(--primary) !important;
    color: #fff !important;
    border-radius: var(--radius);
    font-family: var(--font-main);
    font-weight: 600;
    padding: 0.6rem 1.2rem !important;
    transition: background var(--transition), transform var(--transition);
}
[data-id="5520414"] .elementor-button:hover,
[data-id="0200ff4"] .elementor-button:hover {
    background: var(--accent) !important;
    transform: translateY(-1px);
}
[data-id="5520414"] .elementor-button-icon i,
[data-id="0200ff4"] .elementor-button-icon i {
    color: inherit;
}

/* ===== Mobile burger toggle ===== */
.elementor-menu-toggle {
    color: var(--primary) !important;
}
.elementor-menu-toggle:hover {
    color: var(--accent) !important;
}

/* ===== Mobile Popup Menu Fixes (Popup ID: 515) ===== */

/* Mobile popup icon (top-right hamburger seen on small screens) */
[data-id="7f4c7ee"] .elementor-icon,
[data-id="bde2e41"] .elementor-icon {
    background: var(--primary);
    border-radius: 8px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background var(--transition);
}
[data-id="7f4c7ee"] .elementor-icon:hover,
[data-id="bde2e41"] .elementor-icon:hover {
    background: var(--accent);
}


#elementor-popup-modal-515 .dialog-widget-content,
div[data-elementor-id="515"].elementor-popup {
    background-color: var(--surface) !important;
}

div[data-elementor-id="515"] .elementor-element {
    background-color: transparent !important;
}

 */
div[data-elementor-id="515"] .elementor-nav-menu--main .elementor-item,
div[data-elementor-id="515"] a {
    color: var(--text) !important;
    font-family: var(--font-main) !important;
    font-weight: 500;
}


div[data-elementor-id="515"] .elementor-nav-menu--main .elementor-item:hover,
div[data-elementor-id="515"] a:hover {
    color: var(--primary) !important;
}


#elementor-popup-modal-515 .dialog-close-button {
    color: var(--primary) !important;
    opacity: 0.8;
    transition: opacity var(--transition);
}

#elementor-popup-modal-515 .dialog-close-button:hover {
    opacity: 1;
}