/* Koyu mod (dark) katmani — "Karanlik Luks Gece" paleti.
   MİMARİ NOTU (2026-09-11'de yeniden yazildi): Bu dosya eskiden acik temanin
   TÜM kurallarinin (renk + yerleşim) ayri, elle senkronize tutulan bir kopyasiydi
   (935 satir). Zamanla acik tema degistikce bu kopya senkron kalamadi ve
   modlar arasinda gecis yapinca yazi/gorsel boyutlari ve konumlari degisiyordu
   (orn. hero yuksekligi, otel karti duzeni, form sutun sayisi).
   Şimdiki yaklasim: yerleşimle ilgili HİÇBİR şey burada tekrar tanimlanmiyor —
   tum boyut/konum/grid/padding degerleri acik temadaki TEK kaynaktan miras
   aliniyor. Bu dosya SADECE renk/filtre gibi gorsel ozellikleri degistirir,
   boylece iki mod arasinda yerleşim farkı yapisal olarak imkansiz hale gelir.
   Yeni bir bilesen eklendiginde ve koyu modda farkli gorunmesi gerekiyorsa,
   SADECE renk/arka plan/golge/filter property'lerini buraya ekleyin —
   asla width/height/padding/margin/grid-template-columns/font-size gibi
   yerleşim ozelliklerini buraya kopyalamayin. */

html[data-theme="dark"] {
  --ink:#f3ede2; --ink2:#d9cfbf; --cream:#0a0908; --sand:#15100c; --paper:#1c1610;
  --surface2:#221a13; --sea:#c9a173; --sea2:#9c7248; --foam:#8a9a8f; --gold:#c9a173; --muted:#a89a86;
  --line:rgba(243,237,226,.10); --hair:rgba(201,161,115,.30); --shadow:0 30px 90px rgba(0,0,0,.65);
  --ok:#7fae87; --err:#c47a68;
}
html[data-theme="dark"] body { background:var(--cream); color:var(--ink); }

