/* Swissôtel & Raffles Residences — səhifə şəbəkəsi və əyri plan qatı.

   Axının qatları (stack, plitə rəngləri, siyahılar, nişanlar) flow.css-dən
   gəlir. Burada iki şey var: sütun bölgüsü və ƏYRİ plana xas olanlar. */

.swiss-main {
  grid-template-columns: minmax(0, 1fr) 400px;
}
.swiss-main:has(.stackbar:not([hidden])) {
  grid-template-columns: 200px minmax(0, 1fr) 400px;
}
.swiss-main:has(.stackbar:not([hidden])) .stackbar { order: -1 }

/* ---------- əyri plitə ---------- */

/* Halqa dilimləri düzbucaqlıdan daha dardır: nömrə bir qədər kiçik olmalıdır,
   yoxsa qonşu mənzilin dilimindən çıxır. */
.aplate .plate-no {
  font-size: .95px;
}

/* Qövsün kənarları: dilimin künc radiusu yoxdur, ona görə birləşmə yeri
   nazik ağ cizgi kimi oxunsun deyə kontur bir qədər qalındır. */
.aplate .plate-unit .plate-cell {
  stroke-width: .14;
  stroke-linejoin: round;
}

/* Terras zolağı — mənzilin dilimindən kənarda, solğun. Mənzillə birlikdə
   işıqlanır (eyni qrupdadır), amma öz rəngini saxlayır: alıcı plan üzərində
   mənzilin harada bitdiyini, terrasın harada başladığını görür. */
.aplate .plate-terr {
  fill: var(--muted);
  opacity: .22;
  stroke: none;
  pointer-events: none;
  transition: opacity .12s;
}
.aplate .plate-unit:hover .plate-terr,
.aplate .plate-unit.is-sel .plate-terr { opacity: .4 }
.aplate .plate-unit.is-dim .plate-terr { opacity: .07 }

/* Dəhliz lenti: əyri plitədə o, planın oxudur — bir az daha görünən. */
.aplate .plate-core .plate-shell { opacity: .2 }

/* ---------- uyğunlaşma ---------- */

@media (max-width: 1100px) {
  .swiss-main:has(.stackbar:not([hidden])) {
    grid-template-columns: 150px minmax(0, 1fr) 360px;
  }
}

@media (max-width: 900px) {
  .swiss-main,
  .swiss-main:has(.stackbar:not([hidden])) {
    grid-template-columns: 1fr;
  }
  .swiss-main:has(.stackbar:not([hidden])) .stackbar { order: 0 }
}

/* ---------- gün vaxtı seçicisi ----------

   Bu demoda seçici SƏHNƏNİN yox, BAŞLIĞIN içindədir (swiss.html →
   header.top). Başlıqda `position: relative` yoxdur, ona görə qlobal
   `position: absolute` onu səhnəyə yox, SƏHİFƏNİN sol üst küncünə
   atırdı — düz "← Portfolio" keçidinin üstünə.

   Həlli yerləşməni sıfırlamaqdır: seçici başlığın öz sətrində, digər
   elementlərlə yan-yana axır. */
#timesw {
  position: static;
  margin-left: auto;
}