/* ==========================================================
   AMR – renk paleti, kaydırma animasyonları, yan bölüm menüsü
   Renkleri değiştirmek için sadece aşağıdaki :root bloğunu düzenleyin.
   ========================================================== */
:root {
    --c-bg: #faf9f7;        /* genel sayfa zemini */
    --c-bg-alt: #f1eeea;    /* dönüşümlü bölüm zemini */
    --c-text: #4a4745;      /* paragraf yazı rengi */
    --c-heading: #2f2d2b;   /* başlık rengi */
    --c-accent: #b7a98c;    /* vurgu (aktif nokta, hover) */
    --c-line: #d9d3c9;      /* ince çizgiler */
}

html { scroll-behavior: smooth; }
body { background: var(--c-bg); color: var(--c-text); }

/* ---------- Renkler (sadece içerik bölümleri) ---------- */
.about-us, .our-collections, .collection-content,
.collection-detail-text, .contact-layer, .collection-other { background: var(--c-bg); }
.our-news, .contact-form { background: var(--c-bg-alt); }

.about-us h3, .our-collections h3, .our-news h3, .contact-form h2,
.content-title-text h2, .collection-detail-text h2, .collection-other h3,
.collection-slogan h3 { color: var(--c-heading); }

.about-us p, .our-collections p, .our-news p, .contact-form h6,
.content-title-text p, .collection-content article, .collection-detail-text article,
.mail-contact p, .collection-contact-note p { color: var(--c-text); }

.mail-contact a, .collection-contact-note a {
    color: var(--c-heading);
    text-decoration: none;
    border-bottom: 1px solid var(--c-line);
    transition: color .3s ease, border-color .3s ease;
}
.mail-contact a:hover, .collection-contact-note a:hover {
    color: var(--c-accent);
    border-color: var(--c-accent);
}

.more-btn, .more-btn-line, .more-btn-new-detail {
    color: var(--c-heading);
    border-color: var(--c-heading);
    transition: background-color .35s ease, color .35s ease, border-color .35s ease;
}
.more-btn:hover, .more-btn-line:hover, .more-btn-new-detail:hover {
    background: var(--c-heading);
    color: var(--c-bg);
}

/* ---------- Eski animasyonları sıfırla ---------- */
.leftEffect, .rightEffect, .bottomEffect {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
}

/* ---------- Yeni yumuşak belirme ---------- */
.rv.rv-pre {
    opacity: 0 !important;
    visibility: visible !important;
    transform: translate3d(0, 28px, 0) !important;
}
.rv.rv-in {
    opacity: 1 !important;
    transform: none !important;
    transition: opacity .9s ease var(--rv-d, 0s), transform .9s cubic-bezier(.22,.61,.36,1) var(--rv-d, 0s) !important;
}

/* ---------- Yan bölüm menüsü (sadece ana sayfa) ---------- */
[data-nav] { scroll-margin-top: 70px; }
.side-nav { position: fixed; right: 28px; top: 50%; transform: translateY(-50%); z-index: 40; }
.side-nav ul { list-style: none; margin: 0; padding: 0; }
.side-nav li { margin: 16px 0; }
.side-nav a {
    display: flex; align-items: center; justify-content: flex-end; gap: 12px;
    text-decoration: none; color: var(--c-heading);
    font-size: 12px; letter-spacing: .12em; text-transform: uppercase;
}
.side-nav .lbl {
    opacity: 0; transform: translateX(8px); pointer-events: none;
    background: rgba(250,249,247,.92); padding: 4px 10px;
    transition: opacity .3s ease, transform .3s ease;
}
.side-nav a:hover .lbl, .side-nav a.active .lbl { opacity: 1; transform: none; }
.side-nav .dot {
    width: 9px; height: 9px; border-radius: 50%;
    border: 1px solid var(--c-heading); background: transparent;
    transition: background-color .3s ease, border-color .3s ease, transform .3s ease;
}
.side-nav a.active .dot { background: var(--c-accent); border-color: var(--c-accent); transform: scale(1.35); }
@media (max-width: 1100px) { .side-nav { display: none; } }

/* ---------- Hareketi azaltmak isteyenler için ---------- */
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .rv.rv-pre, .rv.rv-in { opacity: 1 !important; transform: none !important; transition: none !important; }
}