/* ─── CMS supplement — utility classes and small responsive fixes ───────────
   Loaded after main.css + components.css. Adds the padding/background
   modifier classes the section-builder writes, plus a few responsive fixes
   that previously lived as inline <style> blocks inside specific pages.
─────────────────────────────────────────────────────────────────────────── */

/* Section padding modifiers (default `section` already has the standard padding) */
.pad-none { padding-block: 0 !important; }
.pad-sm   { padding-block: clamp(var(--space-8), 4vw, var(--space-12)) !important; }
.pad-md   { padding-block: clamp(var(--space-12), 6vw, var(--space-20)) !important; }
.pad-xl   { padding-block: clamp(var(--space-20), 10vw, var(--space-32)) !important; }

/* Background modifiers (.bg-alt already exists in main.css) */
.bg-dark     { background: var(--clr-card) !important; }
.bg-gradient { background: var(--gradient-card) !important; }

/* Alternating "direction:rtl" trick used by partners showcase + case studies grid
   needs a mobile reset so columns stack normally and stay LTR. Previously inline
   in /work.php; lifted here so every section that uses the trick gets it. */
@media (max-width: 768px) {
    section > .container > div > div[style*="grid-template-columns"],
    section > .container > div[style*="grid-template-columns"],
    section > .container .grid-2[style*="direction:rtl"] {
        grid-template-columns: 1fr !important;
        direction: ltr !important;
    }
}

/* Contact form AJAX response messages — previously inline in /contact.php */
.form-message {
    padding: var(--space-4) var(--space-5);
    border-radius: var(--radius-md);
    font-size: var(--fs-sm);
    font-weight: var(--fw-medium);
    margin-top: var(--space-4);
}
.form-message--success {
    background: rgba(0, 201, 100, 0.1);
    border: 1px solid rgba(0, 201, 100, 0.3);
    color: #00C964;
}
.form-message--error {
    background: rgba(255, 60, 172, 0.1);
    border: 1px solid rgba(255, 60, 172, 0.3);
    color: var(--clr-pink);
}