/*
 * themes.css — site temalari.
 *
 * Aktif tema `settings.active_theme` alanindan gelir ve layout'ta
 * <body class="site theme-XXX"> olarak basilir. `?tema=astarti` ile
 * oturum bazli onizleme yapilabilir (bkz. app/bootstrap.php).
 *
 * Yeni tema eklerken:
 *   1) bu dosyaya body.theme-<ad> blogu ekleyin,
 *   2) app/bootstrap.php icindeki $allowedThemes dizisine adi yazin,
 *   3) AdminController::updateSettings() dogrulama listesine ekleyin,
 *   4) admin ayarlar formundaki tema <select> alanina secenek ekleyin.
 */

/* ===================================================================
   ASTARTI — marka temasi (logodan: lacivert #123047, kirmizi #d71920,
   altin #d9b36a). Varsayilan onerilen tema.
   =================================================================== */

body.theme-astarti {
    --navy-rgb: 18, 48, 71;
    --accent-rgb: 215, 25, 32;
    --accent: #d71920;
    --accent-dark: #a5121a;
    --orange: #d71920;
    --orange-dark: #a5121a;
    --gold: #d9b36a;
    --gold-dark: #a78645;
    --footer-bg: #0d2233;
    --line: rgba(18, 48, 71, .14);
    --shadow: 0 20px 55px rgba(18, 48, 71, .13);

    --navy: #123047;
    --navy-2: #1b4a6d;
    --bg: #f4f6f9;
    --surface-2: #eef2f6;
    --text: #0f2231;
    --muted: #5c7085;

    /* Kahraman gorsel ustundeki renk yikamasi: kirmizi yerine altin,
       aksi halde fotograflar uzerinde kirmizi asiri baskin duruyor. */
    --hero-tint: rgba(217, 179, 106, .22);
    --card-tint: rgba(217, 179, 106, .26);
}

/* Ust seride altin ayrac */
body.theme-astarti .top-strip {
    border-bottom: 2px solid var(--gold);
}

body.theme-astarti .top-left span::before {
    background: var(--gold);
}

/* Menu: aktif/hover kirmizi, acilir menu ustu altin */
body.theme-astarti .submenu {
    border-top: 3px solid var(--gold);
}

/* Koyu zeminlerde kirmizi yazi okunmuyor; oralarda altin kullanilir */
body.theme-astarti .hero .eyebrow,
body.theme-astarti .page-hero span,
body.theme-astarti .detail-hero span,
body.theme-astarti .cta-band .eyebrow {
    color: var(--gold);
}

/* Bolum basliklarinin altinda kisa altin cizgi */
body.theme-astarti .section-head h2::after {
    content: "";
    display: block;
    width: 74px;
    height: 3px;
    margin-top: 18px;
    background: linear-gradient(90deg, var(--gold), var(--gold-dark));
}

body.theme-astarti .section-head.centered h2::after {
    margin-left: auto;
    margin-right: auto;
}

body.theme-astarti .about-copy h2::after {
    content: "";
    display: block;
    width: 74px;
    height: 3px;
    margin-top: 18px;
    background: linear-gradient(90deg, var(--gold), var(--gold-dark));
}

/* Teklif paneli ve ozellik seridi */
body.theme-astarti .quote-panel {
    border-bottom: 4px solid var(--gold);
}

body.theme-astarti .hero-feature-row {
    border-top: 3px solid var(--accent);
}

body.theme-astarti .hero-feature-row strong {
    color: var(--gold-dark);
}

/* Deneyim rozeti: kirmizi zemin yerine lacivert + altin cerceve */
body.theme-astarti .experience-box {
    background: var(--navy);
    border: 2px solid var(--gold);
}

body.theme-astarti .experience-box strong {
    color: var(--gold);
}

/* Onay listesi tikleri altin zemin, lacivert isaret */
body.theme-astarti .check-list span::before {
    background: var(--gold);
    color: var(--navy);
}

body.theme-astarti .card-number {
    color: var(--gold-dark);
}

/* Yan kolon */
body.theme-astarti .sidebar-box h3 {
    border-bottom: 3px solid var(--gold);
}

body.theme-astarti .sidebar-cta {
    background: linear-gradient(135deg, var(--navy), var(--navy-2));
    border-top: 3px solid var(--gold);
}

body.theme-astarti .sidebar-cta span {
    color: var(--gold);
}

/* Alt bantlar */
body.theme-astarti .cta-band {
    border-top: 3px solid var(--gold);
}

body.theme-astarti .site-footer {
    border-top: 3px solid var(--gold);
}

body.theme-astarti .site-footer h3 {
    color: var(--gold);
}