/* --- index.html: acik temadaki sabit (var() kullanmayan) renklerin koyu karsiliklari --- */
html[data-theme="dark"] body:before{background:radial-gradient(circle at 12% 0%,rgba(201,161,115,.09),transparent 34%),radial-gradient(circle at 88% 20%,rgba(201,161,115,.05),transparent 30%)}
html[data-theme="dark"] .site-nav.scrolled{background:rgba(10,9,8,.94);box-shadow:0 10px 30px rgba(0,0,0,.5)}
html[data-theme="dark"] .brand .dot{background:var(--sea);box-shadow:0 0 0 5px rgba(201,161,115,.18)}
html[data-theme="dark"] .reservation-lookup{background:var(--cream)}
html[data-theme="dark"] .hero-media{background:#0a0908}
html[data-theme="dark"] .hero-media-layer:after{background:linear-gradient(90deg,rgba(5,4,3,.72) 0%,rgba(5,4,3,.40) 45%,rgba(5,4,3,.12) 100%),linear-gradient(180deg,rgba(4,3,2,.15),rgba(4,3,2,.80))}
html[data-theme="dark"] .eyebrow{color:var(--gold)}
html[data-theme="dark"] .eyebrow:before{background:var(--gold)}
html[data-theme="dark"] .hero h1 em{color:var(--sea)}
html[data-theme="dark"] .hero-copy p{color:rgba(243,237,226,.78)}
html[data-theme="dark"] .hero-pill{background:rgba(255,255,255,.05)}
html[data-theme="dark"] .search-card:after{background:rgba(19,15,11,.72);box-shadow:var(--shadow)}
html[data-theme="dark"] .wstep{color:#8a8074}
html[data-theme="dark"] .wstep.active .num{color:#fff}
html[data-theme="dark"] .wstep.done .num{background:var(--ok);border-color:var(--ok);color:#12180f}
html[data-theme="dark"] .search-bar{background:#171310}
html[data-theme="dark"] .search-field label{color:var(--muted)}
html[data-theme="dark"] .search-field select{color:var(--ink)}
html[data-theme="dark"] .field-trigger{color:var(--ink)}
html[data-theme="dark"] .search-card button[type=submit]{color:#171310;box-shadow:0 10px 22px rgba(0,0,0,.35)}
html[data-theme="dark"] .search-card button[type=submit]:hover{box-shadow:0 14px 28px rgba(0,0,0,.4)}
html[data-theme="dark"] label{color:#9a8f7f}
html[data-theme="dark"] input{background:#171310}
html[data-theme="dark"] select{background:#171310}
html[data-theme="dark"] textarea{background:#171310}
html[data-theme="dark"] select option{background:#171310;color:var(--ink)}
html[data-theme="dark"] .hotel-picker select{border-color:var(--hair);background:#1c1610;box-shadow:0 4px 14px rgba(0,0,0,.2)}
html[data-theme="dark"] .guest-picker{background:#171310}
html[data-theme="dark"] .guest-stepper button{background:#221a13}
html[data-theme="dark"] .guest-stepper button:hover{border-color:var(--sea);background:#2a2016}
html[data-theme="dark"] input:focus{border-color:var(--sea);box-shadow:0 0 0 4px rgba(201,161,115,.12);background:#1c1610}
html[data-theme="dark"] select:focus{border-color:var(--sea);box-shadow:0 0 0 4px rgba(201,161,115,.12);background:#1c1610}
html[data-theme="dark"] textarea:focus{border-color:var(--sea);box-shadow:0 0 0 4px rgba(201,161,115,.12);background:#1c1610}
html[data-theme="dark"] .btn-step{color:#171310;box-shadow:0 10px 22px rgba(0,0,0,.35)}
html[data-theme="dark"] .btn-step:hover{box-shadow:0 14px 28px rgba(0,0,0,.4);filter:brightness(1.08)}
html[data-theme="dark"] .btn-step-back{color:var(--muted)}
html[data-theme="dark"] .avail-badge{color:var(--ok)}
html[data-theme="dark"] .avail-badge .dot{background:var(--ok);box-shadow:0 0 0 5px rgba(127,174,135,.15)}
html[data-theme="dark"] .room-opt-body .price{color:var(--muted)}
html[data-theme="dark"] .summary-box .sb-text small{color:var(--sea)}
html[data-theme="dark"] .room-opt{background:#171310}
html[data-theme="dark"] .room-opt img{filter:saturate(.92) brightness(.94)}
html[data-theme="dark"] .room-opt.selected{box-shadow:0 0 0 2px rgba(201,161,115,.22)}
html[data-theme="dark"] .room-opt.unavailable{border-color:rgba(196,122,104,.35);background:#1b1310}
html[data-theme="dark"] .room-opt.unavailable:hover{border-color:rgba(196,122,104,.35)}
html[data-theme="dark"] .room-opt.unavailable .room-opt-body h4{color:var(--err)}
html[data-theme="dark"] .room-opt-unavailable{background:rgba(196,122,104,.16);color:var(--err)}
html[data-theme="dark"] .availability-empty{color:var(--err)}
html[data-theme="dark"] .alternative-hotels{background:#1c1610}
html[data-theme="dark"] .alternative-hotel{background:#221a13}
html[data-theme="dark"] .alternative-hotel:hover{border-color:var(--hair);box-shadow:0 7px 16px rgba(0,0,0,.3)}
html[data-theme="dark"] .alternative-hotel span{color:var(--ok)}
html[data-theme="dark"] .alternative-hotel .alt-go{color:#171310}
html[data-theme="dark"] .room-opt-body .old-price{color:#7a7166}
html[data-theme="dark"] .room-price-old{color:#7a7166}
html[data-theme="dark"] .room-price-saving{color:var(--sea)}
html[data-theme="dark"] .room-opt-body .online-badge{background:rgba(127,174,135,.14)}
html[data-theme="dark"] .summary-box{background:#171310}
html[data-theme="dark"] .guest-card{background:#171310}
html[data-theme="dark"] .required-note{color:#8a8074}
html[data-theme="dark"] .success-panel .check{background:rgba(127,174,135,.14);color:var(--ok)}
html[data-theme="dark"] .hotel-card{box-shadow:0 18px 40px rgba(0,0,0,.5)}
html[data-theme="dark"] .hotel-card:hover{box-shadow:0 30px 60px rgba(0,0,0,.65)}
html[data-theme="dark"] .hotel-card .photo{filter:saturate(.82) contrast(1.05) brightness(.86)}
html[data-theme="dark"] .hotel-card:hover .photo{filter:saturate(.92) contrast(1.08) brightness(.92)}
html[data-theme="dark"] .story-photo{filter:saturate(.85) brightness(.88)}
html[data-theme="dark"] .story-photo:after{color:#fff;text-shadow:0 3px 20px rgba(0,0,0,.5)}
html[data-theme="dark"] .story-copy{background:var(--sand)}
html[data-theme="dark"] .story-copy p{color:var(--muted)}
html[data-theme="dark"] .story-item span{color:var(--muted)}
html[data-theme="dark"] .feature-band{color:#fff}
html[data-theme="dark"] .feature .num{color:var(--sea)}
html[data-theme="dark"] .feature p{color:var(--muted)}
html[data-theme="dark"] .footer-brand span{color:var(--muted)}
html[data-theme="dark"] .footer-links div h4{color:var(--sea)}
html[data-theme="dark"] .footer-links div a{color:rgba(243,237,226,.86)}
html[data-theme="dark"] .footer-links div a:hover{color:#fff}
html[data-theme="dark"] .footer-bottom{color:var(--muted)}
html[data-theme="dark"] .terms-modal{background:rgba(4,3,2,.75)}
html[data-theme="dark"] .terms-dialog{background:var(--paper);box-shadow:0 28px 90px rgba(0,0,0,.55)}
html[data-theme="dark"] .terms-close{color:var(--ink)}
html[data-theme="dark"] .terms-note{background:rgba(201,161,115,.08)}
html[data-theme="dark"] .terms-accept{color:#171310}
html[data-theme="dark"] .hotel-detail-modal{background:rgba(4,3,2,.80)}
html[data-theme="dark"] .hotel-detail-box{box-shadow:0 35px 100px rgba(0,0,0,.55)}
html[data-theme="dark"] .hotel-detail-photo{filter:saturate(.88) brightness(.9)}
html[data-theme="dark"] .hotel-action:hover{box-shadow:0 10px 25px rgba(0,0,0,.35)}
html[data-theme="dark"] .hotel-action.reserve{color:#171310}
html[data-theme="dark"] .hotel-action.instagram{background:#221a13}
html[data-theme="dark"] .hotel-detail-close{background:rgba(28,22,16,.94);box-shadow:0 8px 20px rgba(0,0,0,.3)}
html[data-theme="dark"] .hero-dot{background:rgba(255,255,255,.25)}
html[data-theme="dark"] .hero-dot.active{background:#fff}
html[data-theme="dark"] .brand-board-card{background:var(--sand);box-shadow:0 22px 55px rgba(0,0,0,.4)}
html[data-theme="dark"] .brand-board-art{background:#171310}
html[data-theme="dark"] .brand-board-art img{filter:drop-shadow(0 16px 26px rgba(0,0,0,.4))}
html[data-theme="dark"] .guest-counter{background:#1c1610}
html[data-theme="dark"] .trust-chip{background:#1c1610}
html[data-theme="dark"] .review-section{background:var(--cream)}
html[data-theme="dark"] .review-card{background:var(--sand)}
html[data-theme="dark"] .review-form{background:var(--sand)}
html[data-theme="dark"] .review-stars{color:var(--gold)}
html[data-theme="dark"] .review-form input{background:#171310}
html[data-theme="dark"] .review-form textarea{background:#171310}
html[data-theme="dark"] .review-form select{background:#171310}
html[data-theme="dark"] .review-form button{color:#171310}
html[data-theme="dark"] .map-card iframe{filter:invert(.92) hue-rotate(180deg) contrast(.9)}
html[data-theme="dark"] .home-map-card iframe{filter:invert(.92) hue-rotate(180deg) contrast(.9)}
html[data-theme="dark"] .cookie-banner{background:var(--paper);color:#fff;box-shadow:0 14px 45px rgba(0,0,0,.5)}
html[data-theme="dark"] .cookie-banner p{color:var(--muted)}
html[data-theme="dark"] .cookie-actions button{color:#fff}
html[data-theme="dark"] .cookie-actions .primary{background:var(--sea2);color:#171310}
html[data-theme="dark"] .tool-card{background:#171310}
html[data-theme="dark"] .tool-card select{background:#1c1610}
html[data-theme="dark"] .tool-card input{background:#1c1610}
html[data-theme="dark"] .promo-row button{color:#171310}
html[data-theme="dark"] .promo-msg.ok{color:var(--ok)}
html[data-theme="dark"] .promo-msg.err{color:var(--err)}
html[data-theme="dark"] .search-shortcuts button{background:#171310}
html[data-theme="dark"] .result-filters button{background:#171310}
html[data-theme="dark"] .result-filters button.active{color:#171310}
html[data-theme="dark"] .room-badge{background:rgba(127,174,135,.14);color:var(--ok)}
html[data-theme="dark"] .room-badge.gold{background:rgba(201,161,115,.14);color:var(--sea)}
html[data-theme="dark"] .room-detail-btn{background:#171310}
html[data-theme="dark"] .sticky-summary{background:rgba(22,17,12,.96);box-shadow:0 16px 45px rgba(0,0,0,.5)}
html[data-theme="dark"] .compare-chip{background:#171310}
html[data-theme="dark"] .campaign-strip{background:var(--paper)}
html[data-theme="dark"] .campaign-card{background:rgba(243,237,226,.04)}
html[data-theme="dark"] .campaign-card .tag{color:var(--sea)}
html[data-theme="dark"] .campaign-card p{color:var(--muted)}
html[data-theme="dark"] .campaign-card button{color:#fff}
html[data-theme="dark"] .newsletter-box{background:var(--sand);box-shadow:0 14px 35px rgba(0,0,0,.35)}
html[data-theme="dark"] .newsletter-form button{color:#171310}
html[data-theme="dark"] .site-utility a{background:linear-gradient(135deg,#c9a173,#9c7248);color:#171310;box-shadow:0 10px 25px rgba(0,0,0,.35)}
html[data-theme="dark"] .lookup-box{box-shadow:0 14px 35px rgba(0,0,0,.35)}
html[data-theme="dark"] .lookup-form button{color:#171310}
html[data-theme="dark"] .brand-board{background:var(--cream)}
html[data-theme="dark"] .brand-board-art .art-light{display:none}
html[data-theme="dark"] .brand-board-art .art-dark{display:block}
html[data-theme="dark"] .hero-media-layer{filter:saturate(.86) brightness(.82)}