/* ═══════════════════════════════════════════════════════════════
   APP.CSS — tirgus.audilatvija.lv
   Main CSS entry point. Link this file in layout.php for all
   new pages. Existing pages using /assets/style.css directly
   can migrate to this file incrementally.

   IMPORT ORDER (do not reorder — cascade depends on it):
     1. Legacy file  → preserves all existing UI
     2. Tokens       → extends design system for new development
     3. Base         → reset overrides and global primitives
     4. Components   → reusable UI building blocks
     5. Sections     → page-section layouts (hero, footer)
     6. Pages        → page-specific styles
     7. Utilities    → helpers and responsive overrides last

   CONVENTIONS:
     • Namespace:   .t- prefix on all classes (existing pattern)
     • Modifiers:   BEM-style .t-block--modifier
     • New tokens:  --color-*, --space-*, --font-* (see variables.css)
     • Utilities:   .t-u-* prefix, use sparingly
     • No !important except for utility overrides
     • No inline styles — extract to nearest component file

   ADDING NEW STYLES:
     Add to the most specific file that matches:
       Component used on multiple pages → /components/
       Section pattern repeated → /sections/
       Page-unique layout → /pages/
       One-off cross-cutting micro-style → /utilities/helpers.css

   STATUS KEY in module files:
     PENDING      = migration target, no new rules yet
     READY        = active, new rules can be added
     NOT STARTED  = planned for future features
   ═══════════════════════════════════════════════════════════════ */


/* 1 ── LEGACY (untouched) ─────────────────────────────────────── */
@import url('../style.css');


/* 2 ── TOKENS ────────────────────────────────────────────────── */
@import url('./utilities/variables.css');


/* 3 ── BASE ──────────────────────────────────────────────────── */
@import url('./base/reset.css');
@import url('./base/typography.css');
@import url('./base/globals.css');


/* 4 ── COMPONENTS ────────────────────────────────────────────── */
@import url('./components/nav.css');
@import url('./components/buttons.css');
@import url('./components/cards.css');
@import url('./components/card-slider.css');
@import url('./components/filters.css');
@import url('./components/flash.css');
@import url('./components/forms.css');
@import url('./components/modal.css');
@import url('./components/dropdown.css');
@import url('./components/pagination.css');
@import url('./components/empty-state.css');
@import url('./components/sold-section.css');
@import url('./components/status-badge.css');
@import url('./components/lightbox.css');
@import url('./components/share.css');
@import url('./components/table.css');
@import url('./components/photo-uploader.css');
@import url('./components/adsense.css');


/* 5 ── SECTIONS ──────────────────────────────────────────────── */
@import url('./sections/category-nav.css');
@import url('./sections/hero.css');
@import url('./sections/footer.css');


/* 6 ── PAGES ─────────────────────────────────────────────────── */
@import url('./pages/home.css');
@import url('./pages/listing.css');
@import url('./pages/auth.css');
@import url('./pages/profile.css');
@import url('./pages/admin.css');
@import url('./pages/perku.css');
@import url('./pages/perku-detail.css');
@import url('./pages/dealer.css');
@import url('./pages/dashboard.css');


/* 7 ── UTILITIES (last — highest specificity intent) ─────────── */
@import url('./utilities/helpers.css');
@import url('./utilities/responsive.css');