:root {
    --theme-primary: #ffd60a;
    --theme-dark: #000000;
    --theme-light: #141414;
    --theme-heading: #ffffff;
    --theme-text: #ffffff;
    --theme-muted: rgba(255,255,255,0.54);
    --card-fg: #ffffff;
    --theme-font-family: Montserrat, Arial, sans-serif;
    --header-bg-opacity: 0.85;
    --nav-bg-opacity: 0.40;
    --nav-height:                76px;
    --nav-height-sticky:         60px;
    --nav-height-mobile:         92px;
    --nav-height-mobile-sticky:  74px;
    --header-bg-rgb: 0, 0, 0;
    --slide-title-size-mobile: 2.80rem;
    --slide-title-size-xs: 2.40rem;
    --wheel-size-desktop: 140px;
    --wheel-size-mobile: 80px;

    --srv-speed: 300ms;
    --srv-gap: 12px;
    --srv-per-page: 3;
    --srv-title-bg: rgba(255,255,255,0.88);
    --srv-title-color: #1e2228;
    --srv-title-radius: 12px;

    /* ── Logo Arka Plan Badge ── */
        --logo-bg: rgba(0,0,0,0.15);
    --logo-bg-radius: 100px;
    --logo-bg-padding: 9px;

    /* ── Mevcut alias'lar (geriye dönük uyumluluk) ── */
    --primary: var(--theme-primary);
    --accent: var(--theme-primary);
    --secondary: var(--theme-dark);
    --black: var(--theme-dark);
    --gray-50: var(--theme-light);
    --gray-600: var(--theme-text);
    --gray-700: var(--theme-heading);

    /* ── Yeni tema değişkenleri ── */
    --bg:          #000000;
    --card-bg:     #0c0c0c;
    --card-border: #ffffff;
    --link:        #ff7a00;
    --btn-text:    #000000;
    --footer-bg:   #000000;
    --footer-text: #ffffff;
    --topbar-bg:   #000000;
    --topbar-text: #ffffff;
    --radius:      24px;

    /* ── Floating Action Buttons (FAB) renk değişkenleri ── */
        --fab-phone-bg:           rgba(37,99,235,0.60);
    --fab-phone-bg-hover:     rgba(37,99,235,0.85);
    --fab-phone-icon:         #ffffff;
    --fab-phone-border:       #1d4ed8;
    --fab-whatsapp-bg:        rgba(37,211,102,1.00);
    --fab-whatsapp-bg-hover:  rgba(37,211,102,1.00);
    --fab-whatsapp-icon:      #ffffff;
    --fab-whatsapp-border:    #128c7e;
    --fab-backtop-bg:         rgba(30,34,40,1.00);
    --fab-backtop-bg-hover:   rgba(30,34,40,1.00);
    --fab-backtop-icon:       #ffffff;
    --fab-backtop-border:     #555555;

    /* ── Tarayıcı uyum bildirimi (OS karanlık modu müdahalesini önler) ── */
    color-scheme: dark;

    /* ── iOS / Android dokunma vurgusu ── */
    -webkit-tap-highlight-color: rgba(255,214,10,0.30);
}

body {
    font-family: var(--theme-font-family);
    color: var(--theme-text);
    background-color: var(--bg);
}

body.page-bg {
    position: relative;
    isolation: isolate;
    background-color: var(--page-bg-color, var(--theme-light));
    background-image: var(--page-bg-image, none);
    background-position: var(--page-bg-position, center center);
    background-size: var(--page-bg-size, cover);
    background-repeat: var(--page-bg-repeat, no-repeat);
    background-attachment: var(--page-bg-attachment, scroll);
}

body.page-bg::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background: var(--page-bg-overlay-color, transparent);
    opacity: var(--page-bg-overlay-opacity, 0);
}

body.page-bg main,
body.page-bg .footer-v8 {
    position: relative;
    z-index: 1;
}

