/* =========================================================
   DW Cerrahgil Clean Header
   Datweb Signature: DW-CERRAHGIL-CLEAN-HEADER-2026
   Version: 1.2.8
   ========================================================= */

html,
body {
    overflow-x: hidden;
}

.screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.dwce-header-hero,
.dwce-header-hero *,
.dwce-offcanvas,
.dwce-offcanvas * {
    box-sizing: border-box;
}

/* =========================================================
   HERO + HEADER TEK PARÇA
   ========================================================= */

.dwce-header-hero {
    --dwce-header-height: 285px;
    --dwce-header-overlay: rgba(0, 0, 0, .42);

    position: relative;
    width: 100% !important;
    max-width: 100% !important;
    min-height: var(--dwce-header-height);
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: hidden;
    background-color: #0d171c;
    background-image: var(--dwce-header-bg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.dwce-header-shade {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: var(--dwce-header-overlay);
    pointer-events: none;
}

/* İlk durumda header hero'nun içinde kalır; fixed değildir. */
.dwce-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100% !important;
    min-height: 104px;
    z-index: 5;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transition: none !important;
}

.dwce-header::before,
.dwce-header::after {
    display: none !important;
}

/* Hero bittikten sonra sticky hale geçer. Animasyon yok, aşağıdan düşmez. */
.dwce-header.is-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99996;
}

body.admin-bar .dwce-header.is-fixed {
    top: 32px;
}

.dwce-header-inner {
    position: relative;
    width: 100%;
    min-height: 104px;
    margin: 0 !important;
    padding: 10px 54px 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transition: none !important;
}

.dwce-header.is-fixed .dwce-header-inner {
    min-height: 78px;
    padding-top: 0;
    background: rgba(7, 12, 16, .92) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 8px 28px rgba(0, 0, 0, .20) !important;
}

.dwce-logo {
    position: relative;
    z-index: 7;
    display: inline-flex;
    align-items: center;
    line-height: 0;
    text-decoration: none;
    transform: translateY(0);
    flex: 0 0 auto;
}

.dwce-logo img {
    width: 118px;
    max-width: 118px;
    height: auto;
    display: block;
    object-fit: contain;
    transition: none !important;
}

.dwce-header.is-fixed .dwce-logo img {
    width: 72px;
    max-width: 72px;
}

.dwce-nav {
    position: absolute;
    left: 50%;
    top: 38px;
    transform: translateX(-50%);
    z-index: 6;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 34px;
    transition: none !important;
}

.dwce-header.is-fixed .dwce-nav {
    top: 30px;
}

.dwce-nav a,
.dwce-has-dropdown > button {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 10px 0;
    color: #fff;
    background: transparent;
    border: 0;
    font-family: inherit;
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    cursor: pointer;
    opacity: 1;
    text-shadow: 0 2px 12px rgba(0,0,0,.35);
    transition: opacity .18s ease;
}

.dwce-nav a:hover,
.dwce-has-dropdown > button:hover {
    opacity: .82;
}

.dwce-nav-item {
    position: relative;
}

.dwce-dropdown {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    min-width: 220px;
    padding: 10px;
    background: rgba(7, 12, 16, .96);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 0;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .28);
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
}

.dwce-has-dropdown:hover .dwce-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.dwce-dropdown a {
    display: flex;
    width: 100%;
    padding: 12px 14px;
    font-size: 13px;
    font-weight: 700;
    text-transform: none;
    text-shadow: none;
}

.dwce-dropdown a:hover {
    background: rgba(255, 255, 255, .08);
    opacity: 1;
}

.dwce-canvas-toggle {
    position: relative;
    z-index: 7;
    display: inline-flex;
    width: 52px;
    height: 52px;
    margin-top: 24px;
    margin-left: auto;
    padding: 0;
    border: 0;
    background: transparent;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex: 0 0 auto;
    transition: none !important;
}

.dwce-header.is-fixed .dwce-canvas-toggle {
    margin-top: 14px;
}

.dwce-canvas-icon {
    position: relative;
    width: 30px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.dwce-canvas-icon .eel-icon-menu {
    position: absolute;
    left: 0;
    display: block;
    width: 30px;
    height: 2px;
    background: #fff;
    border-radius: 0;
    box-shadow: 0 2px 10px rgba(0,0,0,.25);
    transition: transform .18s ease, opacity .18s ease, width .18s ease, left .18s ease;
}

.dwce-canvas-icon .eel-icon-menu:first-child {
    top: 5px;
}

.dwce-canvas-icon .eel-icon-menu:last-child {
    bottom: 5px;
    width: 20px;
    left: 10px;
}

.dwce-header.is-canvas-open .dwce-canvas-icon .eel-icon-menu:first-child {
    transform: translateY(5px) rotate(45deg);
}

.dwce-header.is-canvas-open .dwce-canvas-icon .eel-icon-menu:last-child {
    width: 30px;
    left: 0;
    transform: translateY(-5px) rotate(-45deg);
}

/* Breadcrumb aynı header bloğunun içinde */
.dwce-breadcrumb-wrap {
    position: relative;
    z-index: 3;
    min-height: var(--dwce-header-height);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 108px 24px 20px;
    text-align: center;
}

.dwce-breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.3;
    text-shadow: 0 2px 14px rgba(0, 0, 0, .36);
}

.dwce-breadcrumb a {
    color: #fff;
    text-decoration: none;
}

.dwce-breadcrumb a:hover {
    opacity: .82;
}

.dwce-breadcrumb span {
    color: rgba(255, 255, 255, .75);
}

.dwce-breadcrumb strong {
    color: #fff;
    font-weight: 900;
}

