/* =============================================================================
   YASAL METİN SAYFALARI — kvkk.php ve cerez-politikasi.php
   css/ef2_temel.css'ten sonra yüklenir (renk değişkenleri oradan gelir).
   ============================================================================= */
.ys-kap { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 24px; align-items: start; }

/* İçindekiler */
.ys-icindekiler { position: sticky; top: 96px; padding: 16px; border-radius: 22px; background: var(--ef-kart); border: 1px solid var(--ef-cizgi); }
.ys-icindekiler b { display: block; margin-bottom: 10px; font: 800 11px/1 'Inter', sans-serif; letter-spacing: 2px; text-transform: uppercase; color: var(--ef-neon); }
.ys-icindekiler a { display: block; padding: 7px 10px; border-radius: 10px; font-size: 13.5px; font-weight: 600; line-height: 1.35; color: #c9d6ee; }
.ys-icindekiler a:hover { background: rgba(255, 255, 255, .06); color: #fff; }
.ys-icindekiler .ys-diger { margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--ef-cizgi); }

/* Metin */
.ys-metin { padding: 28px; border-radius: 26px; background: var(--ef-kart); border: 1px solid var(--ef-cizgi); font-size: 15.5px; line-height: 1.75; color: #d6deeb; }
.ys-metin section { scroll-margin-top: 96px; }
.ys-metin section + section { margin-top: 30px; padding-top: 26px; border-top: 1px solid var(--ef-cizgi); }
.ys-metin h2 { margin: 0 0 12px; font-family: var(--ef-disp); font-weight: 400; font-size: 28px; line-height: 1.1; letter-spacing: .8px; color: #fff; }
.ys-metin h2 span { margin-right: 8px; color: var(--ef-neon); }
.ys-metin p { margin: 0 0 12px; }
.ys-metin ul { margin: 0 0 12px; padding-left: 20px; }
.ys-metin li { margin-bottom: 6px; }
.ys-metin b, .ys-metin strong { color: #fff; }
.ys-metin a { color: var(--ef-mavi); text-decoration: underline; }
.ys-metin a:hover, .ys-metin a:focus { color: #fff; text-decoration: underline; }

/* Kimlik kartı (veri sorumlusu) */
.ys-kimlik { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0 0 12px; }
.ys-kimlik div { padding: 12px 14px; border-radius: 14px; background: rgba(255, 255, 255, .04); border: 1px solid var(--ef-cizgi); }
.ys-kimlik small { display: block; margin-bottom: 3px; font: 800 10.5px/1.2 'Inter', sans-serif; letter-spacing: 1px; text-transform: uppercase; color: var(--ef-soluk); }
.ys-kimlik span { font-weight: 700; color: #fff; overflow-wrap: anywhere; }

/* Süreç / çerez kartları: başlık + etiketli satırlar */
.ys-kart { margin: 0 0 12px; padding: 16px 18px; border-radius: 18px; background: rgba(255, 255, 255, .035); border: 1px solid var(--ef-cizgi); }
.ys-kart h3 { margin: 0 0 10px; font: 800 16px/1.3 'Inter', sans-serif; color: #fff; }
.ys-kart h3 i { width: 22px; margin-right: 6px; text-align: center; color: var(--ef-neon); }
.ys-kart h3 code { font: 700 14px/1.3 Consolas, 'Courier New', monospace; color: var(--ef-altin); }
.ys-kart dl { display: grid; grid-template-columns: 132px minmax(0, 1fr); gap: 6px 14px; margin: 0; font-size: 14.5px; line-height: 1.6; }
.ys-kart dt { font-weight: 800; font-size: 11.5px; letter-spacing: .8px; text-transform: uppercase; color: var(--ef-soluk); padding-top: 3px; }
.ys-kart dd { margin: 0; }

.ys-not { margin: 0 0 12px; padding: 14px 16px; border-radius: 16px; background: rgba(76, 195, 240, .08); border: 1px solid rgba(76, 195, 240, .3); font-size: 14.5px; line-height: 1.65; }
.ys-kunye { margin-top: 22px; font-size: 13px; color: var(--ef-soluk); }

@media (max-width: 991px) {
    .ys-kap { grid-template-columns: minmax(0, 1fr); }
    .ys-icindekiler { position: static; }
}
@media (max-width: 640px) {
    .ys-metin { padding: 20px 16px; border-radius: 22px; font-size: 15px; }
    .ys-metin h2 { font-size: 25px; }
    .ys-kimlik { grid-template-columns: minmax(0, 1fr); }
    .ys-kart { padding: 14px; }
    .ys-kart dl { grid-template-columns: minmax(0, 1fr); gap: 2px; }
    .ys-kart dt { padding-top: 8px; }
}