/* BMS-tema för Bokning — ren visuell omstajling, ingen funktion berörd.
   Värden mätta med getComputedStyle mot https://preview.pagehub.combined.se/bms/klubben/ 3/11 2026:
   bg #fbf8f0 · fg #1a1a1a · navy #17324a · tegel #b42318 · yta #efe6d2 · linje 2px solid fg
   · IBM Plex Mono (brödtext+rubriker) · Silkscreen (knappar/CTA) · knappar radie 0, CTA radie 4px.
   Laddas EFTER bundlens CSS (oskiktad ⇒ vinner över Tailwinds @layer). Rollback: ta bort <link> i index.html. */
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/ibm-plex-mono-400.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:700;font-display:swap;src:url("/fonts/ibm-plex-mono-700.woff2") format("woff2")}
@font-face{font-family:Silkscreen;font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/silkscreen-latin.woff2") format("woff2")}

:root{
  --sb-mono:"IBM Plex Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --sb-pixel:Silkscreen,"IBM Plex Mono",ui-monospace,monospace;
  --sb-linje:2px solid #1a1a1a;
  --sb-haar:1px dashed rgb(26 26 26 / .55);
  --background:44 58% 96%;--foreground:0 0% 10%;
  --card:44 58% 96%;--card-foreground:0 0% 10%;
  --popover:44 58% 96%;--popover-foreground:0 0% 10%;
  --primary:4 77% 40%;--primary-foreground:0 0% 100%;
  --secondary:41 47% 88%;--secondary-foreground:208 53% 19%;
  --muted:41 47% 88%;--muted-foreground:208 53% 19%;
  --accent:208 53% 19%;--accent-foreground:0 0% 100%;
  --border:0 0% 10%;--input:0 0% 10%;--ring:4 77% 40%;
  --radius:0px;
}
html,body{background:#fbf8f0;color:#1a1a1a}
body,button,input,select,textarea{font-family:var(--sb-mono)}
body{line-height:1.55}
h1,h2,h3,h4,.font-serif{font-family:var(--sb-mono);font-weight:700;letter-spacing:0}

/* Kort/rutor: BMS = 2px heldragen linje, ingen radie, ingen skugga */
.rounded-xl,.rounded-lg,.rounded-md,.rounded{border-radius:0}
.shadow-sm,.shadow,.shadow-md,.shadow-lg{box-shadow:none}
.bg-card.border,.border.rounded-xl,[class*="border-primary"].border{border-width:2px;border-color:#1a1a1a}
.bg-primary\/5{background:#efe6d2}
.bg-primary\/5.border{border-color:#1a1a1a}
/* Avdelare: BMS = streckad hårlinje */
.border-b,.border-t,.divide-y>*{border-color:rgb(26 26 26 / .55);border-style:dashed}
nav.border-b{border-style:solid}

/* Toppmeny = BMS-huvud: tegelrött fält, vita länkar, 2px linje under */
nav.bg-card{background:#b42318;color:#fff;border-bottom:var(--sb-linje);box-shadow:none}
nav.bg-card a,nav.bg-card span{color:#fff;font-family:var(--sb-mono);letter-spacing:.04em}
nav.bg-card [class*="bg-primary"]{background:transparent;border-radius:0}
nav.bg-card a:hover span{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
/* "Till BMS" = samma CTA-stil som "Bli medlem" på BMS (Silkscreen, vit 2px ram, radie 4px) */
nav.bg-card a[href*="bjorkomusicsociety"],nav.bg-card a:last-child{font-family:var(--sb-pixel);font-weight:700;border:2px solid #fff;border-radius:4px}

/* Hero: ta bort rosa överlägg, behåll bilden dämpad mot kräm */
[class*="bg-primary/20"][class*="mix-blend"]{background:rgb(180 35 24 / .25)}
.inline-block.rounded[class*="bg-primary"],div.inline-block[class*="bg-primary"]{font-family:var(--sb-pixel);border-radius:4px;border:2px solid #fff}

/* Knappar: BMS-sekundär = 2px ram, radie 0, fet; primär = tegel + Silkscreen */
button,[role="button"]{font-family:var(--sb-mono)}
button[class~="bg-primary"],a[class~="bg-primary"]{background:#b42318;color:#fff;border:2px solid #1a1a1a;border-radius:0;font-family:var(--sb-pixel);letter-spacing:.04em}
button.border:not([class~="bg-primary"]){border:2px solid #1a1a1a;border-radius:0;font-weight:700;color:#1a1a1a}
button.border:not([class~="bg-primary"]):hover{background:#efe6d2;color:#1a1a1a}
button:hover:not(:disabled){filter:none}
input,select,textarea,[role="combobox"]{border:2px solid #1a1a1a;border-radius:0;background:#fbf8f0}
:focus-visible{outline:3px solid #17324a;outline-offset:2px}

/* Accenter */
.text-primary{color:#b42318}
.text-muted-foreground{color:#17324a}
a{text-underline-offset:3px}

/* Tidsrutor + vita ytor */
.border-dashed{border-width:1px;border-color:rgb(26 26 26 / .45)}
.bg-white{background-color:#fbf8f0}

/* Mono är bredare än Libre Franklin/Fjalla: stäm av på smal skärm */
h1{overflow-wrap:anywhere}
@media (max-width:767px){
  nav.bg-card a,nav.bg-card span{letter-spacing:0}
  nav.bg-card span[class*="bg-primary"]{padding-left:.4rem;padding-right:.4rem;font-size:11px}
  nav.bg-card a[href*="bjorkomusicsociety"],nav.bg-card a:last-child{padding:.25rem .4rem;font-size:10px;border-width:2px;white-space:nowrap}
  nav.bg-card [class*="gap-1"]{gap:0}
  h1.font-serif{font-size:1.1rem;line-height:1.2}
}