@charset "UTF-8";

/* ═══════════════════════════════════════════════════
   Surfers Paradise – custom.css
   Entry point. Importerar moduler och externa fonter.
   Redigera respektive modul-fil för detaljändringar.
═══════════════════════════════════════════════════ */

/* ─── Externa fonter ─── */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

/* ─── Design-tokens (variabler) – läses av alla moduler ─── */
@import url('https://design.textalk.se/surfers/css/tokens.css');

/* ─── Layout & globala resets ─── */
@import url('https://design.textalk.se/surfers/css/base.css');

/* ─── Plattforms-resets (nollställer Abicarts inbyggda CSS) ─── */
@import url('https://design.textalk.se/surfers/css/resets.css');

/* ─── Header & navigation ─── */
@import url('https://design.textalk.se/surfers/css/header.css');

/* ─── Sidebar & vertikal meny ─── */
@import url('https://design.textalk.se/surfers/css/sidebar.css');

/* ─── Sidebar-navigation (menyträd med chevrons) ─── */
@import url('https://design.textalk.se/surfers/css/navigation.css');

/* ─── Produktlisting & kort ─── */
@import url('https://design.textalk.se/surfers/css/product-cards.css');

/* ─── Produktsida ─── */
@import url('https://design.textalk.se/surfers/css/product-page.css?v=20261028-1');

/* ─── Knappar ─── */
@import url('https://design.textalk.se/surfers/css/buttons.css');

/* ─── Nyhetsblock (startsida) ─── */
@import url('https://design.textalk.se/surfers/css/news-block.css');

/* ─── Startsida övrigt ─── */
@import url('https://design.textalk.se/surfers/css/start.css');

/* ─── Checkout ─── */
@import url('https://design.textalk.se/surfers/css/checkout.css');

/* ─── Footer ─── */
@import url('https://design.textalk.se/surfers/css/footer.css');

/* ─── Utilities (hjälpklasser som används tvärs moduler) ─── */
@import url('https://design.textalk.se/surfers/css/utilities.css');

/* ─── Fyrverkeri-animation (köp-modal) ─── */
@import url('https://design.textalk.se/surfers/css/fireworks.css');

/* ─── Blog ─── */
@import url('https://design.textalk.se/surfers/css/blog.css');

/* ─── CP2 ─── */
@import url('https://design.textalk.se/cp2/cp2.css');