/* Ferhatlar — ek stiller (site.css'e eklemeler ve ince ayarlar) */

.on-dark .contact-list .ico { color: var(--altin); }
.on-dark .contact-list a { color: var(--beyaz); }
.split__text h3 { font-size: var(--fs-4); }
.split__text > :last-child { margin-bottom: 0; }
.hero__copy .btn-row { margin-top: 2rem; }

/* Sayfa gövdesindeki ilk bölüm üst boşluğu */
.fh-body > .wrap.section:first-child { padding-top: clamp(2.5rem, 1.75rem + 3vw, 4.5rem); }

/* Video kutusunun içinde başlık metni yok; oynatma düğmesi odak halkası */
.video:focus-visible { outline-offset: 4px; }

/* Telefon numaraları satır sonunda bölünmesin */
a[href^="tel:"] { white-space: nowrap; }

/* Instagram ızgarası */
.ig-grid { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.75rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 48rem) { .ig-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; } }
.ig-grid a { position: relative; display: block; aspect-ratio: 1; overflow: hidden; border-radius: var(--r-md); background: var(--cizgi); }
.ig-grid img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; }
.ig-grid a:hover img { transform: scale(1.04); }
.ig-grid__video { position: absolute; right: 0.6rem; top: 0.6rem; display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: 50%; background: rgba(23, 20, 59, 0.7); color: var(--beyaz); }
.ig-grid__video .ico { width: 1rem; height: 1rem; }

