/* css/ortak/bilgi-sayfasi.css — bilgi sayfalarının ortak iskeleti (genel/bilgi-sayfasi.blade.php), 2026-10-10.
   Kullananlar: Hukuki Metinler, Yardım, İletişim, Kurumsal/Hakkımızda/Kariyer (sayfa/{slug}), Sipariş Sorgula.
   Bu sayfalar css/ortak.css (renkler, footer, toast) + css/ortak/site-header.css (ana sayfayla aynı üst kısım)
   + css/ortak/mobil-menu-5li.css (telefondaki 5'li alt menü) kullanır; bu dosya en son yüklenir. */

/* ortak.css'teki eski <header> ve .logo kuralları ana sayfa header'ını bozmasın */
header.header{padding:0;box-shadow:none;z-index:200;background:#fff}
.header .logo{background:none;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:currentColor;font-size:1.6rem;font-weight:700;color:var(--mor)}
.header .logo span{-webkit-text-fill-color:currentColor;color:var(--magenta)}

/* Sayfa başlığı şeridi (degrade) */
.bs-hero{max-width:1280px;margin:24px auto 0;padding:0 20px}
.bs-hero-ic{background:var(--gradient);border-radius:22px;padding:34px 40px;color:#fff;position:relative;overflow:hidden}
.bs-hero-ic::before{content:'';position:absolute;right:-70px;top:-70px;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.09)}
.bs-hero-ic::after{content:'';position:absolute;left:-50px;bottom:-60px;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.06)}
.bs-hero-ic>*{position:relative;z-index:1}
.bs-yol{font-size:12.5px;opacity:.9;margin-bottom:10px;display:flex;flex-wrap:wrap;gap:6px}
.bs-yol a{color:#fff;text-decoration:underline;text-underline-offset:2px}
.bs-hero h1{font-family:'Quicksand',sans-serif;font-size:30px;line-height:1.25;font-weight:700}
.bs-hero p{font-size:14.5px;opacity:.95;margin-top:8px;max-width:640px}

/* İki sütun: solda sayfa menüsü, sağda içerik */
.bs-duzen{max-width:1280px;margin:24px auto 0;padding:0 20px;display:grid;grid-template-columns:270px 1fr;gap:24px;align-items:start}
.bs-yan{background:var(--beyaz);border-radius:18px;box-shadow:var(--golge);padding:12px;position:sticky;top:150px}
.bs-yan h4{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#999;padding:8px 12px 6px}
.bs-yan a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:12px;font-size:14px;font-weight:600;color:#444;transition:background .2s,color .2s}
.bs-yan a:hover{background:#f6effb;color:var(--mor)}
.bs-yan a.aktif{background:var(--gradient);color:#fff}
.bs-yan a .ik{width:28px;height:28px;border-radius:8px;background:#f6effb;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}
.bs-yan a.aktif .ik{background:rgba(255,255,255,.22)}

.bs-kart{background:var(--beyaz);border-radius:18px;box-shadow:var(--golge);padding:40px 48px}

/* Zengin metin içeriği (hukuki metinler + CMS sayfaları) */
.bs-metin{font-size:15px;line-height:1.8;color:#3a3a4a}
.bs-metin h1{font-family:'Quicksand',sans-serif;font-size:24px;margin:0 0 18px;color:var(--koyu)}
.bs-metin h2{font-family:'Quicksand',sans-serif;font-size:20px;margin:30px 0 12px;padding-top:16px;border-top:1px solid #f0f0f0;color:var(--koyu)}
.bs-metin h2:first-child{margin-top:0;padding-top:0;border-top:none}
.bs-metin h3{font-size:16px;margin:22px 0 10px;color:var(--koyu)}
.bs-metin p{margin:0 0 14px}
.bs-metin ul,.bs-metin ol{margin:0 0 14px;padding-left:22px}
.bs-metin li{margin-bottom:6px}
.bs-metin a{color:var(--mor);text-decoration:underline}
.bs-metin strong{color:var(--koyu)}
.bs-metin blockquote{margin:0 0 16px;padding:12px 18px;background:#faf5fc;border-left:4px solid var(--mor);border-radius:0 10px 10px 0;font-size:14px;color:#555}
.bs-metin table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:13.5px;display:block;overflow-x:auto}
.bs-metin th,.bs-metin td{border:1px solid #eee;padding:8px 12px;text-align:left;vertical-align:top}
.bs-metin th{background:var(--gri);font-weight:700}
.bs-metin hr{border:none;border-top:1px solid #eee;margin:26px 0}
.bs-metin img{border-radius:12px;margin:10px 0}

/* Telefonda soldan açılan sayfa menüsü (5'li menünün ilk düğmesi açar). Bilgisayarda hiç görünmez. */
@media(min-width:768px){.bs-cekmece{display:none}}
.bs-cekmece button{border:none;background:none;cursor:pointer;color:inherit;font-family:inherit}
.bs-cekmece-liste{overflow-y:auto;padding:6px 0 30px}
.bs-cekmece-liste a,.bs-cekmece-liste button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:14px 18px;border-bottom:1px solid #f1f1f1;font:600 14.5px 'Nunito',sans-serif;color:var(--text)}
.bs-cekmece-liste .ik{width:30px;height:30px;border-radius:9px;background:#f6effb;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}
.bs-cekmece-liste .aktif{color:var(--mor);font-weight:800;box-shadow:inset 3px 0 var(--mor);background:#faf5fc}

@media(max-width:1024px){
  .bs-duzen{grid-template-columns:230px 1fr}
  .bs-kart{padding:32px}
}
@media(max-width:767px){
  .bs-hero{margin-top:14px;padding:0 12px}
  .bs-hero-ic{padding:22px 20px;border-radius:18px}
  .bs-hero h1{font-size:22px}
  .bs-hero p{font-size:13.5px}
  .bs-duzen{display:block;margin-top:14px;padding:0 12px}
  .bs-yan{display:none}
  .bs-kart{padding:22px 18px;border-radius:16px}
  .bs-metin{font-size:14.5px;line-height:1.75}
  .bs-metin h1{font-size:20px}
  .bs-metin h2{font-size:17px}
  footer{margin-top:30px}
}