/* ============================================
   CEVHERAN V2 — Sıcak Krem/Bej Renk Paleti
   Kaynak ilham: altinkaynak.com renk uyumu
   
   Bu dosya cevheran-theme.css'in ÜSTÜNE yüklenir.
   Sadece renkleri override eder, layout dokunulmaz.
   ============================================ */

/* === RENK DEĞİŞKENLERİ OVERRIDE === */
:root {
    --gold: #B8962E;
    --gold-light: #D4BC6A;
    --gold-dark: #8B6F1A;
    --diamond: #7FA8C9;
    --bg-dark: #F5F0E8;
    --bg-card: #FFFFFF;
    --bg-card-hover: #FAF7F2;
    --text-primary: #2C2218;
    --text-secondary: #6B5F52;
    --text-muted: #A09484;
    --border: #E0D8CC;
    --border-light: #EBE5DA;
}

/* === BODY === */
.cevheran-body {
    background: var(--bg-dark);
    color: var(--text-primary);
}

/* === DUYURU BANDI === */
.announcement-bar {
    background: linear-gradient(90deg, var(--gold-dark), var(--gold), var(--gold-dark));
    color: #FFFFFF;
}

/* === HEADER === */
.cevheran-body .header {
    background: rgba(245, 240, 232, 0.96);
    backdrop-filter: blur(16px);
    border-bottom: 1px solid var(--border);
}

.cevheran-body .logo {
    color: var(--gold-dark);
}

/* --- Arama Kutusu --- */
.header-search {
    background: #FAF7F2;
    border: 1px solid var(--border);
}

.header-search input {
    color: var(--text-primary);
}

.search-btn {
    background: var(--gold);
    color: #FFFFFF;
}

.search-btn:hover {
    background: var(--gold-dark);
}

/* --- Header İkonları --- */
.icon-btn {
    color: var(--text-secondary);
}

.icon-btn:hover {
    color: var(--gold-dark);
}

.icon-badge {
    background: var(--gold);
    color: #FFFFFF;
}

/* === HEADER NAV === */
.header-nav .nav-gold {
    color: var(--gold-dark);
    border-color: rgba(184, 150, 46, 0.3);
}

.header-nav .nav-gold:hover {
    background: var(--gold);
    color: #FFFFFF;
}

.header-nav .nav-diamond {
    color: var(--diamond);
    border-color: rgba(127, 168, 201, 0.3);
}

.header-nav .nav-diamond:hover {
    background: var(--diamond);
    color: #FFFFFF;
}

/* === KATEGORİ NAV BAR === */
.category-bar {
    background: #FDFAF5;
    border-bottom: 1px solid var(--border);
}

.catbar-item:hover {
    background: rgba(184, 150, 46, 0.06);
}

.catbar-icon {
    background: var(--bg-dark);
    border: 1px solid var(--border);
}

.catbar-item:hover .catbar-icon {
    border-color: var(--gold);
}

.catbar-item.active .catbar-icon {
    border-color: var(--gold);
    background: rgba(184, 150, 46, 0.08);
}

