/* GothamPro is loaded by the theme (@font-face in assets/css/custom.css). */

/* ============================================================
   bm_pagebuilder skin — Freja Skind (warm sand, walnut, GothamPro).
   Overrides the neutral palette/font defaults in front.css to
   re-skin every editorial section. This file is auto-loaded by
   the module after front.css (hookActionFrontControllerSetMedia)
   when present — delete it for the neutral default look, or edit
   the custom properties below to re-skin for another store.
   ============================================================ */
.bm-pagebuilder {
  --bg:#F5F1EA; --bg-cream:#EFE8DC; --bg-stone:#E5DCCA; --bg-ink:#1C1814; --bg-walnut:#2A1F18;
  --ink:#1C1814; --ink-soft:#58504A; --ink-muted:#8A8079; --line:#D9D0C0; --line-soft:#E8E0D2;
  --tan:#B8956A; --tan-deep:#8A6A47; --tan-soft:#D9C0A0; --cream:#FBF7F0; --white:#FFFFFF;
  --serif:'HansenGrotesque','Hansen Grotesque',-apple-system,BlinkMacSystemFont,sans-serif;
  --sans:'DM Sans',-apple-system,BlinkMacSystemFont,sans-serif;
}

/* Full bleed — the home content sits inside the theme's centred container
   (body#index > #wrapper > #content-wrapper > div.container.hed, max-width
   1553px + 15px padding). Neutralise it so the page-builder sections span the
   full page width. Theme-structure-specific, hence it lives in the skin. */
#index #wrapper .container.hed {
  max-width: none;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

/* Section backgrounds for this composition — keyed off the row label
   (home.tpl emits .bm-row--<label>), NOT off any per-block editor setting.
   bestsellers = cream, tilbud = stone; everything else uses the type default. */
.bm-pagebuilder .bm-row--bestsellers .bm-w--products { background: var(--bg-cream); }
.bm-pagebuilder .bm-row--tilbud .bm-w--products      { background: var(--bg-stone); }