/* ════════════════════════════════════════════════════════════════
   Bostera Cookiebot-tema — replikerar Anthropics cookie-kort exakt
   (mörkt hörn-kort, serif-rubrik, 15px brödtext, knappar i 8px-grid)
   men med VÅR färg: primärknappen "Acceptera" i coral #EF7C93.
   Mått tagna direkt från claude.com: kort 456px / radius 24 / padding 32,
   rubrik serif 24px/500, brödtext 15px/1.5, knappar 17px/500 radius 8.
   Reglagen dolda → rent binärt val (GDPR-ok, avslag lika lätt). !important
   för att vinna över Cookiebots egna regler.
   ════════════════════════════════════════════════════════════════ */

/* ingen backdrop (hörn-kort på sidan, precis som Anthropic) */
#CybotCookiebotDialogBodyUnderlay,
#CybotCookiebotDialogBodyUnderlay.CybotCookiebotDialogBodyUnderlayActive { display: none !important; opacity: 0 !important; }

/* ── kortet (mörkt, Anthropic) ── */
#CybotCookiebotDialog {
  position: fixed !important;
  inset: auto 24px 24px auto !important;
  transform: none !important;
  width: min(456px, calc(100vw - 32px)) !important;
  max-width: 456px !important;
  min-width: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  background: #141413 !important;
  border: 0 !important;
  border-radius: 24px !important;
  box-shadow: 0 24px 56px -18px rgba(10,10,9,0.45), 0 4px 14px -8px rgba(10,10,9,0.30) !important;
  color: #FAF9F5 !important;
  overflow: hidden !important;
  -webkit-font-smoothing: antialiased;
}
#CybotCookiebotDialog,
#CybotCookiebotDialog * { font-family: 'Archivo', system-ui, sans-serif !important; }
.CybotCookiebotDialogContentWrapper { display: block !important; max-height: none !important; overflow: visible !important; }

/* dölj logga, flik-nav, powered-by, faders, GPC + reglage + "Allow selection"/"Customize" */
#CybotCookiebotDialogHeader,
#CybotCookiebotDialogNav,
#CybotCookiebotDialogPoweredbyLink,
#CybotCookiebotDialogPoweredByText,
#CybotCookiebotDialogPoweredbyCybot,
#CybotCookiebotDialogGpcIcon,
.CybotCookiebotFader,
#CybotCookiebotDialogBodyLevelWrapper,
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
#CybotCookiebotDialogBodyLevelButtonCustomize { display: none !important; }

/* ── rubrik (serif 24px, Anthropic) ── */
#CybotCookiebotDialogBody { padding: 0 !important; }
.CybotCookiebotScrollContainer, .CybotCookiebotScrollArea { max-height: none !important; overflow: visible !important; border: 0 !important; }
#CybotCookiebotDialogBodyContent { padding: 32px 32px 0 !important; }
#CybotCookiebotDialogBodyContentTitle {
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: clamp(20px, calc(18px + 0.5vw), 25px) !important; font-weight: 500 !important; color: #FAF9F5 !important;
  letter-spacing: -0.005em !important; margin: 0 0 14px !important; line-height: 1.2 !important;
}
/* ── brödtext (15px/1.5, dimmad off-white) ── */
#CybotCookiebotDialogBodyContentText,
#CybotCookiebotDialogBodyContentText p,
#CybotCookiebotDialogBodyContentText span {
  font-size: 15px !important; line-height: 1.5 !important; color: rgba(250,249,245,0.72) !important; margin: 0 !important; font-weight: 400 !important;
}
#CybotCookiebotDialogBodyContentText a { color: rgba(250,249,245,0.55) !important; text-decoration: underline !important; text-underline-offset: 2px !important; }

/* ── knappar (8px-grid, 17px/500 radius 8, Anthropic; Acceptera = coral) ── */
.CybotCookiebotDialogBodyBottomWrapper { border: 0 !important; }
#CybotCookiebotDialogFooter, #CybotCookiebotDialogBodyButtons { padding: 0 !important; background: transparent !important; border: 0 !important; }
#CybotCookiebotDialogBodyButtonsWrapper {
  display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 8px !important;
  padding: 20px 32px 32px !important; margin: 0 !important;
}
.CybotCookiebotDialogBodyButton {
  font-size: 16px !important; font-weight: 500 !important; letter-spacing: -0.01em !important; line-height: 1.2 !important;
  white-space: nowrap !important; height: 38px !important; min-height: 38px !important;
  border-radius: 8px !important; padding: 0 10px !important; margin: 0 !important;
  display: inline-flex !important; align-items: center !important; justify-content: center !important; text-align: center !important;
  border: 1px solid #5E5D59 !important; background: transparent !important; color: #FAF9F5 !important;
  cursor: pointer !important; transition: background-color .16s ease, border-color .16s ease, opacity .16s ease !important;
  width: 100% !important;
}
.CybotCookiebotDialogBodyButton:hover { border-color: #807F7A !important; background: rgba(250,249,245,0.06) !important; }
/* knapp-ordning: Avvisa vänster, Acceptera höger (som Anthropic) — konsekvent alla brytpunkter */
#CybotCookiebotDialogBodyButtonDecline { order: 1 !important; }
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
#CybotCookiebotDialogBodyButtonAccept { order: 2 !important; }
/* "Acceptera alla cookies" (Allow all) = coral primär, VÅR färg */
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
#CybotCookiebotDialogBodyButtonAccept {
  background: #EF7C93 !important; border-color: #EF7C93 !important; color: #fff !important;
}
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll:hover,
#CybotCookiebotDialogBodyButtonAccept:hover { background: #E86A83 !important; border-color: #E86A83 !important; }

/* mobil: nära full bredd, padding 16 (matchar Anthropics mobil) */
@media (max-width: 520px) {
  #CybotCookiebotDialog { inset: auto 8px 12px 8px !important; width: auto !important; max-width: none !important; }
  #CybotCookiebotDialogBodyContent { padding: 16px 16px 0 !important; }
  #CybotCookiebotDialogBodyButtonsWrapper { padding: 12px 16px 12px !important; }
  /* nolla Cookiebots dolda 15/15-padding runt knapp-arean på mobil (annars för högt) */
  .CybotCookiebotScrollArea { padding: 4px 0 !important; }
}