/* كنيستي — صفحات الخصوصية والشروط وحذف الحساب، بنفس ألوان الموقع */

:root {
    --navy: #081322;
    --navy-2: #0c1d32;
    --gold: #f0c986;
    --gold-deep: #be8f4b;
    --paper: #fbf8f2;
    --ink: #1c1a17;
    --ink-soft: #4f4639;
    --line: rgba(17, 24, 39, 0.1);
    --radius: 22px;
}

*, ::before, ::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
    margin: 0;
    font-family: 'Cairo', system-ui, -apple-system, 'Segoe UI', sans-serif;
    line-height: 1.8;
    color: var(--ink);
    background: var(--navy);
}
a { color: inherit; }
img { display: block; max-width: 100%; height: auto; }

.skip-link {
    position: absolute; inset-inline-start: 12px; top: -60px; z-index: 100;
    padding: 10px 16px; border-radius: 12px; background: var(--gold); color: var(--navy); font-weight: 800; text-decoration: none;
}
.skip-link:focus { top: 12px; }
:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }

/* ‏الشريط اللي فوق */
.legal-header {
    position: sticky; top: 0; z-index: 10;
    background: rgba(5, 12, 25, 0.9);
    border-bottom: 1px solid rgba(200, 169, 117, 0.16);
    backdrop-filter: blur(14px);
}
.legal-header__inner {
    max-width: 1040px; margin: 0 auto; padding: 12px 20px;
    display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap;
}
.legal-brand {
    display: inline-flex; align-items: center; gap: 10px; text-decoration: none;
    color: #f7f1e7; font-weight: 800; font-size: 1.25rem;
}
.legal-brand img { width: 40px; height: 40px; border-radius: 12px; }
.legal-nav { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.legal-nav a {
    color: rgba(246, 239, 229, 0.78); text-decoration: none; font-weight: 700; font-size: 0.92rem;
    padding: 8px 12px; border-radius: 999px;
}
.legal-nav a:hover { color: var(--gold); }
.legal-nav a[aria-current="page"] { color: var(--gold); background: rgba(240, 201, 134, 0.12); }
.legal-nav .legal-lang { border: 1px solid rgba(255, 255, 255, 0.16); color: #f3d19b; }

/* ‏العنوان */
.legal-main { max-width: 1040px; margin: 0 auto; padding: 0 20px 56px; }
.legal-hero {
    text-align: center; color: #f7f1e7; padding: 48px 12px 32px;
    background: radial-gradient(ellipse at top, rgba(112, 166, 255, 0.16), transparent 65%);
}
.legal-hero h1 { margin: 0 0 8px; font-size: clamp(1.9rem, 4vw, 2.6rem); line-height: 1.3; font-weight: 800; }
.legal-hero p { margin: 0; color: rgba(246, 239, 229, 0.82); font-size: 1.02rem; }
.legal-hero .legal-meta { margin-top: 8px; color: var(--gold); font-size: 0.92rem; font-weight: 700; }

/* ‏ورقة المحتوى */
.legal-card {
    background: var(--paper); border-radius: var(--radius); padding: clamp(24px, 5vw, 48px);
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.32);
}
.legal-card h2 {
    margin: 36px 0 14px; padding-bottom: 10px; font-size: 1.45rem; line-height: 1.4; font-weight: 800;
    color: var(--navy); border-bottom: 2px solid rgba(190, 143, 75, 0.35);
}
.legal-card h2:first-child, .legal-card > div:first-child + h2 { margin-top: 24px; }
.legal-card h3 { margin: 24px 0 10px; font-size: 1.15rem; font-weight: 800; color: #2a3a52; }
.legal-card p { margin: 0 0 14px; color: var(--ink-soft); }
.legal-card ul { margin: 0 0 18px; padding-inline-start: 26px; color: var(--ink-soft); }
.legal-card li { margin-bottom: 8px; }
.legal-card strong { color: var(--ink); }
.legal-card a { color: #8a5f1f; font-weight: 700; }

.highlight-box, .contact-box, .warning-box, .danger-box, .app-info {
    margin: 22px 0; padding: 20px 22px; border-radius: 16px; border-inline-start: 4px solid;
}
.highlight-box { background: #f3ecdf; border-color: var(--gold-deep); }
.contact-box { background: #eef3f9; border-color: #2f5e8e; }
.warning-box { background: #fff6e5; border-color: #d39a2c; }
.danger-box { background: #fdeceb; border-color: #c0453b; }
.app-info { background: #edf6ee; border-color: #3f8f4f; }
.highlight-box p:last-child, .contact-box p:last-child, .warning-box p:last-child, .danger-box p:last-child { margin-bottom: 0; }
.highlight-box h3, .contact-box h3, .warning-box h3, .danger-box h3, .app-info h3 { margin-top: 0; }

.app-info table { width: 100%; border-collapse: collapse; margin-top: 8px; }
.app-info td { padding: 9px 12px; border-bottom: 1px solid rgba(63, 143, 79, 0.2); vertical-align: top; }
.app-info td:first-child { font-weight: 800; color: #2e6b3a; width: 40%; }

.steps { counter-reset: step; list-style: none; padding-inline-start: 0 !important; }
.steps li { counter-increment: step; position: relative; padding-inline-start: 52px; margin-bottom: 16px; min-height: 36px; }
.steps li::before {
    content: counter(step); position: absolute; inset-inline-start: 0; top: 0;
    width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center;
    background: linear-gradient(135deg, #efce8e, #d5a150); color: var(--navy); font-weight: 800;
}

/* ‏آخر الصفحة */
.legal-footer { text-align: center; color: rgba(246, 239, 229, 0.7); padding: 8px 20px 40px; font-size: 0.92rem; }
.legal-footer p { margin: 4px 0; }
.legal-footer__links { display: flex; justify-content: center; flex-wrap: wrap; gap: 6px 14px; margin-bottom: 14px; }
.legal-footer__links a { color: rgba(246, 239, 229, 0.85); text-decoration: none; font-weight: 700; }
.legal-footer__links a:hover { color: var(--gold); }

@media (max-width: 640px) {
    .legal-header__inner { justify-content: center; }
    .legal-nav { justify-content: center; }
    .legal-nav a { padding: 6px 10px; font-size: 0.86rem; }
    .app-info td { display: block; width: 100% !important; border-bottom: 0; padding: 4px 0; }
    .app-info tr { display: block; padding: 8px 0; border-bottom: 1px solid rgba(63, 143, 79, 0.2); }
}