/* ────────────────────────────────────────────────────────────────────────
   App bottom-sheet içindeki yasal metin içeriği + footer yasal linkleri.
   --mg-* token'larıyla dark/light uyumlu.
   ──────────────────────────────────────────────────────────────────────── */

/* İçerik AJAX ile geldiği için (productSheet gibi) SABİT yükseklik → açılışta
   sheet hemen 62vh'ye gelir, içerik gelince yukarı zıplama olmaz. 62vh = infoSheet. */
#legalSheet .mg-bs {
    height: 62vh;
    max-height: 62vh;
}

/* İÇERİK = Wi-Fi'nin altındaki gri alt metin (.mg-bs-row-sub): 12px, muted */
.mg-legal-content {
    padding: 2px 16px 14px;        /* yan boşluk pill gibi (16px), üst minimal */
    color: var(--mg-text-muted, var(--mg-text-soft));
    font-size: 12px;
    line-height: 1.45;
}

/* BAŞLIKLAR = "Wi-Fi" satır etiketi (.mg-bs-row-label): 13px, weight 500, ana metin rengi */
.mg-legal-title {
    font-family: "Poppins-Regular", sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.3;
    color: var(--mg-text);
    margin: 0 0 10px;
}

.mg-legal-content h2 {
    font-family: "Poppins-Regular", sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.3;
    color: var(--mg-text);
    margin: 14px 0 4px;
}

/* Metin içindeki <strong> de bold değil */
.mg-legal-content strong { font-weight: 500; }

.mg-legal-content p { margin: 0 0 12px; }

.mg-legal-content ul {
    margin: 0 0 14px;
    padding-left: 20px;
}

.mg-legal-content li { margin-bottom: 4px; }

.mg-legal-content a {
    color: var(--mg-primary);
    text-decoration: underline;
}

.mg-legal-content em { color: var(--mg-text-muted, var(--mg-text-soft)); }

/* Mobilde biraz daha kompakt — özellikle liste maddeleri arası */
@media (max-width: 991px) {
    .mg-legal-content    { line-height: 1.4; }
    .mg-legal-content p  { margin-bottom: 8px; }
    .mg-legal-content ul { margin-bottom: 8px; }
    .mg-legal-content li { margin-bottom: 2px; }
}

/* Loader — app genelindeki (productSheet) dönen spinner ile aynı */
.mg-legal-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 220px;
}

.mg-legal-spinner {
    width: 28px;
    height: 28px;
    border: 3px solid var(--mg-border);
    border-top-color: var(--mg-primary);
    border-radius: 50%;
    animation: mgSpin .7s linear infinite;
}

/* ── Footer yasal link satırı ── */
.footer-legal-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px 18px;
    margin: 14px 0 6px;
}

.footer-legal-links button {
    appearance: none;
    background: none;
    border: 0;
    padding: 0;
    cursor: pointer;
    font: inherit;
    font-size: 13px;
    color: var(--mg-text-muted, var(--mg-text-soft));
    transition: color .2s ease;
}

.footer-legal-links button:hover { color: var(--mg-primary); }