/* Header'ın page-bg overlay'inin üstünde kalması için sadece z-index — position kararı
 * component CSS'lerine (header-v9.css default, carousel-v1.css hero-slider-page override) bırakılır. */
body.page-bg .site-header-v9 {
    z-index: 10000;
}

body.page-bg .site-main-nav,
body.page-bg .site-desktop-nav,
body.page-bg .site-menu,
body.page-bg .site-menu > li,
body.page-bg .dropdown-menu {
    z-index: 10001;
}

h1,
h2,
h3,
h4,
h5,
h6,
.section-title,
.section-title h2,
.section-title h3 {
    color: var(--theme-heading);
}

.announcement-bar,
.hero-overlay,
.scroll-to-top {
    background-color: var(--theme-dark);
}

.footer-v8 {
    background-color: var(--footer-bg);
    color: var(--footer-text);
}

.btn,
.primary-btn,
.floating-btn,
button[type="submit"],
input[type="submit"] {
    border-color: var(--theme-primary);
}

/* ── Köşe Yuvarlama (--radius) — panel'den yönetilir ── */
.btn,
.primary-btn,
button[type="submit"],
input[type="submit"],
.cta-btn,
.hizmet-card,
.service-card,
.card,
.info-card,
.feature-card,
.testimonial-card,
.team-card,
.galeri-item,
.faq-item,
.blog-card,
.contact-form,
.alert,
.badge,
.tag,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="search"],
textarea,
select {
    border-radius: var(--radius, 6px);
}

a:hover,
.nav-menu a:hover,
.nav-menu a.active {
    color: var(--theme-primary);
}

body.page-bg-default {
    --page-bg-color: var(--theme-light);
    --page-bg-image: none;
    --page-bg-position: center center;
    --page-bg-size: cover;
    --page-bg-repeat: no-repeat;
    --page-bg-attachment: scroll;
    --page-bg-overlay-color: #000000;
    --page-bg-overlay-opacity: 0.00;
}


body.page-bg-home {
    --page-bg-color: #1f222e;
    --page-bg-image: none;
    --page-bg-position: center center;
    --page-bg-size: cover;
    --page-bg-repeat: no-repeat;
    --page-bg-attachment: scroll;
    --page-bg-overlay-color: #000000;
    --page-bg-overlay-opacity: 0.00;
}


body.page-bg-about {
    --page-bg-color: var(--theme-light);
    --page-bg-image: none;
    --page-bg-position: center center;
    --page-bg-size: cover;
    --page-bg-repeat: no-repeat;
    --page-bg-attachment: scroll;
    --page-bg-overlay-color: #000000;
    --page-bg-overlay-opacity: 0.00;
}


body.page-bg-services {
    --page-bg-color: var(--theme-light);
    --page-bg-image: none;
    --page-bg-position: center center;
    --page-bg-size: cover;
    --page-bg-repeat: no-repeat;
    --page-bg-attachment: scroll;
    --page-bg-overlay-color: #000000;
    --page-bg-overlay-opacity: 0.00;
}


body.page-bg-service_detail {
    --page-bg-color: var(--theme-light);
    --page-bg-image: none;
    --page-bg-position: center center;
    --page-bg-size: cover;
    --page-bg-repeat: no-repeat;
    --page-bg-attachment: scroll;
    --page-bg-overlay-color: #000000;
    --page-bg-overlay-opacity: 0.00;
}


body.page-bg-gallery {
    --page-bg-color: var(--theme-light);
    --page-bg-image: none;
    --page-bg-position: center center;
    --page-bg-size: cover;
    --page-bg-repeat: no-repeat;
    --page-bg-attachment: scroll;
    --page-bg-overlay-color: #000000;
    --page-bg-overlay-opacity: 0.00;
}