/* Header sonrası içerik header'ın altına kaçmasın */
.dwce-header-hero {
    margin-bottom: 0 !important;
}

/* Sayfa içeriği hero'nun altında temiz başlasın */
.dwce-header-hero + *,
.dwce-header-hero + .elementor,
.dwce-header-hero + main,
.dwce-header-hero + .site-main,
.dwce-header-hero ~ .elementor,
.dwce-header-hero ~ main,
.dwce-header-hero ~ .site-main {
    position: relative !important;
    z-index: 2 !important;
    clear: both !important;
}

/* Elementor'daki ilk section negatif margin/padding ile header'ın altına kaçıyordu; bunu kesiyoruz */
.dwce-header-hero + .elementor > .elementor-section:first-child,
.dwce-header-hero + .elementor > .e-con:first-child,
.dwce-header-hero ~ .elementor > .elementor-section:first-child,
.dwce-header-hero ~ .elementor > .e-con:first-child,
.dwce-header-hero + main > .elementor > .elementor-section:first-child,
.dwce-header-hero + main > .elementor > .e-con:first-child {
    margin-top: 0 !important;
    transform: none !important;
}

/* İçerik başlığı header görselinin altında kalmasın diye kontrollü iç boşluk */
.dwce-header-hero + .elementor,
.dwce-header-hero ~ .elementor,
.dwce-header-hero + main,
.dwce-header-hero ~ main,
.dwce-header-hero + .site-main,
.dwce-header-hero ~ .site-main {
    padding-top: 34px !important;
}

/* =========================================================
   OFFCANVAS
   ========================================================= */

.dwce-offcanvas-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .42);
    opacity: 0;
    visibility: hidden;
    transition: opacity .22s ease, visibility .22s ease;
    z-index: 99997;
}

.dwce-offcanvas {
    position: fixed;
    top: 0;
    right: 0;
    width: min(420px, 92vw);
    height: 100vh;
    padding: 24px 24px 40px;
    background: rgba(7, 12, 16, .985);
    box-shadow: -16px 0 42px rgba(0, 0, 0, .24);
    transform: translateX(100%);
    transition: transform .22s ease;
    z-index: 99998;
    overflow-y: auto;
}

.dwce-header.is-canvas-open .dwce-offcanvas {
    transform: translateX(0);
}

.dwce-header.is-canvas-open .dwce-offcanvas-overlay {
    opacity: 1;
    visibility: visible;
}

.dwce-offcanvas-head {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 20px;
}

.dwce-offcanvas-close {
    display: inline-flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, .12);
    background: transparent;
    color: #fff;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
}

