/* 🎫 Üyelik ekranı ve son günler hatırlatması (uyelik.js; Riven 30 Eki). Renkler style.css değişkenlerinden: açık/koyu tema kendiliğinden. */
.uy h2 { margin:0 0 8px; }
.uy-durum { margin:0 0 12px; padding:10px 12px; border-radius:12px; background:var(--warn-bg); color:var(--ink); font-size:15px; line-height:1.45; }
.uy-durum.ok { background:var(--ok-bg); }
.uy-durum.bitti { background:var(--bad-bg); }
.uy-liste { margin:0 0 14px; padding-left:20px; font-size:15px; line-height:1.6; }
.uy-paketler { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px; margin:4px 0 14px; }
.uy-paket { position:relative; display:flex; flex-direction:column; gap:4px; padding:14px 12px 12px; border:2px solid var(--line); border-radius:var(--radius); background:var(--card); min-width:0; }
.uy-paket.one { border-color:var(--primary); box-shadow:0 4px 0 var(--line); }
.uy-rozet { position:absolute; top:-11px; left:12px; padding:2px 9px; border-radius:999px; background:var(--primary); color:#fff; font-size:12px; font-weight:700; white-space:nowrap; }
.uy-ad { display:flex; flex-wrap:wrap; align-items:baseline; gap:6px; font-size:16px; }
.uy-indirim { font-size:12px; font-weight:700; color:var(--ok); }
.uy-fiyat { font-size:22px; font-weight:800; color:var(--ink); overflow-wrap:anywhere; }
.uy-ay { margin-bottom:6px; }
.uy-paket .btn { margin-top:auto; }
.uy-not { margin:4px 0 12px; padding:10px 12px; border-radius:12px; background:var(--bg); font-size:14px; line-height:1.45; }
.uy-kucuk { line-height:1.45; }
.uy .linkbtn { display:block; margin:6px auto 0; background:none; border:0; color:var(--primary); font-size:14px; text-decoration:underline; cursor:pointer; padding:8px; }
.uy-hatirlat { position:relative; margin:10px 0; padding:14px 40px 14px 14px; border:2px solid var(--warn); background:var(--warn-bg); }
.uy-hatirlat p { margin:4px 0 10px; }
.uy-hatirlat .btn { width:auto; padding-inline:16px; margin:0; }
.uy-kapat { position:absolute; top:6px; right:6px; width:34px; height:34px; border:0; border-radius:50%; background:transparent; color:var(--muted); font-size:22px; line-height:1; cursor:pointer; }
.uy-kapat:hover { background:var(--card); }
.uy-ayar-dugme { display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
.uy-ayar-dugme .btn { width:auto; padding-inline:14px; margin:0; }
@media (max-width:360px) { .uy-paketler { grid-template-columns:1fr; } }
.uy-yenileme { margin:2px 0 8px; line-height:1.4; }
/* 📄 Ön Bilgilendirme Formu ve Mesafeli Sözleşme penceresi (uyelik.js onBilgiPenceresi; hukuk B-S2). Ekrana sığar: metin kendi içinde kayar, kutu ve
   düğmeler hep görünür; çok kısa ekranda (yatay, büyük yazı) bütün pencere kayar. Pencere body'de olduğundan .phone'un yazı boyutu yakınlaştırması
   ona işlemez: aynı oran (--yazi-z) burada yazıya uygulanır. Renkler tema değişkenlerinden (açık/koyu kendiliğinden). */
.sheet-back.ob-back { z-index:9000; align-items:center; padding:max(10px, env(safe-area-inset-top, 0px)) 10px max(10px, env(safe-area-inset-bottom, 0px)); }
.ob-sheet { font-size:calc(15px * var(--yazi-z, 1)); max-width:560px; max-height:100%; box-sizing:border-box; overflow-y:auto; overscroll-behavior:contain; gap:10px; padding:16px 14px; }
.ob-sheet h3 { font-size:1.2em; line-height:1.3; overflow-wrap:anywhere; }
.ob-etiket { margin:0; padding:6px 10px; border-radius:10px; background:var(--warn-bg); color:var(--ink); font-size:.85em; font-weight:700; }
.ob-ozet { margin:0; line-height:1.45; overflow-wrap:anywhere; }
.ob-metin { flex:1 1 auto; min-height:8em; overflow-y:auto; -webkit-overflow-scrolling:touch; overscroll-behavior:contain; padding:10px 12px; border:1px solid var(--line); border-radius:12px; background:var(--bg); color:var(--ink); line-height:1.55; overflow-wrap:anywhere; }
.ob-metin:focus-visible { outline:2px solid var(--primary); outline-offset:2px; }
.ob-metin h4 { margin:16px 0 6px; font-size:1.1em; line-height:1.3; }
.ob-metin h5 { margin:10px 0 2px; font-size:1em; line-height:1.35; }
.ob-metin p { margin:0 0 6px; }
.ob-metin .ob-giris { color:var(--muted); }
.ob-metin a { color:var(--primary); }
.ob-kutu { display:flex; gap:10px; align-items:flex-start; line-height:1.4; cursor:pointer; overflow-wrap:anywhere; }
.ob-kutu input { flex:none; width:1.35em; height:1.35em; margin:.1em 0 0; accent-color:var(--primary); }
.ob-hata { margin:0; color:var(--bad); font-size:.9em; }
.ob-hata:empty { display:none; }
.ob-dugmeler { display:flex; flex-wrap:wrap; gap:8px; }
.ob-dugmeler .btn { flex:1 1 7em; width:auto; margin:0; padding:12px 10px; min-height:48px; font-size:1.05em; }
.ob-dugmeler .btn:disabled { cursor:not-allowed; box-shadow:none; }
@media (max-height:520px) { .ob-metin { min-height:5.5em; } }