/* İki sütunlu ilke listesi (4 öğe) */
@media (min-width: 64rem) { .pillars--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.pillars--wide p { max-width: 60ch; }
.pillars ul { margin: 0.5rem 0 0; padding-left: 1.1em; color: var(--gri); }
.pillars li li { padding: 0; border: 0; margin-bottom: 0.25rem; }

/* Kart ızgarası (görsel + kısa metin) */
.card-grid { list-style: none; margin: 0; padding: 0; display: grid; gap: clamp(1.5rem, 1rem + 2vw, 2.5rem); }
@media (min-width: 44rem) { .card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 64rem) { .card-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.card-grid img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: var(--r-md); background: var(--sis); margin-bottom: 1rem; }
.card-grid h3 { font-size: var(--fs-3); margin: 0 0 0.4rem; }
.card-grid p { margin: 0; color: var(--gri); }

/* Video + açıklama listesi */
.video-list { list-style: none; margin: 0; padding: 0; display: grid; gap: clamp(2rem, 1rem + 3vw, 3rem); }
.video-list > li { display: grid; gap: 1.25rem; align-items: center; }
@media (min-width: 56rem) { .video-list > li { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 2.5rem; } }
.video-list h3 { font-size: var(--fs-3); margin: 0 0 0.5rem; }

/* Kampüs kartları */
.campus-cards > li { padding: clamp(1.25rem, 1rem + 1.5vw, 2rem); border: 1px solid var(--cizgi); border-radius: var(--r-lg); background: var(--beyaz); }
.campus-cards h3 { font-size: var(--fs-3); margin: 0 0 1rem; }

/* Form kartı yan metni */
.form-side > :first-child { margin-top: 0; }
.form-card .ff-el-group:last-child { margin-bottom: 0; }

/* Mağaza rozetleri */
.stores a { display: inline-block; border-radius: 8px; }

/* Bölüm içi küçük başlık listesi */
.toc { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0.5rem; }
.toc a { display: inline-block; padding: 0.4rem 0.85rem; border: 1px solid var(--cizgi); border-radius: 999px; font-family: var(--f-baslik); font-size: 0.88rem; font-weight: 500; color: var(--lacivert); text-decoration: none; }
.toc a:hover { border-color: var(--lacivert); background: var(--sis-2); }

/* Sonuç bandı alt notu */
.results-note { margin: 1rem 0 0; font-size: var(--fs-0); color: rgba(255, 255, 255, 0.7); }

/* Sayfa içi büyük alıntı (hadis vb.) */
.quote { margin: 0; padding: 1.25rem 1.5rem; background: var(--sis-2); border-radius: var(--r-md); }
.quote p { font-style: italic; color: var(--lacivert-2); margin-bottom: 0.5rem; }
.quote cite { font-family: var(--f-baslik); font-style: normal; font-size: 0.85rem; color: var(--gri); }

/* Sunum sayfaları (Londra kampı vb.) */
.slide { margin: 0; }
.slide img, .slides img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; border-radius: var(--r-md); background: var(--beyaz); border: 1px solid var(--cizgi); }
.slide--cover img { border-radius: var(--r-lg); box-shadow: var(--golge); }
@media (min-width: 64rem) { .slide--cover { position: sticky; top: 7rem; } }
.slides { list-style: none; margin: 0; padding: 0; display: grid; gap: clamp(1.75rem, 1rem + 2vw, 2.5rem) clamp(1.25rem, 0.75rem + 2vw, 2rem); }
@media (min-width: 44rem) { .slides { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 72rem) { .slides { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.slides a { display: block; border-radius: var(--r-md); }
.slides a:hover img { border-color: var(--altin); }
.slides h3 { font-size: var(--fs-2); margin: 0.85rem 0 0.25rem; }
.slides p { margin: 0; font-size: 0.95rem; color: var(--gri); }

/* Tanım listesi (takvim, sorumlular) */
.facts-list { margin: 0 0 1.25rem; display: grid; gap: 0.85rem; }
.facts-list > div { display: grid; gap: 0.1rem; padding-bottom: 0.85rem; border-bottom: 1px solid var(--cizgi); }
.facts-list > div:last-child { border-bottom: 0; padding-bottom: 0; }
.facts-list dt { font-family: var(--f-baslik); font-size: 0.8rem; font-weight: 500; color: var(--gri); }
.facts-list dd { margin: 0; font-family: var(--f-baslik); font-weight: 600; color: var(--lacivert); }

/* Açıklamalı bağlantı ızgarası */
.link-grid--desc small { display: block; margin-top: 0.3rem; font-family: var(--f-metin); font-size: 0.9rem; font-weight: 400; color: var(--gri); }
.link-grid--desc a { padding: 1.15rem 1.25rem; }

/* Belge (PDF) listesi */
.doc-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.6rem; }
.doc-list a { display: flex; align-items: center; gap: 0.85rem; padding: 0.9rem 1rem; border: 1px solid var(--cizgi); border-radius: var(--r-md); background: var(--beyaz); font-family: var(--f-baslik); font-weight: 600; color: var(--lacivert); text-decoration: none; }
.doc-list a:hover { border-color: var(--lacivert); }
.doc-list .ico { flex: none; color: var(--altin-koyu); }
.doc-list small { display: block; font-weight: 400; font-size: 0.85rem; color: var(--gri); }

/* Kıyafet kartları (dikey görseller) */
.garments { list-style: none; margin: 1rem 0 3rem; padding: 0; display: grid; gap: 1.5rem 1rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 48rem) { .garments { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 72rem) { .garments { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2rem 1.5rem; } }
.garments:last-child { margin-bottom: 0; }
.garments a { display: block; border-radius: var(--r-md); }
.garments img { width: 100%; height: auto; aspect-ratio: 720 / 1024; object-fit: cover; border-radius: var(--r-md); background: var(--sis); }
.garments h3 { font-size: var(--fs-1, 1rem); margin: 0.75rem 0 0.15rem; }
.garments p { margin: 0; font-size: 0.88rem; color: var(--gri); }

/* Prose içinde adım listesi */
.prose .steps { padding-left: 0; margin: 1.75rem 0; }
.prose .steps li { margin-bottom: 0; }
.pillars h3 .muted { font-size: 0.8em; font-weight: 400; margin-left: 0.35rem; }

/* CRM bursluluk kartı: tema başlık rengini devralmasın */
.fbw h1, .fbw h2, .fbw h3, .fbw h4 { color: inherit; }
.link-grid--desc { grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)); }
.link-grid--desc a { height: 100%; }

/* reCAPTCHA rozeti mobil çubuğun ve WhatsApp düğmesinin altında kalmasın */
.grecaptcha-badge { bottom: calc(70px + env(safe-area-inset-bottom)) !important; z-index: 80 !important; }
@media (min-width: 48rem) { .grecaptcha-badge { bottom: 100px !important; } }
