/* ============================================================
   Tema 3 — "Sona" (lüks resort: sinematik, zarif serif, ivory/lacivert/altın)
   Ana sayfa + header/footer kendi son-* markup'ını kullanır (çakışmasız).
   İç sayfalar body.theme-sona değişken/override'larıyla uyumlanır.
   ============================================================ */

/* ——— İç sayfalar için değişken + biçim uyarlaması ——— */
body.theme-sona {
    --ink: #12233b;
    --muted: #6a6558;
    --sand: #ece4d6;
    --cream: #f6f2ea;
    --sea: #12233b;
    --sea-light: #1c3a5e;
    --coral: #b28a4c;
    --coral-hover: #96733a;
    --border: #ddd3c2;
    --font-display: "Cormorant Garamond", Georgia, serif;
    --font-body: "Jost", system-ui, sans-serif;
    --radius: 0px;
    background: var(--cream);
}

body.theme-sona .page-hero {
    background-color: #12233b;
    background-image: linear-gradient(rgba(18, 35, 59, 0.55), rgba(18, 35, 59, 0.55)),
        var(--page-hero-image, linear-gradient(#12233b, #12233b));
    text-align: center;
    align-items: center;
}
body.theme-sona .page-hero__inner { margin: 0 auto; }
body.theme-sona .page-hero__title { font-family: var(--font-display); font-weight: 500; font-size: clamp(2rem, 4.5vw, 3.2rem); }
body.theme-sona .page-hero__eyebrow { color: #e8d9b8; letter-spacing: 0.3em; }
body.theme-sona .page-hero__lead { margin-left: auto; margin-right: auto; }
body.theme-sona .rooms-page-hero { text-align: center; background: var(--sand); border-bottom: 1px solid var(--border); }

body.theme-sona .section-title { font-family: var(--font-display); font-weight: 500; text-align: center; color: var(--ink); font-size: clamp(1.8rem, 3.5vw, 2.6rem); }
body.theme-sona .btn { border-radius: 0; text-transform: uppercase; letter-spacing: 0.2em; font-size: 0.72rem; font-weight: 400; padding: 0.95rem 1.9rem; font-family: var(--font-body); }
body.theme-sona .btn:hover { transform: none; }
body.theme-sona .btn-primary { background: var(--coral); color: #fff; box-shadow: none; }
body.theme-sona .btn-primary:hover { background: var(--coral-hover); }
body.theme-sona .btn-secondary { background: transparent; border: 1px solid var(--ink); color: var(--ink); }
body.theme-sona .btn-secondary:hover { background: var(--ink); color: #fff; }
body.theme-sona .room-card { border-radius: 0; box-shadow: none; border: 1px solid var(--border); background: var(--cream); }
body.theme-sona .room-card:hover { box-shadow: 0 20px 50px rgba(18, 35, 59, 0.12); transform: none; }
body.theme-sona .room-card-body h3, body.theme-sona .room-showcase__body h3 { font-family: var(--font-display); font-weight: 600; }
body.theme-sona .price-tag, body.theme-sona .room-detail-price--new, body.theme-sona .room-detail-cta-card__price { color: var(--ink); font-family: var(--font-display); }
body.theme-sona input:not([type="checkbox"]):not([type="radio"]), body.theme-sona select, body.theme-sona textarea { border-radius: 0; }
body.theme-sona .prose a { color: var(--coral); }

/* ============================================================
   SONA özel yerleşimi (son-*) — yalnızca sona sayfalarında render edilir
   ============================================================ */

.son-btn { font-family: "Jost", sans-serif; text-transform: uppercase; letter-spacing: 0.2em; font-size: 0.72rem; font-weight: 400; padding: 1rem 2.1rem; text-decoration: none; display: inline-block; border: 1px solid transparent; transition: background 0.2s, color 0.2s, border-color 0.2s; cursor: pointer; }
.son-btn--sm { padding: 0.7rem 1.4rem; font-size: 0.68rem; }
.son-btn--solid { background: #b28a4c; color: #fff; border-color: #b28a4c; }
.son-btn--solid:hover { background: #96733a; border-color: #96733a; }
.son-btn--line { background: transparent; border-color: #12233b; color: #12233b; }
.son-btn--line:hover { background: #12233b; color: #fff; border-color: #12233b; }
.son-btn--light { color: #fff; border-color: rgba(255, 255, 255, 0.7); }
.son-btn--light:hover { background: #fff; color: #12233b; }

.son-eyebrow { font-family: "Jost", sans-serif; text-transform: uppercase; letter-spacing: 0.32em; font-size: 0.72rem; color: #b28a4c; display: block; }
.son-eyebrow--light { color: #e8d9b8; }
.son-divider { display: block; width: 60px; height: 1px; background: #b28a4c; margin: 1.3rem auto; }
.son-divider--sm { width: 34px; margin: 0.9rem 0; }

/* ——— Header: zarif serif masthead ——— */
.son-header { position: sticky; top: 0; z-index: 50; background: #f6f2ea; border-bottom: 1px solid #ddd3c2; }
.son-header__inner { display: flex; flex-direction: column; align-items: center; gap: 0.6rem; padding: 1.1rem 0 0.95rem; position: relative; }
.son-brand { font-family: "Cormorant Garamond", serif; font-size: 1.95rem; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: #12233b; text-decoration: none; line-height: 1; }
.son-nav { display: flex; gap: 2.2rem; align-items: center; flex-wrap: wrap; justify-content: center; }
.son-nav a { font-family: "Jost", sans-serif; text-transform: uppercase; letter-spacing: 0.18em; font-size: 0.72rem; color: #12233b; text-decoration: none; font-weight: 400; }
.son-nav a:hover, .son-nav a.active { color: #b28a4c; }
.son-nav__account { color: #b28a4c; }
.son-nav-toggle { display: none; position: absolute; left: 0; top: 1rem; background: none; border: none; font-size: 1.4rem; color: #12233b; cursor: pointer; line-height: 1; }

/* ——— Tam ekran sinematik hero ——— */
.son-hero { min-height: 100vh; background-size: cover; background-position: center; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; color: #fff; padding: 6rem 1.2rem; position: relative; }
.son-hero__inner { max-width: 46rem; }
.son-hero__kicker { font-family: "Jost", sans-serif; text-transform: uppercase; letter-spacing: 0.4em; font-size: 0.78rem; color: #e8d9b8; display: block; margin-bottom: 1.4rem; }
.son-hero__title { font-family: "Cormorant Garamond", serif; font-weight: 500; font-size: clamp(2.6rem, 6vw, 4.8rem); line-height: 1.04; margin-bottom: 1.3rem; }
.son-hero__lead { font-family: "Jost", sans-serif; font-weight: 300; font-size: 1.1rem; line-height: 1.8; color: rgba(255, 255, 255, 0.9); margin-bottom: 2.2rem; }
.son-hero__cta { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; }
.son-hero__cta .son-btn--line { color: #fff; border-color: rgba(255, 255, 255, 0.7); }
.son-hero__cta .son-btn--line:hover { background: #fff; color: #12233b; }
.son-hero__scroll { position: absolute; bottom: 2rem; left: 50%; width: 1px; height: 48px; background: rgba(255, 255, 255, 0.6); transform: translateX(-50%); }

/* ——— Giriş (ferah, ortalı) ——— */
.son-intro { background: #f6f2ea; text-align: center; padding: clamp(4rem, 8vw, 6.5rem) 0; }
.son-intro__inner { max-width: 44rem; margin: 0 auto; }
.son-intro__title { font-family: "Cormorant Garamond", serif; font-weight: 500; font-size: clamp(2rem, 4vw, 3rem); color: #12233b; line-height: 1.15; margin-top: 0.8rem; }
.son-intro__prose { font-family: "Jost", sans-serif; font-weight: 300; color: #6a6558; line-height: 1.9; margin-bottom: 1.6rem; }
.son-link { font-family: "Jost", sans-serif; text-transform: uppercase; letter-spacing: 0.2em; font-size: 0.74rem; color: #12233b; text-decoration: none; border-bottom: 1px solid #b28a4c; padding-bottom: 4px; }
.son-link:hover { color: #b28a4c; }

/* ——— Odalar ——— */
.son-rooms { padding: clamp(3.5rem, 7vw, 6rem) 0; background: #fff; }
.son-section-head { text-align: center; margin-bottom: 3rem; }
.son-section-head__title { font-family: "Cormorant Garamond", serif; font-weight: 500; font-size: clamp(2rem, 4vw, 3rem); color: #12233b; margin-top: 0.5rem; }
.son-rooms__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: 2.5rem; }
.son-room { background: #f6f2ea; border: 1px solid #ddd3c2; display: flex; flex-direction: column; }
.son-room__media { display: block; height: 300px; background-size: cover; background-position: center; position: relative; }
.son-room__code { position: absolute; bottom: 1rem; left: 1rem; background: rgba(18, 35, 59, 0.85); color: #e8d9b8; font-family: "Jost", sans-serif; letter-spacing: 0.14em; font-size: 0.68rem; text-transform: uppercase; padding: 0.35rem 0.7rem; }
.son-room__body { padding: 1.8rem 1.6rem 2rem; text-align: center; flex: 1; display: flex; flex-direction: column; align-items: center; }
.son-room__title { font-family: "Cormorant Garamond", serif; font-weight: 600; font-size: 1.6rem; color: #12233b; }
.son-room__meta { font-family: "Jost", sans-serif; text-transform: uppercase; letter-spacing: 0.16em; font-size: 0.68rem; color: #b28a4c; margin-top: 0.3rem; }
.son-room__desc { font-family: "Jost", sans-serif; font-weight: 300; color: #6a6558; line-height: 1.7; margin-bottom: 1.2rem; }
.son-room__foot { margin-bottom: 1.2rem; }
.son-room__price { font-family: "Cormorant Garamond", serif; font-size: 1.5rem; color: #12233b; }
.son-room__price-old { text-decoration: line-through; color: #6a6558; font-size: 1rem; margin-right: 0.4rem; }
.son-room__price-unit { font-family: "Jost", sans-serif; font-size: 0.72rem; color: #6a6558; text-transform: uppercase; letter-spacing: 0.1em; }
.son-room__actions { display: flex; gap: 0.6rem; flex-wrap: wrap; justify-content: center; margin-top: auto; }

/* ——— Sinematik tam genişlik bant ——— */
.son-feature { background-size: cover; background-position: center; background-attachment: fixed; text-align: center; color: #fff; padding: clamp(5rem, 12vw, 8rem) 0; }
.son-feature__quote { font-family: "Cormorant Garamond", serif; font-weight: 400; font-style: italic; font-size: clamp(1.6rem, 3.4vw, 2.6rem); line-height: 1.4; max-width: 40rem; margin: 1.2rem auto 2rem; }

/* ——— Değerler ——— */
.son-values { background: #f6f2ea; padding: clamp(3.5rem, 7vw, 6rem) 0; }
.son-values__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 2.5rem; text-align: center; }
.son-value__num { font-family: "Cormorant Garamond", serif; font-size: 2.2rem; color: #b28a4c; display: block; margin-bottom: 0.6rem; }
.son-value h3 { font-family: "Cormorant Garamond", serif; font-weight: 600; font-size: 1.4rem; color: #12233b; margin-bottom: 0.5rem; }
.son-value p { font-family: "Jost", sans-serif; font-weight: 300; color: #6a6558; line-height: 1.7; }

/* ——— Footer ——— */
.son-footer { background: #12233b; color: #d7d0c4; }
.son-footer__top { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; flex-wrap: wrap; padding: clamp(2.5rem, 5vw, 3.5rem) 0; border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
.son-footer__name { font-family: "Cormorant Garamond", serif; font-size: 1.8rem; letter-spacing: 0.14em; text-transform: uppercase; color: #fff; display: block; }
.son-footer__tag { font-family: "Jost", sans-serif; font-weight: 300; color: rgba(215, 208, 196, 0.7); font-size: 0.9rem; }
.son-footer__cta { background: #b28a4c; color: #fff; text-decoration: none; font-family: "Jost", sans-serif; text-transform: uppercase; letter-spacing: 0.2em; font-size: 0.72rem; padding: 1rem 2rem; }
.son-footer__cta:hover { background: #96733a; }
.son-footer__grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 2rem; padding: 2.6rem 0; }
.son-footer__label { font-family: "Jost", sans-serif; text-transform: uppercase; letter-spacing: 0.2em; font-size: 0.7rem; color: #b28a4c; display: block; margin-bottom: 0.9rem; }
.son-footer__col a { display: block; font-family: "Jost", sans-serif; font-weight: 300; color: #d7d0c4; text-decoration: none; margin-bottom: 0.5rem; font-size: 0.92rem; }
.son-footer__col a:hover { color: #fff; }
.son-footer__col p { font-family: "Jost", sans-serif; font-weight: 300; color: rgba(215, 208, 196, 0.8); margin-bottom: 0.4rem; font-size: 0.92rem; }
.son-footer__copy { display: flex; justify-content: space-between; gap: 1rem; flex-wrap: wrap; padding: 1.2rem 0; border-top: 1px solid rgba(255, 255, 255, 0.12); font-family: "Jost", sans-serif; font-size: 0.8rem; color: rgba(215, 208, 196, 0.6); }
.son-footer__copy a { color: #b28a4c; }

/* ——— Responsive ——— */
@media (max-width: 820px) {
    .son-nav-toggle { display: block; }
    .son-header__inner { align-items: center; }
    .son-nav { display: none; width: 100%; flex-direction: column; gap: 0.3rem; padding-top: 0.7rem; }
    .son-nav.is-open { display: flex; }
    .son-nav a { padding: 0.5rem 0; }
    .son-hero { min-height: 88vh; }
    .son-footer__grid { grid-template-columns: 1fr; gap: 1.5rem; }
    .son-feature { background-attachment: scroll; }
}