body.theme-astarti .footer-social a:hover {
    border-color: var(--gold);
    background: var(--gold);
    color: var(--navy);
}

body.theme-astarti .button.ghost {
    border-color: var(--gold);
    color: var(--gold);
}

body.theme-astarti .button.ghost:hover {
    background: var(--gold);
    color: var(--navy);
}

/* ===================================================================
   ENDUSTRI — grafit/celik zemin + canli turuncu. Sanayi/agir hizmet
   hissi; astarti'dan lacivert yerine grafit ile ayrilir.
   =================================================================== */

body.theme-endustri {
    --navy-rgb: 38, 50, 56;
    --accent-rgb: 255, 106, 0;
    --accent: #ff6a00;
    --accent-dark: #d95600;
    --orange: #ff6a00;
    --orange-dark: #d95600;
    --gold: #ff8c3b;
    --gold-dark: #d95600;
    --footer-bg: #1b2226;
    --line: rgba(38, 50, 56, .14);
    --shadow: 0 20px 55px rgba(38, 50, 56, .16);

    --navy: #263238;
    --navy-2: #37474f;
    --bg: #eceff1;
    --surface-2: #dfe4e7;
    --text: #1f272b;
    --muted: #5f6f78;

    --hero-tint: rgba(255, 106, 0, .26);
    --card-tint: rgba(255, 106, 0, .3);
}

/* Endustri: keskin, teknik his */
body.theme-endustri .section-head span,
body.theme-endustri .eyebrow {
    letter-spacing: .12em;
}

/* ===================================================================
   PRESTIJ — sicak, acik ve daha sakin kurumsal varyant.
   (Onceden yalnizca isim olarak vardi, hicbir stili yoktu.)
   =================================================================== */

body.theme-prestij {
    --navy-rgb: 28, 28, 34;
    --accent-rgb: 184, 145, 47;
    --accent: #b8912f;
    --accent-dark: #8d6d20;
    --orange: #b8912f;
    --orange-dark: #8d6d20;
    --gold: #b8912f;
    --gold-dark: #8d6d20;
    --footer-bg: #16161b;
    --line: rgba(28, 28, 34, .14);
    --shadow: 0 20px 55px rgba(28, 28, 34, .14);

    --navy: #1c1c22;
    --navy-2: #2b2b34;
    --bg: #faf8f4;
    --surface-2: #f2ede4;
    --text: #1a1a20;
    --muted: #6b6a66;

    --hero-tint: rgba(184, 145, 47, .3);
    --card-tint: rgba(184, 145, 47, .34);
}

body.theme-prestij .section-head h2,
body.theme-prestij .about-copy h2,
body.theme-prestij .hero h1 {
    letter-spacing: -.01em;
}

body.theme-prestij .sidebar-box,
body.theme-prestij .sidebar-cta,
body.theme-prestij .quote-panel,
body.theme-prestij .product-card-body {
    border-radius: 14px;
}

/* ===================================================================
   TUM TEMALAR icin ortak dekoratif vurgular (--gold / --accent ile).
   Boylece 5 tema da kendi renginde tutarli aksanlar alir.
   =================================================================== */
body.site .top-strip { border-bottom: 2px solid var(--gold); }
body.site .top-left span::before { background: var(--gold); }
body.site .submenu { border-top: 3px solid var(--gold); }
body.site .section-head h2::after,
body.site .about-copy h2::after {
    content: "";
    display: block;
    width: 74px;
    height: 3px;
    margin-top: 18px;
    background: linear-gradient(90deg, var(--gold), var(--gold-dark, var(--accent-dark)));
}
body.site .section-head.centered h2::after { margin-left: auto; margin-right: auto; }
body.site .sidebar-box h3 { border-bottom: 3px solid var(--gold); }
body.site .cta-band { border-top: 3px solid var(--gold); }
body.site .site-footer { border-top: 3px solid var(--gold); }
body.site .site-footer h3 { color: var(--gold); }
body.site .hero-feature-row { border-top: 3px solid var(--accent); }
body.site .footer-social a:hover { border-color: var(--gold); background: var(--gold); color: var(--navy); }

/* ===================================================================
   KOBALT — beyaz zemin, kobalt mavi + cyan. Modern/temiz teknoloji hissi.
   =================================================================== */