body.page-bg-regions {
    --page-bg-color: var(--theme-light);
    --page-bg-image: none;
    --page-bg-position: center center;
    --page-bg-size: cover;
    --page-bg-repeat: no-repeat;
    --page-bg-attachment: scroll;
    --page-bg-overlay-color: #000000;
    --page-bg-overlay-opacity: 0.00;
}


body.page-bg-region_detail {
    --page-bg-color: var(--theme-light);
    --page-bg-image: none;
    --page-bg-position: center center;
    --page-bg-size: cover;
    --page-bg-repeat: no-repeat;
    --page-bg-attachment: scroll;
    --page-bg-overlay-color: #000000;
    --page-bg-overlay-opacity: 0.00;
}


body.page-bg-contact {
    --page-bg-color: var(--theme-light);
    --page-bg-image: none;
    --page-bg-position: center center;
    --page-bg-size: cover;
    --page-bg-repeat: no-repeat;
    --page-bg-attachment: scroll;
    --page-bg-overlay-color: #000000;
    --page-bg-overlay-opacity: 0.00;
}


body.page-bg-faq {
    --page-bg-color: var(--theme-light);
    --page-bg-image: none;
    --page-bg-position: center center;
    --page-bg-size: cover;
    --page-bg-repeat: no-repeat;
    --page-bg-attachment: scroll;
    --page-bg-overlay-color: #000000;
    --page-bg-overlay-opacity: 0.00;
}


body.page-bg-testimonials {
    --page-bg-color: var(--theme-light);
    --page-bg-image: none;
    --page-bg-position: center center;
    --page-bg-size: cover;
    --page-bg-repeat: no-repeat;
    --page-bg-attachment: scroll;
    --page-bg-overlay-color: #000000;
    --page-bg-overlay-opacity: 0.00;
}


body.page-bg-why_us {
    --page-bg-color: var(--theme-light);
    --page-bg-image: none;
    --page-bg-position: center center;
    --page-bg-size: cover;
    --page-bg-repeat: no-repeat;
    --page-bg-attachment: scroll;
    --page-bg-overlay-color: #000000;
    --page-bg-overlay-opacity: 0.00;
}


body.page-bg-work_process {
    --page-bg-color: var(--theme-light);
    --page-bg-image: none;
    --page-bg-position: center center;
    --page-bg-size: cover;
    --page-bg-repeat: no-repeat;
    --page-bg-attachment: scroll;
    --page-bg-overlay-color: #000000;
    --page-bg-overlay-opacity: 0.00;
}


body.page-bg-products {
    --page-bg-color: var(--theme-light);
    --page-bg-image: none;
    --page-bg-position: center center;
    --page-bg-size: cover;
    --page-bg-repeat: no-repeat;
    --page-bg-attachment: scroll;
    --page-bg-overlay-color: #000000;
    --page-bg-overlay-opacity: 0.00;
}


body.page-bg-product_detail {
    --page-bg-color: var(--theme-light);
    --page-bg-image: none;
    --page-bg-position: center center;
    --page-bg-size: cover;
    --page-bg-repeat: no-repeat;
    --page-bg-attachment: scroll;
    --page-bg-overlay-color: #000000;
    --page-bg-overlay-opacity: 0.00;
}


body.page-bg-not_found {
    --page-bg-color: var(--theme-light);
    --page-bg-image: none;
    --page-bg-position: center center;
    --page-bg-size: cover;
    --page-bg-repeat: no-repeat;
    --page-bg-attachment: scroll;
    --page-bg-overlay-color: #000000;
    --page-bg-overlay-opacity: 0.00;
}



