/* Şube siteleri: aynı aile, gündüz hâli (onay 2026-10-18: taş zemin + logo altını).
   Vurgu logonun altını: dolguda #C69D41 (üstünde koyu metin 6,5:1), metinde logonun gölge tonu #7A5A1C (≥ 5,2:1);
   parlak altın açık zeminde metin olarak okunmaz. Şube rengi yalnız header'ın üst çizgisinde, şubeyi ayırt eder. */
body[data-tema="sube"] {
  --c-zemin: #ECE8E1;
  --c-yuzey: #F6F3EE;
  --c-header: rgb(236 232 225 / .92);
  --c-metin: #1F1B17;
  --c-metin-2: #59524A;
  --c-cizgi: #D6D0C6;
  --c-cizgi-guclu: #A39A8D;
  --c-vurgu: #7A5A1C;
  --c-etiket: #7A5A1C;
  --c-odak: #7A5A1C;
  --c-altin: #C69D41;
  --c-altin-acik: #D4AE52;
  --c-vurgu-uzeri: #FFFFFF;
  --c-acik: #2F7A4B;
  --c-wa: #1E7A4C;
  --c-wa-koyu: #17643E;
  color-scheme: light;
}
/* Şube rengi: yalnız header üst çizgisi */
body[data-sube="halkali"]  { --c-sube: #2C4A7C; }
body[data-sube="topcular"] { --c-sube: #2E5D4D; }
body[data-sube="sefakoy"]  { --c-sube: #7A5520; }
body[data-sube="atakent"]  { --c-sube: #6A3550; }
body[data-tema="sube"] .ust { border-top: 3px solid var(--c-sube); }
/* Mobil menü çekmecesi header'ın (üst çizgi dahil) altından başlar */
body[data-tema="sube"] { --ust-alt: calc(var(--header-h) + 4px); }

/* Ana düğme logo altını, üstünde koyu metin; ince ayırıcılar altın */
body[data-tema="sube"] .btn--dolu { background: var(--c-altin); color: var(--c-metin); }
body[data-tema="sube"] .btn--dolu:hover { background: var(--c-altin-acik); }
body[data-tema="sube"] .bilgi { border-top-color: var(--c-altin); }
body[data-tema="sube"] .menu-grup__bas { border-bottom-color: var(--c-altin); }

/* Header: şube adı önde; ara ve WhatsApp masaüstünde de görünür */
.ust__marka { font-size: .8125rem; color: var(--c-metin-2); text-decoration: none; transition: color var(--gecis); }
.ust__marka:hover { color: var(--c-metin); }
.ust__cta { display: none; gap: .5rem; }
.ust__cta .btn { min-height: 44px; padding-block: .5rem; }
@media (min-width: 900px) { .ust__cta { display: flex; } }

/* Şube vitrini: solda bilgi ve eylem, sağda kenara kadar fotoğraf */
.s-vitrin { display: grid; grid-template-columns: minmax(0, 1fr); }
.s-vitrin__foto { width: 100%; height: 56svh; min-height: 340px; object-fit: cover; }
.s-vitrin__metin { display: grid; gap: 1.5rem; justify-items: start; padding-block: 2.25rem 4rem; }
.s-vitrin h1 { font-size: clamp(2.5rem, 1.6rem + 3vw, 4.5rem); }
.s-vitrin h1 em { display: block; color: var(--c-vurgu); }
.s-vitrin__eylem { display: grid; gap: .75rem; width: 100%; max-width: 30rem; }
@media (min-width: 560px) { .s-vitrin__eylem { grid-template-columns: 1fr 1fr; } }
@media (min-width: 900px) {
  .s-vitrin { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); min-height: min(calc(100svh - var(--header-h)), 900px); }
  .s-vitrin__foto { grid-column: 2; grid-row: 1; height: 100%; min-height: 0; }
  .s-vitrin__metin {
    grid-column: 1; grid-row: 1; align-self: center;
    padding-block: 3rem; padding-inline-end: clamp(2rem, 5vw, 5rem);
    padding-inline-start: max(var(--kenar), (100vw - var(--kap)) / 2);
  }
}
@media (max-width: 899px) { .s-vitrin__metin { width: min(var(--kap), 100% - 2 * var(--kenar)); margin-inline: auto; } }




/* Yakında açılacak şube: fotoğraf soluk */
.s-vitrin--yakinda .s-vitrin__foto { filter: grayscale(.4) brightness(.85); }

/* Galeri: gerçek mekân fotoğrafları, dikey */
.galeri { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.galeri img { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; }
@media (min-width: 560px) { .galeri { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 900px) { .galeri { grid-template-columns: repeat(5, minmax(0, 1fr)); } }

/* Konum: yol tarifi ve iletişim bloğu */
.konum { display: grid; gap: 3rem; }
.konum__metin { display: grid; gap: 1.25rem; justify-items: start; align-content: start; }
.konum__foto img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
@media (min-width: 900px) { .konum { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 5rem; } }

/* Aynı binadaki SuperStay oteli: konaklama bandı (2026-10-24) */
.otel-bant { display: grid; gap: 1.5rem; padding: clamp(1.5rem, 4vw, 2.5rem); background: var(--c-yuzey); border-top: 3px solid var(--c-altin); }
.otel-bant__metin { display: grid; gap: .9rem; }
.otel-bant h2 { font-size: clamp(1.75rem, 1.3rem + 1.6vw, 2.5rem); }
@media (min-width: 900px) { .otel-bant { grid-template-columns: 1fr auto; align-items: center; gap: 3rem; } }