/* Hand-written dark-mode overrides for the 4 hotel detail pages, which share one identical
   inline stylesheet (casa-mare-selimiye, miye-selimiye, vadim-manzara, vadim-selimiye).
   Same "Karanlik Luks Gece" palette as the home page and the simple content pages. */

html[data-theme="dark"]{
  --ink:#f3ede2;
  --cream:#0a0908;
  --paper:#1c1610;
  --sea:#c9a173;
  --sea2:#9c7248;
  --gold:#c9a173;
  --muted:#a89a86;
  --line:rgba(243,237,226,.10);
  --shadow:0 30px 90px rgba(0,0,0,.55);
}

/* Most of this page already reads var(--ink)/var(--cream)/var(--paper)/var(--sea)/var(--sea2)/
   var(--gold)/var(--muted)/var(--line) throughout — body text, .eyebrow, .price, .card,
   .stay-info strong, footer — so the redefinition above already recolors it correctly.
   What's left are the hardcoded literal colors below. */

html[data-theme="dark"] .top{
  background:rgba(16,13,10,.88);
}
html[data-theme="dark"] .brand img{
  background:rgba(243,237,226,.94);
  border:1px solid rgba(201,161,115,.5);
  border-radius:8px;
  padding:4px;
}

html[data-theme="dark"] .hero img,
html[data-theme="dark"] .card img{
  filter:saturate(.85) brightness(.88);
}

html[data-theme="dark"] .btn:hover{
  box-shadow:0 10px 22px rgba(0,0,0,.4);
}
html[data-theme="dark"] .primary,
html[data-theme="dark"] .primary:hover{
  color:#171310;
  font-weight:700;
}

html[data-theme="dark"] .stay-info{
  background:var(--paper);
}
html[data-theme="dark"] .info>div{
  background:rgba(28,22,16,.65);
}

html[data-theme="dark"] .cookie-banner{
  background:#1c1610;
  border:1px solid rgba(201,161,115,.24);
  box-shadow:0 14px 45px rgba(0,0,0,.5);
}
html[data-theme="dark"] .cookie-actions button{border-color:rgba(243,237,226,.24)}
html[data-theme="dark"] .cookie-actions .primary{
  background:linear-gradient(135deg,#c9a173,#9c7248);
  color:#171310;
}

html[data-theme="dark"] .gallery-launch{
  border-color:rgba(243,237,226,.16);
  background:#171310;
  color:var(--sea);
}
html[data-theme="dark"] .gallery-launch:hover{
  background:#201a14;
}

html[data-theme="dark"] .room-gallery-dialog{
  background:var(--paper);
  border:1px solid rgba(243,237,226,.14);
}
html[data-theme="dark"] .room-gallery-head{
  border-bottom-color:rgba(243,237,226,.12);
}
html[data-theme="dark"] .room-gallery-close{
  color:var(--ink);
}
html[data-theme="dark"] .room-gallery-close:hover{
  background:#201a14;
}
html[data-theme="dark"] .room-gallery-main{
  background:radial-gradient(circle at center,#221a13 0%,#15100c 58%,#0a0908 100%);
}
html[data-theme="dark"] .room-gallery-card{
  background:#171310;
}
html[data-theme="dark"] .room-gallery-thumbs{
  background:var(--paper);
}
html[data-theme="dark"] .room-gallery-thumbs button.active{
  border-color:var(--sea);
}
