/* General Resets */
* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Plus Jakarta Sans', sans-serif; border-style: solid; border-width: 0; }
.container { max-width: 1700px;
    margin: 0 auto;
    padding: 0 20px;
}

a { text-decoration: none; color: inherit; }

/* Responsive Container */
@media (max-width: 768px) {
    .container {
        padding: 0 16px;
    }
}

@media (max-width: 480px) {
    .container {
        padding: 0 12px;
    }
}

/* Header and footer styling lives in components/header/header.css and
   components/footer/footer.css — this file previously duplicated those
   rules under a legacy class scheme no longer used in the markup. */

/* ── RTL Global Rules (Arabic) ─────────────────────────────── */
[dir="rtl"] {
    font-family: 'Noto Sans Arabic', 'Plus Jakarta Sans', sans-serif;
    text-align: right;
}

[dir="rtl"] .container { direction: rtl; }

/* Page hero sections */
[dir="rtl"] .cr-hero-content,
[dir="rtl"] .pp-hero-content,
[dir="rtl"] .tc-hero-content,
[dir="rtl"] .rr-hero-content,
[dir="rtl"] .cu-hero-content {
    text-align: right;
}

/* Form fields */
[dir="rtl"] input,
[dir="rtl"] textarea,
[dir="rtl"] select {
    text-align: right;
    direction: rtl;
}

/* Section accordion toggles */
[dir="rtl"] .pp-section-header,
[dir="rtl"] .tc-section-header,
[dir="rtl"] .rr-section-header {
    flex-direction: row-reverse;
}

[dir="rtl"] .pp-section-toggle,
[dir="rtl"] .tc-section-toggle,
[dir="rtl"] .rr-section-toggle {
    margin-left: 0;
    margin-right: auto;
}