/* ==========================================================================
   Mellaker – global.css
   Endast det Bricks native-inställningar INTE kan uttrycka:
   hover, transitions, alpha-skuggor, backdrop-filter, gradient, filter.
   Allt annat (typografi, färg, spacing, layout, ramar, radie) ligger som
   native settings på de globala klasserna i Bricks.
   Klassnamnen nedan matchar mlk-klasserna 1:1.
   ========================================================================== */

/* ---- Overflow-skydd -------------------------------------------------------- */
html, body { overflow-x: hidden; }

/* ---- Textmarkering (globalt pseudo-element) -------------------------------- */
::selection      { background:#b0697a; color:#fff; }
::-moz-selection { background:#b0697a; color:#fff; }

/* ---- Nav: genomskinlig bakgrund + blur (Bricks-klassen ger solid fallback) - */
.mlk-nav-bar {
  background: rgba(247,246,243,0.82);
  -webkit-backdrop-filter: saturate(140%) blur(12px);
  backdrop-filter: saturate(140%) blur(12px);
}
.mlk-nav-link { transition: color .15s ease; }
.mlk-nav-link:hover { color:#1a1a17; }
.mlk-nav-cta  { transition: filter .15s ease; }
.mlk-nav-cta:hover { filter: brightness(0.93); }

/* ---- Kort: mjuk skugga + hover-lyft (alpha → CSS) -------------------------- */
.mlk-card {
  box-shadow: 0 1px 3px rgba(0,0,0,0.04);
  transition: transform .18s ease, box-shadow .18s ease;
}
.mlk-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 36px rgba(0,0,0,0.10);
}
.mlk-card--featured { box-shadow: 0 1px 3px rgba(0,0,0,0.05); }
.mlk-card--featured:hover { transform: none; box-shadow: 0 1px 3px rgba(0,0,0,0.05); }

/* ---- Rutnätsceller: hover-bakgrund ---------------------------------------- */
.mlk-hairline-cell { transition: background .15s ease; }
.mlk-hairline-cell:hover { background:#ffffff; }

/* ---- Text-länk med pil: glid på hover -------------------------------------- */
.mlk-btn-link { transition: gap .15s ease; text-decoration: none; }
.mlk-btn-link:hover { gap: 11px; }

/* ---- Info-kort (hero): djup skugga ---------------------------------------- */
.mlk-info-card { box-shadow: 0 18px 40px rgba(0,0,0,0.18); }

/* ---- "Tillgänglig"-prick: mjuk ring --------------------------------------- */
.mlk-avail-dot { box-shadow: 0 0 0 3px rgba(31,157,85,0.18); }

/* ---- Bildplatshållare: randig gradient (tas bort när Image-element sätts in) */
.mlk-img-ph {
  background: repeating-linear-gradient(135deg,#edece8,#edece8 11px,#e6e5e0 11px,#e6e5e0 22px);
}
.mlk-img-ph.mlk-img-ph--portrait {
  background: repeating-linear-gradient(135deg,#e9e8e3,#e9e8e3 11px,#e2e1db 11px,#e2e1db 22px);
}

/* ---- Logga inverterad på mörk sektion ------------------------------------- */
.mlk-logo-invert { filter: invert(1); }

/* ---- Bricks-knappar (theme style-varianter): mjuk hover -------------------- */
.brxe-button { transition: filter .15s ease, transform .15s ease; }
.brxe-button:hover { filter: brightness(0.94); }