/**
 * Ekmanstiftelserna Child Theme - CSS Overrides Layer
 * 
 * ARCHITECTURE:
 * This file provides a dedicated override layer for small CSS adjustments
 * that would otherwise require editing the main style.css file.
 *
 * WHY THIS EXISTS:
 * - Main style.css is large and contains foundational design
 * - Small tweaks can get lost or cause merge conflicts
 * - Overrides.css is explicitly loaded AFTER main theme CSS
 * - Easy to review all customizations in one focused file
 *
 * LOADING ORDER:
 * 1. Divi parent theme CSS
 * 2. Ekmanstiftelserna child theme style.css
 * 3. Ekmanstiftelserna child theme overrides.css (THIS FILE)
 *
 * WHEN TO USE:
 * - Quick color or spacing fixes
 * - Font-size adjustments
 * - Margin/padding tweaks
 * - Hover state changes
 * - Responsive breakpoint refinements
 *
 * WHEN NOT TO USE:
 * - Structural layout changes (should be in style.css)
 * - New components (add to style.css with documentation)
 * - Multiple related rules (consider consolidating in style.css)
 *
 * NOTES:
 * - Keep specificity reasonable (aim for class-level, avoid !important)
 * - Add inline comments explaining WHY the override exists
 * - Reference design system variables when possible (--space-s, --space-m, etc)
 * - Test in Chrome, Firefox, Safari on mobile and desktop
 * - Avoid WordPress "Additional CSS" for layout (it's not version-controlled)
 *
 * RELATED:
 * - /style.css - Main child theme styles
 * - /functions.php - CSS enqueue logic and comments
 */

/* Begin custom overrides below */