/* === HERO === */
.hero {
    background: linear-gradient(180deg, #EDE6D8 0%, var(--bg-dark) 100%);
}

.hero::before {
    background: radial-gradient(circle, rgba(184, 150, 46, 0.08) 0%, transparent 65%);
}

.hero-cta {
    background: var(--gold);
    color: #FFFFFF;
}

.hero-cta:hover {
    background: var(--gold-dark);
    box-shadow: 0 8px 32px rgba(184, 150, 46, 0.20);
}

/* === SPLIT HERO === */
.split-hero-half::after {
    background: radial-gradient(ellipse 60% 70% at center, rgba(245,240,232,0.7) 0%, rgba(245,240,232,0.3) 60%, transparent 100%);
}

.split-gold {
    background: linear-gradient(135deg, #E8DEC8 0%, #F0EAE0 100%);
}

.split-gold::before {
    background: radial-gradient(circle at center, rgba(184, 150, 46, 0.10) 0%, transparent 70%);
}

.split-diamond {
    background: linear-gradient(135deg, #DCE6EF 0%, #EAF0F5 100%);
}

.split-diamond::before {
    background: radial-gradient(circle at center, rgba(127, 168, 201, 0.10) 0%, transparent 70%);
}

.split-sub {
    color: rgba(44, 34, 24, 0.65);
    text-shadow: none;
}

.split-title {
    text-shadow: 0 1px 4px rgba(0,0,0,0.08);
}

.split-gold .split-title { color: var(--gold-dark); }
.split-diamond .split-title { color: #4A7A9E; }

.split-gold .split-icon { color: var(--gold-dark); }
.split-diamond .split-icon { color: #4A7A9E; }

.hero-dot {
    background: rgba(44, 34, 24, 0.2);
}

.hero-dot.active {
    background: rgba(44, 34, 24, 0.7);
}

.split-gold .split-cta {
    background: var(--gold);
    color: #FFFFFF;
}

.split-gold .split-cta:hover {
    background: var(--gold-dark);
    color: #FFFFFF;
    box-shadow: 0 4px 24px rgba(184, 150, 46, 0.25);
}

.split-diamond .split-cta {
    background: var(--diamond);
    color: #FFFFFF;
}

.split-diamond .split-cta:hover {
    background: #4A7A9E;
    color: #FFFFFF;
    box-shadow: 0 4px 24px rgba(127, 168, 201, 0.25);
}

.split-hero-half .hero-bg.active {
    opacity: 0.15;
}

.split-hero-half:hover .hero-bg.active {
    opacity: 0.25;
}

.split-gold .hero-bg {
    filter: sepia(0.2) saturate(0.8) brightness(1.0);
}

.split-diamond .hero-bg {
    filter: saturate(0.4) brightness(0.9) contrast(1.0);
}

/* Brand bar */
.brand-bar {
    background: #FDFAF5;
}

/* === GÜVEN ROZETLERİ === */
.trust-bar {
    background: #FDFAF5;
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
}

.trust-item svg {
    color: var(--gold-dark);
}

/* === TABS === */
.l1-tab {
    border: 1px solid var(--border);
    color: var(--text-secondary);
}

.l1-tab:hover {
    border-color: var(--gold);
    color: var(--text-primary);
}

.l1-tab.active {
    background: var(--gold);
    border-color: var(--gold);
    color: #FFFFFF;
}

/* === KATEGORİ KARTLARI === */
.category-card {
    background: #FFFFFF;
    border: 1px solid var(--border);
    box-shadow: 0 1px 3px rgba(44, 34, 24, 0.04);
}

.category-card:hover {
    background: var(--bg-card-hover);
    border-color: var(--gold);
    box-shadow: 0 4px 16px rgba(44, 34, 24, 0.08);
}

/* === ÜRÜN KARTLARI === */
.product-card {
    background: #FFFFFF;
    border: 1px solid var(--border);
    box-shadow: 0 1px 3px rgba(44, 34, 24, 0.04);
}

.product-card:hover {
    border-color: var(--gold);
    box-shadow: 0 6px 20px rgba(44, 34, 24, 0.10);
}

.product-card .card-image {
    background: #FAF7F2;
}

.product-card .card-category {
    background: rgba(184, 150, 46, 0.08);
    color: var(--gold-dark);
}

.product-card .card-cart-btn:hover {
    border-color: var(--gold);
    color: var(--gold-dark);
    background: rgba(184, 150, 46, 0.08);
}

/* === KOLEKSİYON VİTRİN (index) === */
.showcase-header.altin .showcase-title-row h2 { color: var(--gold-dark); }
.showcase-header.altin .showcase-title-row svg { stroke: var(--gold-dark); }
.showcase-header.pirlanta .showcase-title-row h2 { color: #4A7A9E; }
.showcase-header.pirlanta .showcase-title-row svg { stroke: #4A7A9E; }

.showcase-header.altin .showcase-nav a:hover {
    color: var(--gold-dark);
    border-bottom-color: var(--gold-dark);
}

.showcase-header.pirlanta .showcase-nav a:hover {
    color: #4A7A9E;
    border-bottom-color: #4A7A9E;
}

.showcase-header.altin .showcase-link:hover { color: var(--gold-dark); }
.showcase-header.pirlanta .showcase-link:hover { color: #4A7A9E; }

/* Cat card image overlay — açık tema için daha hafif */
.cat-card img {
    filter: brightness(0.65) saturate(0.9);
}

.cat-card:hover img {
    filter: brightness(0.75) saturate(1);
}

/* === L1 KOLEKSİYON SAYFASI === */
.l1-hero.gold {
    background: linear-gradient(135deg, #E8DEC8 0%, var(--bg-dark) 100%);
}

.l1-hero.diamond {
    background: linear-gradient(135deg, #DCE6EF 0%, var(--bg-dark) 100%);
}

.l1-hero::after {
    background: radial-gradient(ellipse 60% 80% at center, rgba(245,240,232,0.5) 0%, rgba(245,240,232,0.2) 50%, rgba(245,240,232,0.9) 100%);
}

.l1-hero-sub {
    color: rgba(44, 34, 24, 0.6);
    text-shadow: none;
}

.l1-hero-title {
    text-shadow: 0 1px 4px rgba(0,0,0,0.06);
}

.l1-hero.gold .l1-hero-title { color: var(--gold-dark); }
.l1-hero.diamond .l1-hero-title { color: #4A7A9E; }

.l1-hero-count {
    color: var(--text-secondary);
}

.l1-hero-dot {
    background: rgba(44, 34, 24, 0.2);
}

.l1-hero-dot.active {
    background: rgba(44, 34, 24, 0.6);
}

.l1-hero.gold .l1-hero-bg {
    filter: sepia(0.2) saturate(0.8) brightness(1.0);
}

.l1-hero.diamond .l1-hero-bg {
    filter: saturate(0.4) brightness(0.9) contrast(1.0);
}

.l1-hero-bg.active { opacity: 0.15; }

/* L1 Kategori Kartları — açık tema */
.l1-cat-card img {
    filter: brightness(0.65) saturate(0.9);
}

.l1-cat-card:hover img {
    filter: brightness(0.75) saturate(1);
}

.l1-cat-header.gold .l1-cat-title-row h2 { color: var(--gold-dark); }
.l1-cat-header.gold .l1-cat-title-row svg { stroke: var(--gold-dark); }
.l1-cat-header.diamond .l1-cat-title-row h2 { color: #4A7A9E; }
.l1-cat-header.diamond .l1-cat-title-row svg { stroke: #4A7A9E; }

.l1-cat-header.gold .l1-cat-nav a:hover,
.l1-cat-header.gold .l1-cat-nav a.active {
    color: var(--gold-dark);
    border-bottom-color: var(--gold-dark);
}

.l1-cat-header.diamond .l1-cat-nav a:hover,
.l1-cat-header.diamond .l1-cat-nav a.active {
    color: #4A7A9E;
    border-bottom-color: #4A7A9E;
}

.l1-featured {
    border-top: 1px solid var(--border);
}

/* === L3 FİLTRE CHIPS === */
.l3-chip.active {
    background: var(--gold);
    border-color: var(--gold);
    color: #FFFFFF;
}

/* === SAYFALAMA === */
.page-btn {
    background: #FFFFFF;
    border: 1px solid var(--border);
    color: var(--text-secondary);
}

.page-btn:hover:not(.active):not(.disabled) {
    color: var(--gold-dark);
    border-color: var(--gold);
    background: rgba(184, 150, 46, 0.06);
}

.page-btn.active {
    background: var(--gold);
    border-color: var(--gold);
    color: #FFFFFF;
}

/* === ÜRÜN DETAY === */
.pd-image-main {
    background: #FFFFFF;
    border: 1px solid var(--border);
}

.pd-brand-badge {
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid var(--border);
    color: var(--gold-dark);
}

.pd-fav-btn {
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid var(--border);
    color: var(--text-muted);
}

.pd-qty {
    background: #FFFFFF;
    border: 1px solid var(--border);
}

.pd-qty button {
    color: var(--text-primary);
}

.pd-qty button:hover {
    background: rgba(184, 150, 46, 0.06);
}

.pd-qty-val {
    color: var(--text-primary);
    border-left: 1px solid var(--border);
    border-right: 1px solid var(--border);
}

.pd-add-cart {
    background: var(--gold);
    color: #FFFFFF;
}

.pd-add-cart:hover {
    background: var(--gold-dark);
    box-shadow: 0 4px 20px rgba(184, 150, 46, 0.20);
}

.pd-trust {
    background: #FDFAF5;
    border: 1px solid var(--border);
}

.pd-trust-item svg {
    stroke: var(--gold-dark);
}

.pd-cert-badge {
    background: rgba(184, 150, 46, 0.06);
    border: 1px solid rgba(184, 150, 46, 0.25);
    color: var(--gold-dark);
}

/* Product detail popup */
.sng-prc-root {
    background: #FFFFFF;
    border: 1px solid var(--border);
}

/* Product detail option groups */
.pd-option-group {
    background: #FFFFFF;
    border: 1px solid var(--border);
}

.pd-option-head {
    background: #FAF7F2;
    border-bottom: 1px solid var(--border);
}

.pd-option-subtitle {
    background: #FAF7F2;
    border-bottom: 1px solid var(--border);
}

.pd-option-item:hover {
    background: rgba(184, 150, 46, 0.04);
}

/* === AUTH SAYFALARI === */
.auth-page::before {
    background: radial-gradient(ellipse at center top, rgba(184, 150, 46, 0.06) 0%, transparent 60%);
}

.auth-form-box {
    background: #FFFFFF;
    border: 1px solid var(--border);
    box-shadow: 0 2px 12px rgba(44, 34, 24, 0.06);
}

.auth-field input {
    background: #FAF7F2;
    border: 1px solid var(--border);
    color: var(--text-primary);
}

.auth-btn {
    background: var(--gold);
    color: #FFFFFF;
}

.auth-btn:hover {
    background: var(--gold-dark);
    box-shadow: 0 4px 20px rgba(184, 150, 46, 0.20);
}

/* === SEPET SAYFASI === */
.cart-item {
    background: #FFFFFF;
    border: 1px solid var(--border);
}

.cart-item:hover {
    border-color: rgba(184, 150, 46, 0.35);
}

.cart-item-img {
    background: #FAF7F2;
}

.cart-item-qty button {
    border: 1px solid var(--border);
    background: #FAF7F2;
    color: var(--text-secondary);
}

.cart-item-qty button:hover {
    border-color: var(--gold);
    color: var(--gold-dark);
}

.cart-item-qty span {
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
    background: #FFFFFF;
    color: var(--text-primary);
}

.cart-summary {
    background: #FFFFFF;
    border: 1px solid var(--border);
    box-shadow: 0 2px 12px rgba(44, 34, 24, 0.06);
}

.btn-checkout {
    background: var(--gold);
    color: #FFFFFF;
}

.btn-checkout:hover {
    background: var(--gold-dark);
    box-shadow: 0 4px 20px rgba(184, 150, 46, 0.20);
}

/* === ARAMA SAYFASI === */
.search-refine {
    background: #FFFFFF;
    border: 1px solid var(--border);
}

.search-refine input {
    color: var(--text-primary);
}

.search-refine-btn {
    background: var(--gold);
    color: #FFFFFF;
}

.search-refine-btn:hover {
    background: var(--gold-dark);
}

.filter-chip.active {
    background: var(--gold);
    border-color: var(--gold);
    color: #FFFFFF;
}

.sort-select {
    background: #FFFFFF;
    border: 1px solid var(--border);
    color: var(--text-primary);
}

/* Spinner */
.search-loading .spinner {
    border: 3px solid var(--border);
    border-top-color: var(--gold);
}

/* === FOOTER === */
.cevheran-body .footer {
    background: #2C2218;
}

.footer-brand .logo {
    color: var(--gold-light);
}

.footer-desc {
    color: #A09484;
}

.footer-social a {
    border: 1px solid #4A3F34;
    color: #8A8070;
}

.footer-social a:hover {
    border-color: var(--gold);
    color: var(--gold);
    background: rgba(184, 150, 46, 0.10);
}

.footer-address {
    color: #8A8070;
}

.footer-phone {
    color: #E8E0D4;
}

.footer-col h4 {
    color: #EDE6DA;
    border-bottom: 1px solid #3D3228;
}

.footer-col a {
    color: #8A8070;
}

.footer-col a:hover {
    color: var(--gold-light);
}

.footer-bottom {
    border-top: 1px solid #3D3228;
}

/* === CARD BODY LOADING OVERLAY === */
.card-body.loading::before {
    background-color: rgba(255, 255, 255, 0.5);
}

/* === section-title gold underline === */
.section-title::after {
    background: var(--gold);
}