/*
 * BAŞVURU SAYFALARI — canlı storyajans.com (WordPress / Enfold) sayfa görünümü (R30).
 * Kayıt (= canlıdaki "Başvuru Formu" sayfası: solda gri / beyaz satırlı klasik form, sağda siyah çubuklu bilgi metni), eğitim · iş başvurusu · randevu (= canlıdaki
 * iletişim / eğitim formları: #f8f8f8 alan + siyah "Gönder"), yasal metinler (= canlıdaki "Kullanıcı ve Gizlilik Sözleşmesi" sayfası).
 * Kaynak: canlı sayfaların hesaplanmış stilleri; yalnız body.sw-mod-wp kapsamında geçerlidir (basvuru.css'in "modern" bileşenlerini ezer). Üst çubuk / menü / alt bant: story-kabuk.css.
 */
body.sb.sw-mod-wp { display: block; min-height: 0; margin: 0; background: #fff; color: #444; font: 400 14px/23.1px Montserrat, HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing: auto; }
body.sb.sw-mod-wp.sb-eski-arial { font-family: Arial, HelveticaNeue, "Helvetica Neue", Helvetica, sans-serif; }          /* canlıdaki eski başvuru uygulaması Arial kullanır */
.sw-mod-wp .sb-kap, .sw-mod-wp main.sb-kap { width: var(--sw-cw); max-width: 100%; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; }
.sw-mod-wp h1, .sw-mod-wp h2, .sw-mod-wp h3, .sw-mod-wp h4 { color: #222; font-family: Montserrat, Arial, sans-serif; font-weight: 400; letter-spacing: normal; }
.sw-mod-wp a { color: #444; text-decoration: none; }
.sw-mod-wp a:hover { color: #000; text-decoration: underline; }
.sw-mod-wp .sb-kart, .sw-mod-wp .sb-bos { border: 0; border-radius: 0; background: transparent; box-shadow: none; padding: 0; }

/* başlık bandı / gri satır başlıkları (yukarıdaki genel h1 kuralı bunları ezmesin) */
.sw-mod-wp .kb-bar h1 { color: #fff; font: 400 28px/1.1 Montserrat, Arial, sans-serif; letter-spacing: 1px; text-transform: uppercase; }
.sw-mod-wp .kb-bar p { color: #fff; }
.sw-mod-wp .kb-ince h1 { color: #fff; font: 400 16px/36.8px Montserrat, Arial, sans-serif; }
.sw-mod-wp .kb-ince a, .sw-mod-wp .kb-ince a:hover { color: #fff; }

/* ---------- ortak form öğeleri: #f8f8f8 alan, beyaz çerçeve, 2 px yuvarlak; siyah dikdörtgen düğme ---------- */
.sw-mod-wp .sb-f label, .sw-mod-wp .sb-f .sb-lbl { display: block; margin: 0 0 6px; color: #2e2e2e; font: 700 11.96px/23.1px Arial, HelveticaNeue, "Helvetica Neue", Helvetica, sans-serif; }
.sw-mod-wp .sb-f input[type="text"], .sw-mod-wp .sb-f input[type="email"], .sw-mod-wp .sb-f input[type="tel"], .sw-mod-wp .sb-f input[type="password"], .sw-mod-wp .sb-f input[type="number"], .sw-mod-wp .sb-f select, .sw-mod-wp .sb-f textarea,
.sw-mod-wp .sb-tel select, .sw-mod-wp .sb-kod input { width: 100%; box-sizing: border-box; min-height: 33px; padding: 8px 6px; border: 1px solid #fff; border-radius: 2px; background-color: #f8f8f8; color: #2e2e2e; font: 400 11.96px/normal HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif; box-shadow: none; }
.sw-mod-wp .sb-f textarea { min-height: 80px; }
.sw-mod-wp .sb-f input:focus, .sw-mod-wp .sb-f select:focus, .sw-mod-wp .sb-f textarea:focus { outline: 0; border-color: #ddd; box-shadow: none; }
.sw-mod-wp .sb-btn { min-height: 33px; padding: 9px 22px; border: 0; border-radius: 0; background: #000; color: #fff; font: 400 13.3333px/normal Arial, sans-serif; cursor: pointer; text-decoration: none; }
.sw-mod-wp .sb-btn:hover, .sw-mod-wp a.sb-btn:hover { background: #333; color: #fff; text-decoration: none; }
.sw-mod-wp .sb-btn.sb-hafif, .sw-mod-wp a.sb-btn.sb-hafif { background: #f8f8f8; color: #2e2e2e; }
.sw-mod-wp .sb-btn.sb-hafif:hover { background: #eee; color: #000; }
.sw-mod-wp .sb-btn.sb-tam { width: auto; display: inline-flex; }
.sw-mod-wp .sb-btn.sb-buyuk { min-height: 33px; font-size: 13.3333px; }
.sw-mod-wp .sb-hata, .sw-mod-wp .sb-durum { font-size: 12px; }
.sw-mod-wp .sb-z { background: #444; }

/* ---------- KAYIT (= canlıdaki "Başvuru Formu"): iki sütun, satırlar gri / beyaz dönüşümlü ---------- */
.sw-mod-wp .sb-hesap-ana { display: grid; grid-template-columns: minmax(0, 569fr) minmax(0, 569fr); gap: 0 72px; align-items: start; padding-top: 50px; padding-bottom: 50px; }
.sw-mod-wp .sb-hesap-sol { min-width: 0; }
.sw-mod-wp .sb-hesap-sag { min-width: 0; padding-top: 14px; }
.sw-mod-wp .sb-akis > header.sb-akis-bas { margin: 0 0 12px; }
.sw-mod-wp .sb-akis-bas h2, .sw-mod-wp .sb-akis-bas p, .sw-mod-wp .sb-adimlar { display: none; }
.sw-mod-wp .sb-akis-bas .sb-yardim { display: block; margin: 0; padding: 0 12px; color: #444; font: 400 11px/20px Arial, sans-serif; }
.sw-mod-wp .sb-akis > .sb-f, .sw-mod-wp .sb-akis > .sb-iki, .sw-mod-wp .sb-akis > .sb-onaylar { margin: 0; padding: 12px 12px 12px; }
.sw-mod-wp .sb-akis > .kb-gri { background: #f8f8f8; }
.sw-mod-wp .sb-iki { display: grid; grid-template-columns: 1fr 1fr; gap: 0 12px; }
.sw-mod-wp .sb-iki > .sb-f { margin: 0; }
.sw-mod-wp .sb-seg { display: flex; gap: 0; }
.sw-mod-wp .sb-seg label { flex: 1; margin: 0; }
.sw-mod-wp .sb-seg label span { display: block; padding: 8px 6px; border: 1px solid #fff; background: #f8f8f8; color: #2e2e2e; font: 400 11.96px/normal Arial, sans-serif; text-align: center; border-radius: 0; }
.sw-mod-wp .sb-seg input:checked + span { background: #000; color: #fff; }
.sw-mod-wp .sb-dt { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; }
.sw-mod-wp .sb-onaylar { background: #f8f8f8; }
.sw-mod-wp .sb-onay, .sw-mod-wp .sb-duz { color: #2e2e2e; font: 700 11.96px/23.1px Arial, sans-serif; }
.sw-mod-wp .sb-akis > .sb-btn.sb-gonder { margin: 12px 0 0 12px; }
.sw-mod-wp .sb-akis-not, .sw-mod-wp .sb-alt-not { margin: 10px 12px 0; color: #444; font: 400 12px/18px Arial, sans-serif; }
/* sağ sütun: canlıdaki bilgi metni — kalın siyah sol çubuklu iki vurgu, "İNTERNETTEN YOLLANAN RESİMLER HAKKINDA" … */
.kb-bilgi { font: 400 14px/23.1px Arial, HelveticaNeue, "Helvetica Neue", Helvetica, sans-serif; color: #2e2e2e; }
.kb-bilgi .kb-vurgu { margin: 0 0 22px; padding: 4px 0 4px 26px; border-left: 8px solid #000; color: #2e2e2e; font-size: 17.29px; line-height: 25.935px; }
.kb-bilgi .kb-vurgu p { margin: 14.6965px 0; }
.kb-bilgi h4 { margin: 14px 0 0; color: #000; font: 700 14px/23.1px Arial, sans-serif; text-transform: uppercase; }
.kb-bilgi p { margin: 0 0 12px; }
.kb-bilgi .kb-tesekkur { margin-top: 14px; padding: 0 0 0 26px; border-left: 8px solid #000; font-size: 17.29px; line-height: 25.935px; }
.sw-mod-wp .sb-bilgi-bolum { display: none; }
.sw-mod-wp .sb-sol .sb-video-kart, .sw-mod-wp .sb-sol .sb-uygulama { display: none; }
@media (max-width: 767px) { .sw-mod-wp .sb-hesap-ana { display: block; padding-top: 30px; } .sw-mod-wp .sb-hesap-sag { padding-top: 24px; } }
@media (min-width: 768px) and (max-width: 989px) { .sw-mod-wp .sb-hesap-ana { gap: 0 36px; } }

/* R30: kayıt kartının iç boşlukları / çerçevesi kalkar (canlıdaki form kapsayıcının soluna dayalı), "zorunlu alan" ipucu satırı canlıda yoktur */
.sw-mod-wp .sb-hesap, .sw-mod-wp .sb-panel, .sw-mod-wp .sb-akis { padding: 0; margin: 0; border: 0; background: transparent; box-shadow: none; }
.sw-mod-wp .sb-akis-bas .sb-yardim { display: none; }
.sw-mod-wp .sb-akis > header.sb-akis-bas { margin: 0; }

/* ---------- eğitim · iş başvurusu · randevu · yasal (= canlıdaki iletişim / eğitim / yasal WordPress sayfaları): düz sayfa, kart yok, iki sütun ---------- */
.sw-mod-wp .sb-sayfa { width: var(--sw-cw); max-width: 100%; margin: 0 auto; padding: 50px 0 50px; }
.sw-mod-wp .sb-sayfa.sb-dar, .sw-mod-wp .sb-sayfa.sb-genis { max-width: 100%; }
.sw-mod-wp .sb-sayfa .card, .sw-mod-wp .sb-sayfa article.card { border: 0; border-radius: 0; background: transparent; box-shadow: none; padding: 0; max-width: none; }
.sw-mod-wp .sb-geri { display: none; }
.kb-orta-baslik { margin: 0 0 40px; text-align: center; color: #222; font: 400 20px/22px Montserrat, Arial, sans-serif; }
.sw-mod-wp .kb-iki { display: grid; grid-template-columns: minmax(0, 569fr) minmax(0, 569fr); gap: 0 72px; align-items: start; }
.sw-mod-wp .kb-iki .kb-sag { padding-top: 0; font: 400 14px/23.1px Montserrat, Arial, sans-serif; color: #2e2e2e; }
.sw-mod-wp .kb-iki .kb-vurgu { padding: 0 0 0 20px; border-left: 4px solid #000; font-size: 14px; line-height: 23.1px; }
.sw-mod-wp .kb-iki .kb-vurgu p { margin: 0; }
.sw-mod-wp .kb-iki .kb-tesekkur { margin-top: 16px; padding-left: 20px; border-left: 4px solid #000; font-size: 14px; line-height: 23.1px; }
.sw-mod-wp .sb-bolum { margin: 0 0 18px; padding: 0; border: 0; }
.sw-mod-wp .sb-bolum h2 { margin: 0 0 10px; padding: 0 0 6px; border-bottom: 1px solid #e1e1e1; color: #222; font: 400 16px/1.5 Montserrat, Arial, sans-serif; text-transform: none; }
.sw-mod-wp .sb-sayfa .sb-f { margin: 0 0 14px; }
.sw-mod-wp .sb-yardim, .sw-mod-wp .sb-yardim-not { margin: 0 0 8px; color: #444; font: 400 12px/18px Arial, sans-serif; }
.sw-mod-wp .sb-onaylar { margin: 0 0 14px; padding: 8px 12px; background: #f8f8f8; }
.sw-mod-wp .sb-bos { text-align: left; padding: 10px 0; }
.sw-mod-wp .sb-bos .sb-rozet { display: none; }
.sw-mod-wp .sb-bos h2 { margin: 0 0 8px; font: 400 20px/1.2 Montserrat, Arial, sans-serif; }
.sw-mod-wp .sb-bos-ek { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
/* yasal metin: canlıdaki sayfa gibi düz, küçük yazı */
.sw-mod-wp .sb-yasal .card { padding: 0; }
.sw-mod-wp .sb-metin, .sw-mod-wp .st-belge { color: #444; font: 400 13px/22px Montserrat, Arial, sans-serif; }
/* yasal sayfa gövdesi (canlıdaki WordPress metni): p 14 px / 23,1 px #2e2e2e · başlık h4 18 px 600 #222 · kalın ara başlık 700 #000 */
.sw-mod-wp .sb-wp-metin { color: #2e2e2e; font: 400 14px/23.1px Montserrat, HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif; }
.sw-mod-wp .sb-wp-metin h4 { margin: 0 0 4px; color: #222; font: 600 18px/19.8px Montserrat, HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: normal; text-transform: none; }
.sw-mod-wp .sb-wp-metin h1, .sw-mod-wp .sb-wp-metin h2, .sw-mod-wp .sb-wp-metin h3, .sw-mod-wp .sb-wp-metin h5 { margin: 0 0 4px; color: #222; font-family: Montserrat, HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 600; letter-spacing: normal; text-transform: none; }
.sw-mod-wp .sb-wp-metin p { margin: 11.9px 0; }
.sw-mod-wp .sb-wp-metin b, .sw-mod-wp .sb-wp-metin strong { color: #000; font-weight: 700; }
.sw-mod-wp .sb-wp-metin a { color: #000; text-decoration: underline; }
@media (max-width: 767px) { .sw-mod-wp .kb-iki { display: block; } .sw-mod-wp .kb-iki .kb-sag { padding-top: 24px; } .sw-mod-wp .sb-sayfa { padding: 30px 0; } }

/* dijital kart sayfası (kart.php) canlı WordPress sayfası DEĞİLDİR (QR ile açılan kişisel kimlik kartı): kart görünümü ve dar genişlik korunur */
.sw-mod-wp .sb-sayfa.kt-sayfa { width: 100%; max-width: calc(460px + 2 * var(--sb-gut, 16px)); padding: 28px var(--sb-gut, 16px) 48px; }
.sw-mod-wp .kt-sayfa .card.kt-kart, .sw-mod-wp .kt-sayfa article.card.kt-kart { width: 100%; border: 1px solid var(--st-line-2); border-radius: var(--st-r-lg); background: var(--st-surface); box-shadow: var(--st-shadow); padding: 0; }
@media (max-width: 640px) { .sw-mod-wp .sb-sayfa.kt-sayfa { padding-top: 16px; } }

/* R30 (görsel denetim bulgusu): iş başvurusunda CV + fotoğraf dosya alanları dar ekranda sütunu taşırıyordu (320–414 px'te yatay kaydırma) → dosya alanı sütuna sığar, telefonda alt alta */
.sw-mod-wp .sb-f { min-width: 0; }
.sw-mod-wp .sb-sayfa input[type=file] { width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box; }
@media (max-width: 560px) { .sw-mod-wp .sb-iki:has(input[type=file]) { grid-template-columns: minmax(0, 1fr); } }   /* yalnız CV + fotoğraf satırı alt alta; doğum yılı | şehir gibi çiftler yan yana kalır (canlıdaki gibi) */
/* R30 (görsel denetim bulgusu): eğitim sayfasında aynı cümle hem formun üstünde hem sağ sütunda tekrar ediyordu → formun üstündeki kopya gizlenir (canlıda yalnız sağ sütun) */
.sw-mod-wp .kb-iki-sayfa .sb-yardim-not { display: none; }