@media (max-width: 991px) {
    .site-topbar {
        display: none;
    }

    .site-main-nav-inner {
        /* --nav-height-mobile → tema.css.php'den gelir, paneldeki mobil boyut seçimine göre */
        min-height: var(--nav-height-mobile, 70px);
        gap: 16px;
    }

    .site-main-nav.is-sticky .site-main-nav-inner {
        min-height: var(--nav-height-mobile-sticky, 56px);
    }

    .site-logo {
        height: var(--nav-height-mobile, 70px);
    }

    .site-main-nav.is-sticky .site-logo {
        height: var(--nav-height-mobile-sticky, 56px);
    }

    /* Doğrudan img ve badge içindeki img: her ikisi de height:100% ile badge/container'ı doldurur */
    .site-logo img {
        height: 100%;
        max-width: 180px;
        object-fit: contain;
    }

    .site-desktop-nav {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        display: none;
        background: var(--card-bg, #fff);
        border-top: 1px solid var(--card-border, rgba(30, 34, 40, 0.08));
        box-shadow: 0 18px 28px rgba(30, 34, 40, 0.14);
    }

    .site-desktop-nav.is-open {
        display: block;
    }

    .site-menu {
        display: block;
        max-height: calc(100vh - var(--nav-height-mobile, 70px));
        overflow-y: auto;
        padding: 8px 0;
    }

    .site-menu a {
        width: 100%;
        justify-content: space-between;
        padding: 12px 20px;
        white-space: normal;
    }

    .site-header-cta {
        display: none;
    }

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

    .dropdown-menu {
        position: static;
        display: none;
        min-width: 0;
        padding: 0;
        border: 0;
        box-shadow: none;
        background: var(--bg, #f4f5f8);
        opacity: 1;
        visibility: visible;
        transform: none;
    }

    .has-dropdown:hover > .dropdown-menu {
        display: none;
    }

    .has-dropdown.is-open > .dropdown-menu {
        display: block;
    }

    .dropdown-menu a {
        padding-left: 34px;
    }
}

/* ──────────────────────────────────────────────────────────
   Logo Arka Plan Badge
   ─ HEADER (.site-logo .logo-badge):
     align-items:stretch ile tam nav yüksekliğini doldurur.
     box-sizing:border-box → padding IÇERIDE, dışa taşma yok.
     Logo img = nav-height - 2*padding kadar büyür.
   ─ FOOTER / DİĞER (.footer-col, .site_logo):
     Eski inline-block davranışı korunur.
   ────────────────────────────────────────────────────────── */

/* ── Header nav badge: nav yüksekliğini TAM doldurur ── */
.site-logo .logo-badge {
    box-sizing: border-box;        /* padding nav-height IÇINDE */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--logo-bg-padding, 5px);
    background-color: var(--logo-bg, transparent);
    border-radius: var(--logo-bg-radius, 8px);
    overflow: hidden;              /* radius clip */
    transition: background-color 0.3s ease;
}
.site-logo .logo-badge img {
    height: 100%;                  /* badge content-area yüksekliği = nav - 2×padding */
    width: auto;
    max-width: 220px;
    object-fit: contain;
    display: block;
    flex-shrink: 0;
}

/* ── Footer ve diğer bölümler: eski davranış korunur ── */
.footer-col .logo-badge,
.site_logo .logo-badge {
    display: inline-block;
    line-height: 0;
    padding: var(--logo-bg-padding, 5px);
    background-color: var(--logo-bg, transparent);
    border-radius: var(--logo-bg-radius, 8px);
    transition: background-color 0.3s ease;
}
.footer-col .logo-badge img,
.site_logo .logo-badge img {
    display: block;
}

/* Bölge kartlarında "Logo Kullan" işaretli olduğunda görsel olarak
   logo basılır (.blog-image--logo). Badge aktifse arka plan + radius
   panel ayarlarından gelir; aksi halde kart bg'sine düşer. */
.blog-image--logo {
    object-fit: contain;
    background: var(--card-bg, #f5f5f5);
    padding: 1rem;
    border-radius: 0;
    transition: background-color 0.3s ease, border-radius 0.3s ease;
}
body[data-logo-bg="1"] .blog-image--logo {
    background-color: var(--logo-bg);
    border-radius: var(--logo-bg-radius, 8px);
}