body.theme-kobalt {
    --navy-rgb: 11, 42, 107;
    --accent-rgb: 29, 78, 216;
    --accent: #1d4ed8;
    --accent-dark: #1e40af;
    --orange: #1d4ed8;
    --orange-dark: #1e40af;
    --gold: #06b6d4;
    --gold-dark: #0891b2;
    --footer-bg: #0a1f4d;
    --line: rgba(11, 42, 107, .13);
    --shadow: 0 20px 55px rgba(11, 42, 107, .16);

    --navy: #0b2a6b;
    --navy-2: #123a8a;
    --bg: #f5f8ff;
    --surface-2: #e8eefb;
    --text: #10203f;
    --muted: #5a6b8c;

    --hero-tint: rgba(6, 182, 212, .26);
    --card-tint: rgba(6, 182, 212, .3);
}
body.theme-kobalt .sidebar-box,
body.theme-kobalt .sidebar-cta,
body.theme-kobalt .quote-panel,
body.theme-kobalt .product-card-body,
body.theme-kobalt .content-card,
body.theme-kobalt .service-card { border-radius: 8px; }

/* ===================================================================
   ZUMRUT — koyu yesil + lime, krem zemin. Tarim/dogal, sicak kurumsal.
   =================================================================== */
body.theme-zumrut {
    --navy-rgb: 20, 67, 47;
    --accent-rgb: 21, 128, 61;
    --accent: #15803d;
    --accent-dark: #14532d;
    --orange: #15803d;
    --orange-dark: #14532d;
    --gold: #84cc16;
    --gold-dark: #65a30d;
    --footer-bg: #0f3323;
    --line: rgba(20, 67, 47, .14);
    --shadow: 0 20px 55px rgba(20, 67, 47, .16);

    --navy: #14432f;
    --navy-2: #1c5a3f;
    --bg: #f3f7f2;
    --surface-2: #e4efe3;
    --text: #12281c;
    --muted: #5c6f5f;

    --hero-tint: rgba(132, 204, 22, .24);
    --card-tint: rgba(132, 204, 22, .3);
}
body.theme-zumrut .sidebar-box,
body.theme-zumrut .sidebar-cta,
body.theme-zumrut .quote-panel,
body.theme-zumrut .product-card-body,
body.theme-zumrut .content-card,
body.theme-zumrut .service-card { border-radius: 12px; }

/* Koyu hero/CTA uzerindeki eyebrow her temada ikincil (gold) renkte okunur */
body.site .hero .eyebrow,
body.site .page-hero span,
body.site .detail-hero span,
body.site .cta-band .eyebrow { color: var(--gold); }

/* ###################################################################
   YAPISAL TEMA FARKLARI — her tema yalnizca renk degil; menu, hero,
   kart ve widget yerlesimi de degisir. (Astarti = klasik referans.)
   ################################################################### */