.dwce-offcanvas-nav {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.dwce-offcanvas-nav > a,
.dwce-offcanvas-label {
    display: block;
    padding: 14px 0;
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.dwce-offcanvas-group {
    padding: 0 0 8px;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.dwce-offcanvas-submenu {
    display: flex;
    flex-direction: column;
    padding: 4px 0 6px 14px;
    gap: 4px;
}

.dwce-offcanvas-submenu a {
    display: block;
    padding: 8px 0;
    color: rgba(255, 255, 255, .88);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1320px) {
    .dwce-header-hero {
        --dwce-header-height: 265px;
    }

    .dwce-header-inner {
        min-height: 94px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .dwce-logo img {
        width: 98px;
        max-width: 98px;
    }

    .dwce-header.is-fixed .dwce-logo img {
        width: 66px;
        max-width: 66px;
    }

    .dwce-nav {
        gap: 20px;
        top: 34px;
    }

    .dwce-header.is-fixed .dwce-nav {
        top: 28px;
    }

    .dwce-nav a,
    .dwce-has-dropdown > button {
        font-size: 13px;
    }

    .dwce-canvas-toggle {
        margin-top: 20px;
    }
}

@media (max-width: 1120px) {
    .dwce-header-hero {
        --dwce-header-height: 225px;
    }

    .dwce-header,
    .dwce-header.is-fixed {
        min-height: 72px;
    }

    body.admin-bar .dwce-header.is-fixed {
        top: 46px;
    }

    .dwce-header-inner,
    .dwce-header.is-fixed .dwce-header-inner {
        min-height: 72px;
        padding: 4px 16px 0;
        background: rgba(7, 12, 16, .86) !important;
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
    }

    .dwce-logo img,
    .dwce-header.is-fixed .dwce-logo img {
        width: 74px;
        max-width: 74px;
    }

    .dwce-nav {
        display: none;
    }

    .dwce-canvas-toggle,
    .dwce-header.is-fixed .dwce-canvas-toggle {
        width: 40px;
        height: 40px;
        margin-top: 13px;
    }

    .dwce-breadcrumb-wrap {
        padding: 78px 14px 18px;
    }

    .dwce-offcanvas {
        width: min(380px, 96vw);
        padding: 18px 18px 32px;
    }
}

@media (max-width: 767px) {
    .dwce-header-hero {
        --dwce-header-height: 190px;
        background-position: center center;
    }

    .dwce-header-inner,
    .dwce-header.is-fixed .dwce-header-inner {
        min-height: 68px;
        padding-left: 12px;
        padding-right: 12px;
    }

    .dwce-logo img,
    .dwce-header.is-fixed .dwce-logo img {
        width: 68px;
        max-width: 68px;
    }

    .dwce-canvas-toggle,
    .dwce-header.is-fixed .dwce-canvas-toggle {
        width: 38px;
        height: 38px;
        margin-top: 12px;
    }

    .dwce-canvas-icon {
        width: 26px;
    }

    .dwce-canvas-icon .eel-icon-menu {
        width: 26px;
    }

    .dwce-canvas-icon .eel-icon-menu:last-child {
        width: 16px;
        left: 10px;
    }

    .dwce-breadcrumb-wrap {
        padding: 74px 12px 16px;
    }

    .dwce-breadcrumb {
        font-size: 14px;
        gap: 8px;
    }

    .dwce-offcanvas {
        width: 100vw;
        padding: 16px 16px 28px;
    }

    .dwce-offcanvas-nav > a,
    .dwce-offcanvas-label {
        font-size: 15px;
    }
}

@media (max-width: 390px) {
    .dwce-header-hero {
        --dwce-header-height: 180px;
    }

    .dwce-header-inner,
    .dwce-header.is-fixed .dwce-header-inner {
        min-height: 64px;
    }

    .dwce-logo img,
    .dwce-header.is-fixed .dwce-logo img {
        width: 64px;
        max-width: 64px;
    }

    .dwce-breadcrumb-wrap {
        padding-top: 70px;
    }
}


/* =========================================================
   V11 CONTENT CLEAR FIX
   İçerik header/breadcrumb görselinin altına kaçmasın.
   ========================================================= */

body:not(.elementor-editor-active) .dwce-header-hero + .elementor,
body:not(.elementor-editor-active) .dwce-header-hero ~ .elementor,
body:not(.elementor-editor-active) .dwce-header-hero + main,
body:not(.elementor-editor-active) .dwce-header-hero ~ main,
body:not(.elementor-editor-active) .dwce-header-hero + .site-main,
body:not(.elementor-editor-active) .dwce-header-hero ~ .site-main,
body:not(.elementor-editor-active) .dwce-header-hero + #content,
body:not(.elementor-editor-active) .dwce-header-hero ~ #content {
    position: relative !important;
    z-index: 2 !important;
    clear: both !important;
    padding-top: 34px !important;
}

body:not(.elementor-editor-active) .dwce-header-hero + .elementor > .elementor-section:first-child,
body:not(.elementor-editor-active) .dwce-header-hero + .elementor > .e-con:first-child,
body:not(.elementor-editor-active) .dwce-header-hero ~ .elementor > .elementor-section:first-child,
body:not(.elementor-editor-active) .dwce-header-hero ~ .elementor > .e-con:first-child {
    margin-top: 0 !important;
    transform: none !important;
}

@media (max-width: 767px) {
    body:not(.elementor-editor-active) .dwce-header-hero + .elementor,
    body:not(.elementor-editor-active) .dwce-header-hero ~ .elementor,
    body:not(.elementor-editor-active) .dwce-header-hero + main,
    body:not(.elementor-editor-active) .dwce-header-hero ~ main,
    body:not(.elementor-editor-active) .dwce-header-hero + .site-main,
    body:not(.elementor-editor-active) .dwce-header-hero ~ .site-main,
    body:not(.elementor-editor-active) .dwce-header-hero + #content,
    body:not(.elementor-editor-active) .dwce-header-hero ~ #content {
        padding-top: 22px !important;
    }
}


/* =========================================================
   V12 HARD CONTENT OVERLAP FIX
   Header alanının üstüne çıkan ilk Elementor section'ı zorla aşağı alır.
   ========================================================= */

.dwce-content-clear {
    position: relative !important;
    z-index: 2 !important;
    margin-top: var(--dwce-content-clearance, 0px) !important;
}

.dwce-header-hero {
    display: block !important;
    float: none !important;
    clear: both !important;
}

.dwce-header-hero ~ * {
    clear: both;
}

body:not(.elementor-editor-active) .dwce-header-hero ~ .elementor-section:first-of-type,
body:not(.elementor-editor-active) .dwce-header-hero ~ .e-con:first-of-type,
body:not(.elementor-editor-active) .dwce-header-hero ~ .elementor:first-of-type {
    transform: none !important;
}


/* =========================================================
   V13 FULL BLEED + CONTENT SAFE FIX
   Elementor container/padding içinde kalsa bile header tam ekran genişliğine taşır.
   ========================================================= */

/* Shortcode'u saran Elementor widget boşluklarını kaldır */
.elementor-widget-shortcode:has(.dwce-header-hero),
.elementor-widget-html:has(.dwce-header-hero),
.elementor-widget-container:has(> .dwce-header-hero) {
    margin: 0 !important;
    padding: 0 !important;
}

/* Header shortcode'un bulunduğu üst container/section üst-sağ-sol boşluk bırakmasın */
.elementor-section:has(.dwce-header-hero),
.e-con:has(.dwce-header-hero),
.elementor-container:has(.dwce-header-hero),
.e-con-inner:has(.dwce-header-hero) {
    padding-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-top: 0 !important;
    max-width: none !important;
}

/* Parent boxed olsa bile header viewport kadar yayılsın */
.dwce-header-hero {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-top: 0 !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    display: block !important;
    clear: both !important;
    transform: none !important;
}

/* İçerik header'ın altına girmesin: kontrollü güvenlik payı */
body:not(.elementor-editor-active) .dwce-header-hero {
    margin-bottom: 46px !important;
}

/* Elementor editor içinde de görselin altındaki içerik header'ın arkasına kaçmasın */
body.elementor-editor-active .dwce-header-hero {
    margin-bottom: 38px !important;
}

/* Logo biraz daha içeri, ortaya yakın */
@media (min-width: 1121px) {
    .dwce-header-inner,
    .dwce-header.is-fixed .dwce-header-inner {
        padding-left: 78px !important;
        padding-right: 54px !important;
    }

    .dwce-logo img {
        width: 124px !important;
        max-width: 124px !important;
    }

    .dwce-header.is-fixed .dwce-logo img {
        width: 76px !important;
        max-width: 76px !important;
    }
}

/* Mobilde boşluk yok, tam düz */
@media (max-width: 1120px) {
    .dwce-header-hero {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
        margin-top: 0 !important;
        border-radius: 0 !important;
    }

    body:not(.elementor-editor-active) .dwce-header-hero {
        margin-bottom: 28px !important;
    }
}

@media (max-width: 767px) {
    body:not(.elementor-editor-active) .dwce-header-hero,
    body.elementor-editor-active .dwce-header-hero {
        margin-bottom: 22px !important;
    }
}


/* =========================================================
   V14 TOP GAP HARD FIX
   Üstte kalan Elementor/theme boşluğunu keser.
   ========================================================= */

html,
body {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body:not(.admin-bar) .dwce-header-hero {
    margin-top: calc(0px - var(--dwce-top-gap, 0px)) !important;
}

body.admin-bar .dwce-header-hero {
    margin-top: calc(0px - var(--dwce-top-gap, 0px)) !important;
}

/* Header'ı saran Elementor alanlarında üst boşluk bırakma */
body:not(.elementor-editor-active) .elementor-section:has(.dwce-header-hero),
body:not(.elementor-editor-active) .elementor-column:has(.dwce-header-hero),
body:not(.elementor-editor-active) .elementor-widget-wrap:has(.dwce-header-hero),
body:not(.elementor-editor-active) .elementor-widget:has(.dwce-header-hero),
body:not(.elementor-editor-active) .elementor-widget-container:has(.dwce-header-hero),
body:not(.elementor-editor-active) .e-con:has(.dwce-header-hero),
body:not(.elementor-editor-active) .e-con-inner:has(.dwce-header-hero) {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Tema container'ları üst boşluk atarsa */
body:not(.elementor-editor-active) #content:has(.dwce-header-hero),
body:not(.elementor-editor-active) .site-content:has(.dwce-header-hero),
body:not(.elementor-editor-active) .content-area:has(.dwce-header-hero),
body:not(.elementor-editor-active) main:has(.dwce-header-hero) {
    padding-top: 0 !important;
    margin-top: 0 !important;
}


/* =========================================================
   V15 FRONTEND / EDITOR PARITY FIX
   - Elementor editördeki önizleme ile canlı farkını azaltır
   - İlk gerçek içerik bloğunu header altına iter
   ========================================================= */

.dwce-next-flow-block {
    position: relative !important;
    z-index: 2 !important;
    margin-top: var(--dwce-flow-offset, 0px) !important;
}

body.elementor-editor-active .dwce-header-hero,
body:not(.elementor-editor-active) .dwce-header-hero {
    margin-top: 0 !important;
}

body.elementor-editor-active .dwce-header-hero + .elementor,
body.elementor-editor-active .dwce-header-hero ~ .elementor,
body.elementor-editor-active .dwce-header-hero + main,
body.elementor-editor-active .dwce-header-hero ~ main,
body.elementor-editor-active .dwce-header-hero + .site-main,
body.elementor-editor-active .dwce-header-hero ~ .site-main,
body.elementor-editor-active .dwce-header-hero + #content,
body.elementor-editor-active .dwce-header-hero ~ #content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}


/* =========================================================
   V16 LOGO / NAV PROXIMITY TWEAK
   Logo ile ilk menü maddesi arasındaki mesafeyi azaltır.
   ========================================================= */
@media (min-width: 1121px) {
    .dwce-header-inner,
    .dwce-header.is-fixed .dwce-header-inner {
        padding-left: 54px !important;
        padding-right: 54px !important;
    }

    .dwce-logo img {
        width: 118px !important;
        max-width: 118px !important;
    }

    .dwce-nav {
        left: 45.8% !important;
        transform: translateX(-50%) !important;
        gap: 32px !important;
    }

    .dwce-header.is-fixed .dwce-nav {
        left: 45.8% !important;
    }
}

@media (max-width: 1320px) and (min-width: 1121px) {
    .dwce-nav,
    .dwce-header.is-fixed .dwce-nav {
        left: 44.8% !important;
        gap: 20px !important;
    }
}


/* =========================================================
   V17 DROPDOWN / BREADCRUMB SEPARATION FIX
   Company dropdown breadcrumb'ın üstüne çok biniyordu.
   ========================================================= */
@media (min-width: 1121px) {
    .dwce-header-hero {
        --dwce-header-height: 320px !important;
    }

    .dwce-breadcrumb-wrap {
        padding: 146px 24px 22px !important;
    }

    .dwce-nav-item {
        z-index: 30;
    }

    .dwce-dropdown {
        top: calc(100% + 2px) !important;
        z-index: 40 !important;
        background: rgba(7, 12, 16, .99) !important;
        border: 1px solid rgba(255, 255, 255, .12) !important;
        box-shadow: 0 18px 42px rgba(0, 0, 0, .36) !important;
    }

    .dwce-dropdown a {
        position: relative;
        z-index: 2;
    }
}

@media (max-width: 1320px) and (min-width: 1121px) {
    .dwce-header-hero {
        --dwce-header-height: 300px !important;
    }

    .dwce-breadcrumb-wrap {
        padding: 136px 20px 18px !important;
    }
}


/* =========================================================
   V18 REFERENCE-MATCH LOGO / HEADER TWEAK
   Kullanıcının verdiği referanstaki logo gelişi ve menü hizasına yaklaşır.
   ========================================================= */
@media (min-width: 1121px) {
    .dwce-header-hero {
        --dwce-header-height: 250px !important;
    }

    .dwce-header,
    .dwce-header.is-fixed {
        min-height: 92px !important;
    }

    .dwce-header-inner,
    .dwce-header.is-fixed .dwce-header-inner {
        min-height: 92px !important;
        padding-left: 42px !important;
        padding-right: 42px !important;
        padding-top: 6px !important;
    }

    .dwce-logo {
        transform: translateY(0) !important;
        align-self: flex-start !important;
    }

    .dwce-logo img {
        width: 132px !important;
        max-width: 132px !important;
    }

    .dwce-header.is-fixed .dwce-logo img {
        width: 86px !important;
        max-width: 86px !important;
    }

    .dwce-nav,
    .dwce-header.is-fixed .dwce-nav {
        left: 49.2% !important;
        top: 29px !important;
        gap: 38px !important;
    }

    .dwce-nav a,
    .dwce-has-dropdown > button {
        font-size: 13px !important;
    }

    .dwce-canvas-toggle,
    .dwce-header.is-fixed .dwce-canvas-toggle {
        width: 46px !important;
        height: 46px !important;
        margin-top: 16px !important;
    }

    .dwce-breadcrumb-wrap {
        padding: 118px 24px 16px !important;
    }
}

@media (max-width: 1320px) and (min-width: 1121px) {
    .dwce-header-hero {
        --dwce-header-height: 238px !important;
    }

    .dwce-header-inner,
    .dwce-header.is-fixed .dwce-header-inner {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .dwce-logo img {
        width: 118px !important;
        max-width: 118px !important;
    }

    .dwce-header.is-fixed .dwce-logo img {
        width: 78px !important;
        max-width: 78px !important;
    }

    .dwce-nav,
    .dwce-header.is-fixed .dwce-nav {
        left: 48.2% !important;
        top: 28px !important;
        gap: 24px !important;
    }
}


/* =========================================================
   V19 DESKTOP LOGO -> MENU PROXIMITY TWEAK
   Kullanıcı isteği: logo menüye yaklaşık 50px kadar yakın olsun.
   ========================================================= */
@media (min-width: 1121px) {
    .dwce-header-inner,
    .dwce-header.is-fixed .dwce-header-inner {
        padding-left: 32px !important;
        padding-right: 40px !important;
    }

    .dwce-logo img {
        width: 126px !important;
        max-width: 126px !important;
    }

    .dwce-header.is-fixed .dwce-logo img {
        width: 82px !important;
        max-width: 82px !important;
    }

    .dwce-nav,
    .dwce-header.is-fixed .dwce-nav {
        left: 44.2% !important;
        top: 29px !important;
        gap: 34px !important;
    }
}

@media (max-width: 1320px) and (min-width: 1121px) {
    .dwce-header-inner,
    .dwce-header.is-fixed .dwce-header-inner {
        padding-left: 22px !important;
        padding-right: 28px !important;
    }

    .dwce-nav,
    .dwce-header.is-fixed .dwce-nav {
        left: 43.4% !important;
        gap: 22px !important;
    }
}


/* =========================================================
   V20 DESKTOP CENTERED LOGO + MENU GROUP
   Kullanıcı isteği: logo masaüstünde ortaya gelsin ve menüye 10-15px yanaşsın.
   ========================================================= */
@media (min-width: 1121px) {
    .dwce-header-inner,
    .dwce-header.is-fixed .dwce-header-inner {
        display: flex !important;
        justify-content: center !important;
        align-items: flex-start !important;
        padding-left: 28px !important;
        padding-right: 28px !important;
        gap: 12px !important;
    }

    .dwce-logo {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        margin: 0 12px 0 0 !important;
        transform: translateY(-2px) !important;
        flex: 0 0 auto !important;
    }

    .dwce-logo img {
        width: 122px !important;
        max-width: 122px !important;
    }

    .dwce-header.is-fixed .dwce-logo {
        margin-right: 10px !important;
        transform: translateY(0) !important;
    }

    .dwce-header.is-fixed .dwce-logo img {
        width: 82px !important;
        max-width: 82px !important;
    }

    .dwce-nav,
    .dwce-header.is-fixed .dwce-nav {
        position: relative !important;
        left: auto !important;
        top: 27px !important;
        transform: none !important;
        margin: 0 !important;
        gap: 30px !important;
        justify-content: flex-start !important;
        flex: 0 1 auto !important;
    }

    .dwce-header.is-fixed .dwce-nav {
        top: 21px !important;
        gap: 28px !important;
    }

    .dwce-nav a,
    .dwce-has-dropdown > button {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .dwce-canvas-toggle,
    .dwce-header.is-fixed .dwce-canvas-toggle {
        position: absolute !important;
        right: 28px !important;
        top: 14px !important;
        margin-top: 0 !important;
    }
}

@media (max-width: 1320px) and (min-width: 1121px) {
    .dwce-logo {
        margin-right: 10px !important;
    }

    .dwce-logo img {
        width: 110px !important;
        max-width: 110px !important;
    }

    .dwce-header.is-fixed .dwce-logo img {
        width: 74px !important;
        max-width: 74px !important;
    }

    .dwce-nav,
    .dwce-header.is-fixed .dwce-nav {
        gap: 20px !important;
        top: 26px !important;
    }

    .dwce-header.is-fixed .dwce-nav {
        top: 20px !important;
    }
}


/* =========================================================
   V21 DESKTOP LOGO MARGIN-LEFT 250PX
   Kullanıcı isteği: masaüstünde logo margin-left:250px verilmiş gibi gelsin.
   ========================================================= */
@media (min-width: 1121px) {
    .dwce-header-inner,
    .dwce-header.is-fixed .dwce-header-inner {
        justify-content: flex-start !important;
        padding-left: 0 !important;
        padding-right: 42px !important;
        gap: 0 !important;
    }

    .dwce-logo {
        margin-left: 250px !important;
        margin-right: 16px !important;
        flex: 0 0 auto !important;
        transform: translateY(-2px) !important;
    }

    .dwce-nav,
    .dwce-header.is-fixed .dwce-nav {
        position: relative !important;
        left: auto !important;
        top: 29px !important;
        transform: none !important;
        margin: 0 !important;
        gap: 30px !important;
        justify-content: flex-start !important;
        flex: 0 1 auto !important;
    }

    .dwce-header.is-fixed .dwce-nav {
        top: 21px !important;
    }

    .dwce-canvas-toggle,
    .dwce-header.is-fixed .dwce-canvas-toggle {
        position: absolute !important;
        right: 28px !important;
        top: 14px !important;
        margin-top: 0 !important;
    }
}

@media (max-width: 1500px) and (min-width: 1321px) {
    .dwce-logo {
        margin-left: 220px !important;
    }
}

@media (max-width: 1320px) and (min-width: 1121px) {
    .dwce-logo {
        margin-left: 170px !important;
        margin-right: 14px !important;
    }

    .dwce-nav,
    .dwce-header.is-fixed .dwce-nav {
        gap: 20px !important;
    }
}


/* =========================================================
   V22 DESKTOP CENTER PULL + 25PX GAP
   Kullanıcı isteği: logo ve menü ortaya doğru çekilsin,
   aralarında yaklaşık 25px boşluk olsun.
   ========================================================= */
@media (min-width: 1121px) {
    .dwce-header-inner,
    .dwce-header.is-fixed .dwce-header-inner {
        display: flex !important;
        justify-content: center !important;
        align-items: flex-start !important;
        padding-left: 28px !important;
        padding-right: 28px !important;
        gap: 0 !important;
    }

    .dwce-logo {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        margin-left: 0 !important;
        margin-right: 25px !important;
        transform: translateY(-2px) !important;
        flex: 0 0 auto !important;
    }

    .dwce-logo img {
        width: 126px !important;
        max-width: 126px !important;
    }

    .dwce-header.is-fixed .dwce-logo {
        margin-right: 25px !important;
        transform: translateY(0) !important;
    }

    .dwce-header.is-fixed .dwce-logo img {
        width: 82px !important;
        max-width: 82px !important;
    }

    .dwce-nav,
    .dwce-header.is-fixed .dwce-nav {
        position: relative !important;
        left: auto !important;
        top: 29px !important;
        transform: none !important;
        margin: 0 !important;
        gap: 30px !important;
        justify-content: flex-start !important;
        flex: 0 1 auto !important;
    }

    .dwce-header.is-fixed .dwce-nav {
        top: 21px !important;
        gap: 28px !important;
    }

    .dwce-canvas-toggle,
    .dwce-header.is-fixed .dwce-canvas-toggle {
        position: absolute !important;
        right: 28px !important;
        top: 14px !important;
        margin-top: 0 !important;
    }
}

@media (max-width: 1320px) and (min-width: 1121px) {
    .dwce-logo,
    .dwce-header.is-fixed .dwce-logo {
        margin-right: 25px !important;
    }

    .dwce-logo img {
        width: 114px !important;
        max-width: 114px !important;
    }

    .dwce-header.is-fixed .dwce-logo img {
        width: 76px !important;
        max-width: 76px !important;
    }

    .dwce-nav,
    .dwce-header.is-fixed .dwce-nav {
        gap: 20px !important;
    }
}


/* =========================================================
   V23 DESKTOP LOGO LEFT SHIFT + 65PX GAP
   Kullanıcı isteği:
   - Menü yerinde kalsın
   - Logo biraz daha sola gitsin
   - Logo ile menü arasında yaklaşık 60-70px boşluk olsun
   ========================================================= */
@media (min-width: 1121px) {
    .dwce-logo {
        margin-right: 65px !important;
        transform: translate(-22px, -2px) !important;
    }

    .dwce-header.is-fixed .dwce-logo {
        margin-right: 65px !important;
        transform: translate(-18px, 0) !important;
    }

    .dwce-nav,
    .dwce-header.is-fixed .dwce-nav {
        left: auto !important;
        margin-left: 0 !important;
    }
}

@media (max-width: 1320px) and (min-width: 1121px) {
    .dwce-logo,
    .dwce-header.is-fixed .dwce-logo {
        margin-right: 58px !important;
        transform: translate(-14px, -2px) !important;
    }

    .dwce-header.is-fixed .dwce-logo {
        transform: translate(-12px, 0) !important;
    }
}


/* =========================================================
   V24 REFERENCE WIDTH LAYOUT
   Kullanıcının gönderdiği örnek hizaya göre:
   - Logo soldan geniş ekranda yaklaşık 420px civarı gelir
   - Logo ile HOME arası 60px civarında kalır
   - Menü logo sonrasında devam eder
   - Sağ hamburger sabit kalır
   ========================================================= */
@media (min-width: 1121px) {
    .dwce-header-inner,
    .dwce-header.is-fixed .dwce-header-inner {
        justify-content: flex-start !important;
        align-items: flex-start !important;
        padding-left: 0 !important;
        padding-right: 42px !important;
        gap: 0 !important;
    }

    .dwce-logo {
        margin-left: clamp(250px, 22vw, 420px) !important;
        margin-right: 60px !important;
        transform: translateY(-2px) !important;
        flex: 0 0 auto !important;
    }

    .dwce-logo img {
        width: 128px !important;
        max-width: 128px !important;
    }

    .dwce-header.is-fixed .dwce-logo {
        margin-left: clamp(250px, 22vw, 420px) !important;
        margin-right: 60px !important;
        transform: translateY(0) !important;
    }

    .dwce-header.is-fixed .dwce-logo img {
        width: 82px !important;
        max-width: 82px !important;
    }

    .dwce-nav,
    .dwce-header.is-fixed .dwce-nav {
        position: relative !important;
        left: auto !important;
        top: 29px !important;
        transform: none !important;
        margin: 0 !important;
        gap: 32px !important;
        justify-content: flex-start !important;
        flex: 0 1 auto !important;
    }

    .dwce-header.is-fixed .dwce-nav {
        top: 21px !important;
        gap: 30px !important;
    }

    .dwce-canvas-toggle,
    .dwce-header.is-fixed .dwce-canvas-toggle {
        position: absolute !important;
        right: 42px !important;
        top: 16px !important;
        margin-top: 0 !important;
    }
}

@media (max-width: 1500px) and (min-width: 1321px) {
    .dwce-logo,
    .dwce-header.is-fixed .dwce-logo {
        margin-left: clamp(300px, 20vw, 340px) !important;
        margin-right: 56px !important;
    }

    .dwce-nav,
    .dwce-header.is-fixed .dwce-nav {
        gap: 28px !important;
    }
}

@media (max-width: 1320px) and (min-width: 1121px) {
    .dwce-logo,
    .dwce-header.is-fixed .dwce-logo {
        margin-left: 245px !important;
        margin-right: 48px !important;
    }

    .dwce-logo img {
        width: 112px !important;
        max-width: 112px !important;
    }

    .dwce-header.is-fixed .dwce-logo img {
        width: 76px !important;
        max-width: 76px !important;
    }

    .dwce-nav,
    .dwce-header.is-fixed .dwce-nav {
        gap: 20px !important;
    }
}


/* =========================================================
   V25 OLD EEL MENU CONFLICT FIX
   Ekrandaki a.eel-menu-item eski Easy Elements/Elementor menüsünden geliyor.
   Bu blok eski menü padding/active arka plan etkisini temizler ve
   DW header menüsünü sabit tutar.
   ========================================================= */

/* Eğer eski EEL menü widget'ı yanlışlıkla aynı header alanında kalırsa padding şişmesini kır */
.dwce-header-hero .eel-menu-item,
.dwce-header-hero .eel-sub-menu-item,
.dwce-header-hero .eel-nav-menu a {
    padding: 10px 0 !important;
    background: transparent !important;
    min-height: 0 !important;
    height: auto !important;
    line-height: 1 !important;
}

/* DW menüde current/hover/focus yüzünden büyük kutu oluşmasın */
.dwce-nav a,
.dwce-nav a:hover,
.dwce-nav a:focus,
.dwce-nav a:active,
.dwce-nav .current-menu-item > a,
.dwce-nav .current_page_item > a,
.dwce-nav .current-menu-ancestor > a,
.dwce-has-dropdown > button,
.dwce-has-dropdown > button:hover,
.dwce-has-dropdown > button:focus,
.dwce-has-dropdown > button:active {
    background: transparent !important;
    outline: none !important;
    box-shadow: none !important;
    min-height: 0 !important;
}

/* Menü linklerinin tıklama alanı büyüsün ama görsel kutu oluşturmasın */
@media (min-width: 1121px) {
    .dwce-nav a,
    .dwce-has-dropdown > button {
        padding: 8px 0 !important;
        height: auto !important;
        min-height: 0 !important;
    }

    .dwce-dropdown a {
        padding: 12px 14px !important;
    }
}


/* =========================================================
   V26 MENU TYPOGRAPHY + SPACING MATCH
   Kullanıcı isteği:
   - Menü fontu 14px olsun
   - Font family Manrope, sans-serif olsun
   - Menü item iç boşluğu 25px 20px mantığında olsun
   - 13px / 10px eski sıkışık görünüm kalksın
   ========================================================= */
@media (min-width: 1121px) {
    .dwce-nav,
    .dwce-header.is-fixed .dwce-nav {
        gap: 0 !important;
    }

    .dwce-nav a,
    .dwce-has-dropdown > button {
        font-family: Manrope, sans-serif !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        letter-spacing: 0 !important;
        padding: 25px 20px !important;
        min-height: auto !important;
        height: auto !important;
        margin: 0 !important;
        text-transform: uppercase !important;
    }

    .dwce-has-dropdown > button {
        gap: 6px !important;
    }

    .dwce-dropdown {
        top: calc(100% - 2px) !important;
    }

    .dwce-dropdown a {
        font-family: Manrope, sans-serif !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        padding: 14px 16px !important;
    }
}

@media (max-width: 1320px) and (min-width: 1121px) {
    .dwce-nav a,
    .dwce-has-dropdown > button {
        font-size: 14px !important;
        padding: 22px 16px !important;
    }
}

@media (max-width: 1120px) {
    .dwce-offcanvas-nav > a,
    .dwce-offcanvas-label,
    .dwce-offcanvas-submenu a {
        font-family: Manrope, sans-serif !important;
    }
}


/* =========================================================
   V27 HEADER DISAPPEAR FIX
   v25/v26'da easy-site-header gizlenince, shortcode o wrapper içindeyse
   komple header kayboluyordu. Artık eski wrapper gizlenmez.
   ========================================================= */

/* Shortcode Easy/Elementor header wrapper içinde duruyorsa wrapper açık kalsın */
.easy-site-header:has(.dwce-header-hero),
header.easy-site-header:has(.dwce-header-hero),
.elementor-location-header:has(.dwce-header-hero),
.elementor-widget-shortcode:has(.dwce-header-hero),
.elementor-widget-html:has(.dwce-header-hero),
.elementor-widget-container:has(> .dwce-header-hero) {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
}

/* Sadece DW header içindeki menüleri hedefle; dışarıdaki eski menüye dokunma */
.dwce-header .dwce-nav a,
.dwce-header .dwce-has-dropdown > button {
    font-family: Manrope, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
}

/* DW header'ın canlıda kaybolmasını engelle */
.dwce-header-hero,
.dwce-header,
.dwce-header-inner,
.dwce-logo,
.dwce-nav,
.dwce-canvas-toggle {
    visibility: visible !important;
    opacity: 1 !important;
}


/* =========================================================
   V28 DESKTOP HAMBURGER AFTER MENU
   Kullanıcı isteği: hamburger ikon menünün sonunda gelsin.
   ========================================================= */
@media (min-width: 1121px) {
    .dwce-header-inner,
    .dwce-header.is-fixed .dwce-header-inner {
        display: flex !important;
        justify-content: center !important;
        align-items: flex-start !important;
        gap: 0 !important;
    }

    .dwce-canvas-toggle,
    .dwce-header.is-fixed .dwce-canvas-toggle {
        position: relative !important;
        right: auto !important;
        top: 14px !important;
        margin-top: 0 !important;
        margin-left: 24px !important;
        margin-right: 0 !important;
        width: 42px !important;
        height: 42px !important;
        flex: 0 0 auto !important;
    }

    .dwce-header.is-fixed .dwce-canvas-toggle {
        top: 10px !important;
        margin-left: 20px !important;
    }
}

@media (max-width: 1320px) and (min-width: 1121px) {
    .dwce-canvas-toggle,
    .dwce-header.is-fixed .dwce-canvas-toggle {
        margin-left: 18px !important;
    }
}


/* =========================================================
   V29 STABLE DESKTOP HEADER GROUP FIX
   - Logo/menu/hamburger tek grup halinde ortalanır
   - Eski margin-left / left kaymaları sıfırlanır
   - Company dropdown breadcrumb'ın üstüne binmez
   ========================================================= */
@media (min-width: 1121px) {
    .dwce-header-hero {
        --dwce-header-height: 310px !important;
    }

    .dwce-header,
    .dwce-header.is-fixed {
        min-height: 96px !important;
    }

    .dwce-header-inner,
    .dwce-header.is-fixed .dwce-header-inner {
        display: flex !important;
        justify-content: center !important;
        align-items: flex-start !important;
        padding-left: 24px !important;
        padding-right: 24px !important;
        gap: 0 !important;
    }

    /* Önceki sürümlerden kalan sağa/sola kaydırmaları sıfırla */
    .dwce-logo,
    .dwce-header.is-fixed .dwce-logo {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        margin-left: 0 !important;
        margin-right: 65px !important;
        transform: translateY(-2px) !important;
        order: 1 !important;
        flex: 0 0 auto !important;
    }

    .dwce-logo img {
        width: 124px !important;
        max-width: 124px !important;
    }

    .dwce-header.is-fixed .dwce-logo {
        margin-right: 65px !important;
        transform: translateY(0) !important;
    }

    .dwce-header.is-fixed .dwce-logo img {
        width: 82px !important;
        max-width: 82px !important;
    }

    .dwce-nav,
    .dwce-header.is-fixed .dwce-nav {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: 13px !important;
        transform: none !important;
        margin: 0 !important;
        order: 2 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 0 !important;
        flex: 0 1 auto !important;
    }

    .dwce-header.is-fixed .dwce-nav {
        top: 8px !important;
    }

    .dwce-nav a,
    .dwce-has-dropdown > button {
        font-family: Manrope, sans-serif !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        letter-spacing: 0 !important;
        padding: 25px 20px !important;
        margin: 0 !important;
        min-height: auto !important;
        height: auto !important;
        text-transform: uppercase !important;
    }

    .dwce-has-dropdown > button {
        gap: 6px !important;
    }

    .dwce-canvas-toggle,
    .dwce-header.is-fixed .dwce-canvas-toggle {
        position: relative !important;
        right: auto !important;
        top: 12px !important;
        margin-top: 0 !important;
        margin-left: 24px !important;
        margin-right: 0 !important;
        width: 42px !important;
        height: 42px !important;
        order: 3 !important;
        flex: 0 0 auto !important;
    }

    .dwce-header.is-fixed .dwce-canvas-toggle {
        top: 8px !important;
        margin-left: 20px !important;
    }

    /* Dropdown breadcrumb'a binmesin */
    .dwce-nav-item {
        z-index: 25 !important;
    }

    .dwce-dropdown {
        top: calc(100% + 4px) !important;
        z-index: 40 !important;
        background: rgba(7, 12, 16, .985) !important;
        border: 1px solid rgba(255,255,255,.12) !important;
        box-shadow: 0 18px 42px rgba(0,0,0,.36) !important;
    }

    .dwce-dropdown a {
        font-family: Manrope, sans-serif !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        padding: 14px 16px !important;
    }

    .dwce-breadcrumb-wrap {
        padding: 152px 24px 18px !important;
    }
}

@media (max-width: 1320px) and (min-width: 1121px) {
    .dwce-header-hero {
        --dwce-header-height: 292px !important;
    }

    .dwce-logo,
    .dwce-header.is-fixed .dwce-logo {
        margin-right: 52px !important;
    }

    .dwce-logo img {
        width: 112px !important;
        max-width: 112px !important;
    }

    .dwce-header.is-fixed .dwce-logo img {
        width: 76px !important;
        max-width: 76px !important;
    }

    .dwce-nav a,
    .dwce-has-dropdown > button {
        padding: 22px 16px !important;
        font-size: 14px !important;
    }

    .dwce-canvas-toggle,
    .dwce-header.is-fixed .dwce-canvas-toggle {
        margin-left: 18px !important;
    }

    .dwce-breadcrumb-wrap {
        padding: 142px 20px 16px !important;
    }
}