/* =========================================================
   2A MERMER
   HEADER + HERO CTA
   PREMIUM GOLD UI
   ========================================================= */

:root {
    --twoa-gold: #c79b47;
    --twoa-gold-light: #e0bc74;
    --twoa-coffee: #2f241c;
    --twoa-coffee-dark: #211914;
    --twoa-ivory: #fffaf2;
}


/* =========================================================
   HEADER DESKTOP MENU
   Normal: beyaz
   Hover / aktif: premium gold + kısa gold ışıklı çizgi
   Kutu, kırmızı border, arka plan YOK
   ========================================================= */

html body #site-header .site-navigation .menu > li {
    position: relative !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}


/* Eski kutu, kırmızı grafik ve pseudo elementleri iptal */
html body #site-header .site-navigation .menu > li::before,
html body #site-header .site-navigation .menu > li::after {
    content: none !important;
    display: none !important;

    background: none !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}


html body #site-header .site-navigation .menu > li > a {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 10px 12px !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    color: #ffffff !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;

    border-radius: 0 !important;
    text-decoration: none !important;

    transition:
        color .18s ease,
        text-shadow .18s ease !important;
}


/* Eski kırmızı before tamamen kapalı */
html body #site-header .site-navigation .menu > li > a::before {
    content: none !important;
    display: none !important;

    background: none !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}


/* =========================================================
   REFERANS RESİMDEKİ PREMIUM GOLD ALT ÇİZGİ
   Kısa, ortası parlak, kenarlara doğru kayboluyor
   ========================================================= */

html body #site-header .site-navigation .menu > li > a::after {
    content: "" !important;
    display: block !important;

    position: absolute !important;

    left: 18% !important;
    right: 18% !important;
    bottom: 4px !important;

    height: 2px !important;

    background:
        linear-gradient(
            90deg,
            rgba(199,155,71,0) 0%,
            rgba(199,155,71,.32) 15%,
            rgba(224,188,116,.82) 38%,
            #e0bc74 50%,
            rgba(224,188,116,.82) 62%,
            rgba(199,155,71,.32) 85%,
            rgba(199,155,71,0) 100%
        ) !important;

    border: 0 !important;
    outline: 0 !important;

    border-radius: 20px !important;

    box-shadow:
        0 0 3px rgba(224,188,116,.34),
        0 0 7px rgba(199,155,71,.20) !important;

    opacity: 0 !important;

    transform: scaleX(.55) !important;
    transform-origin: center !important;

    transition:
        opacity .18s ease,
        transform .18s ease !important;

    pointer-events: none !important;
}


/* =========================================================
   HOVER / AKTİF MENÜ
   Sadece GOLD yazı ve GOLD çizgi
   ========================================================= */

html body #site-header .site-navigation .menu > li > a:hover,
html body #site-header .site-navigation .menu > li > a:focus-visible,
html body #site-header .site-navigation .menu > li > a:active,
html body #site-header .site-navigation .menu > li.current-menu-item > a,
html body #site-header .site-navigation .menu > li.current_page_item > a,
html body #site-header .site-navigation .menu > li.active > a,
html body #site-header .site-navigation .menu > li.is-active > a,
html body #site-header .site-navigation .menu > li > a[aria-current="page"] {

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    color: var(--twoa-gold-light) !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;

    text-shadow:
        0 0 5px rgba(224,188,116,.18) !important;
}


html body #site-header .site-navigation .menu > li > a:hover::after,
html body #site-header .site-navigation .menu > li > a:focus-visible::after,
html body #site-header .site-navigation .menu > li > a:active::after,
html body #site-header .site-navigation .menu > li.current-menu-item > a::after,
html body #site-header .site-navigation .menu > li.current_page_item > a::after,
html body #site-header .site-navigation .menu > li.active > a::after,
html body #site-header .site-navigation .menu > li.is-active > a::after,
html body #site-header .site-navigation .menu > li > a[aria-current="page"]::after {

    opacity: 1 !important;
    transform: scaleX(1) !important;
}


/* =========================================================
   MOBİL MENÜ
   Aynı beyaz → gold mantığı
   Kırmızı/kutu yok
   ========================================================= */

html body #site-header .site-navigation-dropdown .menu li,
html body #site-header .site-navigation-dropdown .menu a {

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}


html body #site-header .site-navigation-dropdown .menu a {
    color: #ffffff !important;
}


html body #site-header .site-navigation-dropdown .menu a:hover,
html body #site-header .site-navigation-dropdown .menu a:focus-visible,
html body #site-header .site-navigation-dropdown .menu li.current-menu-item > a,
html body #site-header .site-navigation-dropdown .menu li.current_page_item > a,
html body #site-header .site-navigation-dropdown .menu li.active > a,
html body #site-header .site-navigation-dropdown .menu li.is-active > a {

    color: var(--twoa-gold-light) !important;

    background: transparent !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}


/* =========================================================
   ANA SAYFA HERO CTA BUTONLARI
   İKİSİ DE BİREBİR AYNI
   Projelerimizi İnceleyin + İletişime Geçin
   ========================================================= */

html body.page-id-153
.elementor-element-7f77a2b
.elementor-button,

html body.page-id-153
.elementor-element-ee1a339
.elementor-button {

    background:
        linear-gradient(
            180deg,
            #3b2d22 0%,
            var(--twoa-coffee) 52%,
            var(--twoa-coffee-dark) 100%
        ) !important;

    background-color: var(--twoa-coffee) !important;

    color: #ffffff !important;

    border: 1px solid var(--twoa-gold) !important;

    border-radius: 7px !important;

    box-shadow:
        0 5px 13px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.08) !important;

    text-shadow:
        0 1px 1px rgba(0,0,0,.25) !important;

    transition:
        transform .18s ease,
        background .18s ease,
        border-color .18s ease,
        box-shadow .18s ease !important;
}


/* CTA hover */

html body.page-id-153
.elementor-element-7f77a2b
.elementor-button:hover,

html body.page-id-153
.elementor-element-ee1a339
.elementor-button:hover,

html body.page-id-153
.elementor-element-7f77a2b
.elementor-button:focus-visible,

html body.page-id-153
.elementor-element-ee1a339
.elementor-button:focus-visible {

    background:
        linear-gradient(
            180deg,
            #493629 0%,
            #34261d 55%,
            #251b15 100%
        ) !important;

    background-color: #34261d !important;

    color: var(--twoa-ivory) !important;

    border-color: var(--twoa-gold-light) !important;

    transform: translateY(-1px) !important;

    box-shadow:
        0 7px 16px rgba(0,0,0,.30),
        inset 0 1px 0 rgba(255,255,255,.10) !important;
}


/* Eski kırmızı CTA pseudo efektlerini iptal */

html body.page-id-153
.elementor-element-7f77a2b
.elementor-button::before,

html body.page-id-153
.elementor-element-7f77a2b
.elementor-button::after,

html body.page-id-153
.elementor-element-ee1a339
.elementor-button::before,

html body.page-id-153
.elementor-element-ee1a339
.elementor-button::after {

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}