/* ================================================================
   LEGAL PAGES – DirtyDeluxe (Supplement zu how-it-works.css)
   Wiederverwendet alle .hiw-* Klassen aus how-it-works.css
   Zusätzliche Elemente nur für Legal-Seiten
   Scoped: body.dd-legal-page
   ================================================================ */

/* ── Contact Box (Impressum) ── */
body.dd-legal-page .hiw-contact-box {
    background: rgba(0, 0, 0, 0.3);
    border-left: 3px solid #d4af37;
    border-radius: 0 8px 8px 0;
    padding: 20px;
    margin: 20px 0;
}

body.dd-legal-page .hiw-contact-box p {
    margin: 0 0 8px 0;
    font-size: 0.95rem;
    line-height: 1.6;
}

body.dd-legal-page .hiw-contact-box p:last-child {
    margin-bottom: 0;
}

body.dd-legal-page .hiw-contact-box strong {
    color: #d4af37;
}

body.dd-legal-page .hiw-contact-box a {
    color: #d4af37;
    text-decoration: underline;
}

body.dd-legal-page .hiw-contact-box a:hover {
    color: #dc2626;
}

/* ── Last Updated ── */
body.dd-legal-page .hiw-last-updated {
    text-align: center;
    font-size: 0.8rem;
    opacity: 0.5;
    margin-top: 20px;
    font-style: italic;
}

/* ── Gold Box Variant ── */
body.dd-legal-page .hiw-box--gold {
    background: rgba(251, 191, 36, 0.08);
    border: 1px solid rgba(251, 191, 36, 0.3);
    color: #d4af37;
    text-align: center;
    font-weight: 600;
}

/* ── Card Importance Highlight ── */
body.dd-legal-page .hiw-card--important {
    border-color: #d4af37;
    background: linear-gradient(145deg, rgba(35, 35, 35, 0.7), rgba(10, 10, 10, 0.75));
}

/* ── Section number icon variant (checkmark) ── */
body.dd-legal-page .hiw-number--check {
    font-size: 1.8rem;
    opacity: 0.8;
}

/* ── Mobile Anpassungen ── */
@media (max-width: 600px) {
    body.dd-legal-page .hiw-contact-box {
        padding: 15px;
    }

    body.dd-legal-page .hiw-info-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 3px;
    }
}