:root {
    --theme-primary: #f6b704;
    --theme-dark: #0d1117;
    --theme-light: #161b22;
    --theme-heading: #e6edf3;
    --theme-text: #b1bac4;
    --theme-muted: rgba(255,255,255,0.54);
    --card-fg: #ffffff;
    --theme-font-family: Poppins, Arial, sans-serif;
    --header-bg-opacity: 0.40;
    --nav-bg-opacity: 0.10;
    --wheel-size-desktop: 140px;
    --wheel-size-mobile: 80px;

    --srv-speed: 4000ms;
    --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(255,255,255,0.70);
    --logo-bg-radius: 100px;
    --logo-bg-padding: 5px;

    /* ── 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:          #0d1117;
    --card-bg:     #161b22;
    --card-border: #30363d;
    --link:        #f6b704;
    --btn-text:    #0d1117;
    --footer-bg:   #010409;
    --footer-text: #e6edf3;
    --topbar-bg:   #010409;
    --topbar-text: #e6edf3;
    --radius:      6px;

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

    /* ── iOS / Android dokunma vurgusu ── */
    -webkit-tap-highlight-color: rgba(246,183,4,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);
}

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: fixed;
    --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 {
        min-height: 76px;
        gap: 16px;
    }

    .site-logo img,
    .site-main-nav.is-sticky .site-logo img {
        height: 58px;
        max-width: 180px;
    }

    .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 - 76px);
        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 — yalnızca panel'den aktif edildiğinde
   logo etrafına sabit padding'li, yuvarlatılmış arka plan ekler.
   Padding logo boyutundan bağımsız sabit pikseldir.
   Header, footer, mobil yan menü ve bölge kartlarında
   (use_logo işaretli) otomatik olarak uygulanır.
   ────────────────────────────────────────────────────────── */
.site-logo .logo-badge,
.footer-col .logo-badge,
.site_logo .logo-badge {
    display: inline-block;
    line-height: 0;                         /* img alt boşluğu kaybolsun */
    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;
}
.site-logo .logo-badge img,
.footer-col .logo-badge img,
.site_logo .logo-badge img {
    display: block;                         /* baseline boşluğu yok */
}

/* 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);
}