/**
 * Maison Douce — Patisserie & Pastane sektör stilleri
 * Görseller gelince cover alanları ve slide arka planları tamamlanır.
 */

body.theme-kobi {
    --dk-surface: #f7f3ef;
    --dk-surface-alt: #efe8e0;
    --dk-ink: #2c1810;
    --dk-ink-soft: #5c4037;
    --dk-ink-muted: #8a6a5a;
    --dk-border: rgba(44, 24, 16, 0.09);
    --dk-border-strong: rgba(44, 24, 16, 0.16);
    --dk-gradient-warm: linear-gradient(
        145deg,
        #6b3f3a 0%,
        #4a2c28 48%,
        #2c1810 100%
    );
}

/* Soft parchment atmosphere */
body.theme-kobi {
    background-image:
        radial-gradient(ellipse 80% 50% at 10% -10%, rgba(107, 63, 58, 0.07), transparent 55%),
        radial-gradient(ellipse 60% 40% at 100% 0%, rgba(139, 105, 90, 0.06), transparent 50%);
}

body.theme-kobi .kobi-section-head__title {
    letter-spacing: -0.03em;
}

body.theme-kobi .kobi-section-head__desc {
    max-width: 36rem;
}

/* Product cards: calm, no heavy chrome */
body.theme-kobi .product-card,
body.theme-kobi .kobi-card {
    border-color: var(--dk-border);
    background: #fffcf9;
}

body.theme-kobi .product-card:hover,
body.theme-kobi .kobi-card:hover {
    border-color: color-mix(in srgb, var(--bs-primary) 35%, var(--dk-border));
}

/* Slides without images: readable brand plane */
body.theme-kobi .owl-carousel .item,
body.theme-kobi .slide-item,
body.theme-kobi .carousel-item {
    background: var(--dk-gradient-warm);
}

body.theme-kobi .theme-premium-header-shell .btn-primary,
body.theme-kobi .btn-primary {
    letter-spacing: 0.02em;
}

/* Footer warmth already set via DB; tighten link hover */
body.theme-kobi footer a:hover {
    color: #f5e6d3 !important;
}

@media (prefers-reduced-motion: no-preference) {
    body.theme-kobi .kobi-section-head__title {
        animation: md-fade-up 0.7s var(--dk-ease) both;
    }

    body.theme-kobi .home-section:nth-child(n+2) {
        animation: md-fade-up 0.8s var(--dk-ease) both;
        animation-delay: 0.06s;
    }

    @keyframes md-fade-up {
        from {
            opacity: 0;
            transform: translateY(12px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
}