/* ========== ENDUSTRI: koyu sanayi header + iri hero + duz kartlar ===== */
.theme-endustri .site-header { background: var(--navy); box-shadow: none; border-bottom: 3px solid var(--accent); }
.theme-endustri .top-strip { background: rgba(0,0,0,.28); color: rgba(255,255,255,.75); }
.theme-endustri .main-nav-wrap { background: transparent; }
.theme-endustri .brand-dark { display: none; }
.theme-endustri .brand-light { display: block; }
.theme-endustri .nav-item > a { color: #fff; text-transform: uppercase; font-size: 13px; letter-spacing: .06em; font-weight: 800; }
.theme-endustri .nav-item > a:hover { color: var(--accent); }
.theme-endustri .nav-search-btn,
.theme-endustri .cart-btn { border-color: rgba(255,255,255,.28); color: #fff; }
.theme-endustri .cart-btn:hover { border-color: var(--accent); color: var(--accent); }
.theme-endustri .transhub-hero { min-height: 660px; }
.theme-endustri .hero h1 { font-size: clamp(46px, 6.5vw, 92px); text-transform: uppercase; letter-spacing: -.01em; }
.theme-endustri .quote-panel { background: var(--accent); border: 0; box-shadow: 0 20px 45px rgba(255,106,0,.35); }
.theme-endustri .quote-panel span,
.theme-endustri .quote-panel strong,
.theme-endustri .quote-panel a { color: #fff; }
.theme-endustri .hero-feature-row div { background: var(--navy); color: #fff; border-right-color: rgba(255,255,255,.12); }
.theme-endustri .hero-feature-row strong { color: var(--accent); }
.theme-endustri .hero-feature-row span { color: rgba(255,255,255,.8); }
.theme-endustri .service-card,
.theme-endustri .content-card { border-radius: 0; border-left: 4px solid var(--accent); box-shadow: 0 14px 30px rgba(38,50,56,.1); }
.theme-endustri .section-head span { color: var(--accent); }

/* ========== PRESTIJ: ortali logo + alta merkezi menu + serif basliklar == */
.theme-prestij .main-nav { position: relative; flex-wrap: wrap; justify-content: center; align-items: center; row-gap: 4px; min-height: 0; padding: 14px 0 6px; }
.theme-prestij .brand { flex-basis: 100%; display: flex; justify-content: center; }
.theme-prestij .brand img { width: 260px; max-width: 260px; }
.theme-prestij .desktop-nav { order: 3; flex-basis: 100%; justify-content: center; gap: 6px; }
.theme-prestij .nav-item > a { min-height: 56px; text-transform: uppercase; letter-spacing: .1em; font-size: 13px; font-weight: 700; }
.theme-prestij .nav-actions { position: absolute; top: 18px; right: 0; }
.theme-prestij .hero h1,
.theme-prestij .section-head h2,
.theme-prestij .about-copy h2,
.theme-prestij .page-hero h1,
.theme-prestij .detail-hero h1 { font-family: Georgia, "Times New Roman", "Nunito Sans", serif; letter-spacing: 0; }
.theme-prestij .section-head { justify-content: center; text-align: center; }
.theme-prestij .section-head.centered h2::after,
.theme-prestij .section-head h2::after { margin-left: auto; margin-right: auto; }
.theme-prestij .transhub-hero { min-height: 620px; }
.theme-prestij .service-card,
.theme-prestij .content-card,
.theme-prestij .quote-panel,
.theme-prestij .sidebar-box,
.theme-prestij .product-card-body { border-radius: 16px; }
.theme-prestij .section { padding: 110px 0; }

/* ========== KOBALT: cam (glass) sticky header + pill + gradient hero ==== */
.theme-kobalt .site-header { background: rgba(255,255,255,.78); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
.theme-kobalt .nav-item > a { border-radius: 999px; padding: 0 16px; min-height: 40px; margin: 0 2px; }
.theme-kobalt .nav-item > a:hover { background: var(--surface-2); color: var(--accent); }
.theme-kobalt .button,
.theme-kobalt .quote-btn,
.theme-kobalt .add-quote button,
.theme-kobalt .cart-btn,
.theme-kobalt .nav-search-btn,
.theme-kobalt .button.primary { border-radius: 999px; }
.theme-kobalt .transhub-hero::before {
    background:
        linear-gradient(120deg, rgba(11,42,107,.92), rgba(29,78,216,.75) 45%, rgba(6,182,212,.35)),
        linear-gradient(135deg, var(--hero-tint), transparent 40%);
}
.theme-kobalt .quote-panel { border-radius: 20px; background: rgba(255,255,255,.9); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.theme-kobalt .service-card,
.theme-kobalt .content-card,
.theme-kobalt .project-card { border-radius: 18px; overflow: hidden; box-shadow: 0 20px 50px rgba(11,42,107,.14); transition: transform .25s ease, box-shadow .25s ease; }
.theme-kobalt .service-card:hover,
.theme-kobalt .content-card:hover { transform: translateY(-8px); box-shadow: 0 30px 60px rgba(11,42,107,.2); }
.theme-kobalt .hero-feature-row { border-radius: 16px; overflow: hidden; }

/* ========== ZUMRUT: organik yuvarlak header + yumusak iri kartlar ====== */
.theme-zumrut .main-nav-wrap { padding: 8px 0; }
.theme-zumrut .main-nav { background: var(--surface); border-radius: 999px; padding: 6px 10px 6px 18px; box-shadow: 0 10px 30px rgba(20,67,47,.1); min-height: 84px; margin-top: 8px; }
.theme-zumrut .nav-item > a { min-height: 64px; border-radius: 999px; padding: 0 14px; }
.theme-zumrut .nav-item > a:hover { background: var(--surface-2); color: var(--accent); }
.theme-zumrut .button,
.theme-zumrut .quote-btn,
.theme-zumrut .add-quote button,
.theme-zumrut .cart-btn,
.theme-zumrut .nav-search-btn { border-radius: 999px; }
.theme-zumrut .transhub-hero { border-radius: 0 0 44px 44px; overflow: hidden; }
.theme-zumrut .service-card,
.theme-zumrut .content-card,
.theme-zumrut .project-card,
.theme-zumrut .quote-panel,
.theme-zumrut .sidebar-box,
.theme-zumrut .product-card-body,
.theme-zumrut .about-media img { border-radius: 24px; overflow: hidden; }
.theme-zumrut .service-card figure img { border-radius: 0; }
.theme-zumrut .experience-box { border-radius: 20px; }

/* Nav sikismasini onlemek icin tema-bazli ince ayarlar */
.theme-endustri .nav-item > a { padding: 0 8px; font-size: 12px; letter-spacing: .03em; }
.theme-endustri .desktop-nav { gap: 0; }
.theme-kobalt .nav-item > a { padding: 0 11px; }
.theme-zumrut .nav-item > a { padding: 0 10px; }
.theme-zumrut .main-nav { padding-left: 14px; }
