/*
 * Eventro visual polish – Levering 495
 * Cosmetic overrides only. Existing widths, grids, gutters and geometry remain
 * owned by site.css/styles.css to prevent alignment drift.
 */

.eventro-site-polished {
  --eventro-navy: #183247;
  --eventro-blue: #08a9ee;
  --eventro-blue-hover: #0698d7;
  --eventro-page: #f6f9fb;
  --eventro-soft: #f3f8fb;
  --eventro-selected: #eef8fc;
  --eventro-muted: #687984;
  --eventro-line: #dce4ea;
  --eventro-field-line: #ccd8e0;
  --eventro-card-shadow: 0 8px 24px rgba(24, 50, 71, .07);
  --eventro-focus: 0 0 0 3px rgba(8, 169, 238, .13);
  color: var(--eventro-navy);
  font-family: "Sora", Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* Shared controls. Dimensions and placement deliberately remain unchanged. */
.eventro-site-polished :is(button, input, select, textarea) {
  font-family: "Sora", Arial, Helvetica, sans-serif;
}

.eventro-site-polished :is(.btn, .btn-primary, .btn-ghost) {
  border-radius: 8px;
  font-weight: 700;
  transition: background-color .18s ease, border-color .18s ease,
    color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.eventro-site-polished :is(.btn-primary, .calculator-order,
  .calculator-help-ok, .delivery-calculate-button, .delivery-result-ok,
  .contact-submit) {
  background: var(--eventro-blue);
  border-color: var(--eventro-blue);
  color: #fff;
}

.eventro-site-polished :is(.btn-primary, .calculator-order,
  .calculator-help-ok, .delivery-calculate-button, .delivery-result-ok):hover {
  background: var(--eventro-blue-hover);
  border-color: var(--eventro-blue-hover);
}

.eventro-site-polished :is(a, button, input, select, textarea, summary):focus-visible {
  outline: 0;
  box-shadow: var(--eventro-focus);
}

/* Informational pages: shared color language without changing page width. */
.eventro-site-polished.info-page :is(.info-content, .contact-content,
  .faq-content, .calculator-content, .delivery-content, .prices-content) {
  background: var(--eventro-page);
}

.eventro-site-polished.info-page :is(.info-copy h2, .contact-copy h2,
  .faq-intro h2, .faq-section > h2, .calculator-intro h2,
  .delivery-intro h2, .prices-intro h2) {
  color: var(--eventro-navy);
  letter-spacing: -.025em;
}

.eventro-site-polished.info-page :is(.info-copy p, .contact-copy p,
  .faq-intro p, .faq-list p, .calculator-intro p, .delivery-intro p,
  .prices-intro p) {
  color: var(--eventro-muted);
}

.eventro-site-polished.info-page :is(.blue, h2 span) {
  color: var(--eventro-blue);
}

/* Cards and panels use the same subtle surface treatment as checkout. */
.eventro-site-polished :is(.contact-form-card, .calculator-line,
  .calculator-fees, .delivery-calculator, .delivery-section,
  .delivery-shipping, .prices-product, .prices-general-note) {
  border-color: var(--eventro-line);
  border-radius: 12px;
  box-shadow: var(--eventro-card-shadow);
}

.eventro-site-polished .info-media {
  border-radius: 12px;
  box-shadow: var(--eventro-card-shadow);
}

/* Forms. Existing heights and grid measurements are intentionally preserved. */
.eventro-site-polished :is(.contact-form input[type="text"],
  .contact-form input[type="email"], .contact-form textarea,
  .calculator-fields select, .calc-quantity input[type="number"],
  .delivery-postcode-field input, .delivery-date-input input) {
  border-color: var(--eventro-field-line);
  border-radius: 8px;
  color: var(--eventro-navy);
  background: #fff;
}

.eventro-site-polished :is(.contact-form input, .contact-form textarea,
  .calculator-fields select, .calc-quantity input,
  .delivery-postcode-field input, .delivery-date-input input):focus {
  border-color: var(--eventro-blue);
  box-shadow: var(--eventro-focus);
  outline: 0;
}

.eventro-site-polished :is(input[type="radio"], input[type="checkbox"],
  input[type="range"]) {
  accent-color: var(--eventro-blue);
}

/* FAQ follows the same choice-card rhythm used in checkout. */
.eventro-site-polished .faq-nav a {
  border-color: var(--eventro-blue);
  border-radius: 8px;
  background: #fff;
  color: var(--eventro-navy);
  box-shadow: 0 3px 10px rgba(24, 50, 71, .045);
  transition: background-color .18s ease, border-color .18s ease,
    color .18s ease, box-shadow .18s ease;
}

.eventro-site-polished .faq-nav a:hover {
  background: var(--eventro-selected);
  border-color: var(--eventro-blue);
  color: var(--eventro-navy);
  box-shadow: var(--eventro-focus);
}

.eventro-site-polished .faq-list {
  border-color: var(--eventro-line);
}

.eventro-site-polished .faq-list details {
  border-color: var(--eventro-line);
}

.eventro-site-polished .faq-list summary {
  color: var(--eventro-navy);
}

.eventro-site-polished .faq-list summary::after,
.eventro-site-polished .faq-list details[open] summary {
  color: var(--eventro-blue);
}

/* Calculator and delivery selections. */
.eventro-site-polished :is(.calculator-step, .delivery-step) {
  background: var(--eventro-blue);
  color: #fff;
}

.eventro-site-polished :is(.calculator-line-result, .calc-price-table,
  .prices-print) {
  background: var(--eventro-soft);
  border-color: var(--eventro-line);
  border-radius: 9px;
}

.eventro-site-polished .calculator-add {
  border-color: #9edaf3;
  border-radius: 10px;
  background: var(--eventro-selected);
  color: var(--eventro-navy);
}

.eventro-site-polished .calculator-add:hover {
  border-color: var(--eventro-blue);
  background: #e3f5fc;
}

.eventro-site-polished .calculator-summary {
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 12px;
  background: var(--eventro-navy);
  box-shadow: 0 12px 34px rgba(24, 50, 71, .18);
}

.eventro-site-polished .delivery-choice {
  border-color: var(--eventro-line);
  border-radius: 10px;
  background: #fff;
  transition: background-color .18s ease, border-color .18s ease,
    box-shadow .18s ease;
}

.eventro-site-polished .delivery-choice:hover {
  border-color: #9edaf3;
  box-shadow: 0 3px 12px rgba(24, 50, 71, .06);
}

.eventro-site-polished .delivery-choice:has(input:checked) {
  border-color: var(--eventro-blue);
  background: var(--eventro-selected);
  box-shadow: var(--eventro-focus);
}

/* Price tables align visually with the checkout detail table. */
.eventro-site-polished .prices-product {
  border-color: var(--eventro-line);
}

.eventro-site-polished .prices-table-wrap {
  border-color: var(--eventro-line);
  border-radius: 9px;
}

.eventro-site-polished .prices-table-wrap thead th {
  background: var(--eventro-soft);
  color: var(--eventro-navy);
}

.eventro-site-polished .prices-table-wrap :is(th, td) {
  border-color: #e5ebef;
}

.eventro-site-polished .prices-table-wrap tbody tr:nth-child(even) {
  background: #f9fbfc;
}

.eventro-site-polished .prices-general-note {
  background: var(--eventro-selected);
  border-color: #bfe3f4;
}

/* Homepage product cards: polish only, no grid or dimension changes. */
.eventro-site-polished.eventro-home-page .fk-card {
  border-color: var(--eventro-line);
  border-radius: 12px;
  box-shadow: var(--eventro-card-shadow);
  transition: border-color .2s ease, box-shadow .2s ease;
}

.eventro-site-polished.eventro-home-page .fk-card:hover {
  border-color: #9edaf3;
  box-shadow: 0 14px 32px rgba(24, 50, 71, .12);
}

/* Shop chrome only. Designer geometry and band canvases are excluded. */
.eventro-site-polished.eventro-shop-page :is(.cartbar, .price.card,
  #designChoice.as-modal, #resultArea.as-modal) {
  border-color: var(--eventro-line);
  border-radius: 12px;
  box-shadow: var(--eventro-card-shadow);
}

.eventro-site-polished.eventro-shop-page :is(.btn-primary, .btn-ghost) {
  border-radius: 8px;
  font-weight: 700;
}

.eventro-site-polished.eventro-shop-page .btn-primary {
  background: var(--eventro-blue);
}

.eventro-site-polished.eventro-shop-page :is(input, select):focus-visible {
  border-color: var(--eventro-blue);
  box-shadow: var(--eventro-focus);
}

/*
 * Shop surface language
 * These overrides are deliberately visual only: no dimensions, spacing,
 * positioning or grid rules are changed.
 */
.eventro-site-polished.eventro-shop-page {
  background: var(--eventro-page);
}

.eventro-site-polished.eventro-shop-page .page-hero .type-item {
  background: #fff;
  border-color: rgba(220, 228, 234, .96);
  border-radius: 12px;
  box-shadow: inset 0 -3px 0 rgba(8, 169, 238, .24),
    0 8px 22px rgba(9, 35, 53, .15);
  transition: border-color .18s ease, box-shadow .18s ease,
    background-color .18s ease;
}

.eventro-site-polished.eventro-shop-page .page-hero .type-item:hover {
  border-color: #9edaf3;
  background: #fbfdfe;
  box-shadow: inset 0 -3px 0 var(--eventro-blue),
    0 12px 28px rgba(9, 35, 53, .21);
}

.eventro-site-polished.eventro-shop-page .page-hero .type-fig {
  background: #fff !important;
  border-color: var(--eventro-line);
}

.eventro-site-polished.eventro-shop-page .page-hero :is(.type-navn,
  .type-rad-tittel) {
  color: var(--eventro-navy);
}

.eventro-site-polished.eventro-shop-page .page-hero .type-om {
  color: var(--eventro-blue);
  font-weight: 700;
}

.eventro-site-polished.eventro-shop-page .bl-kat-navn {
  color: var(--eventro-navy) !important;
  letter-spacing: -.015em;
}

.eventro-site-polished.eventro-shop-page .bl-kat-art {
  color: var(--eventro-muted) !important;
}

.eventro-site-polished.eventro-shop-page .bandline {
  background: #fff;
  border-color: var(--eventro-line);
  border-radius: 12px;
  box-shadow: inset 0 3px 0 rgba(8, 169, 238, .85),
    0 10px 28px rgba(24, 50, 71, .11);
  transition: border-color .18s ease, box-shadow .18s ease;
}

.eventro-site-polished.eventro-shop-page .bandline:hover {
  border-color: #b9dce9;
  box-shadow: inset 0 3px 0 var(--eventro-blue),
    0 14px 34px rgba(24, 50, 71, .15);
}

.eventro-site-polished.eventro-shop-page .bl-hand {
  background: var(--eventro-soft) !important;
  box-shadow: inset 0 0 0 1px var(--eventro-line);
}

.eventro-site-polished.eventro-shop-page .bl-move {
  border-color: var(--eventro-line);
  background: var(--eventro-soft);
  color: var(--eventro-muted);
  box-shadow: none;
}

.eventro-site-polished.eventro-shop-page .bl-close {
  border-color: var(--eventro-line);
  color: var(--eventro-muted);
  box-shadow: 0 3px 10px rgba(24, 50, 71, .12);
}

.eventro-site-polished.eventro-shop-page .bandline.har-bredde :is(
  .bl-farge-vis, .bl-antsel, .bl-trykk, .bl-cta) {
  background: var(--eventro-soft) !important;
  border-color: var(--eventro-field-line) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  color: var(--eventro-navy) !important;
  font-weight: 600;
}

.eventro-site-polished.eventro-shop-page .bandline.har-bredde :is(
  .bl-farge-vis, .bl-antsel, .bl-trykk, .bl-cta):hover {
  background: var(--eventro-selected) !important;
  border-color: var(--eventro-blue) !important;
}

.eventro-site-polished.eventro-shop-page .bandline.har-bredde :is(
  .bl-farge-vis, .bl-antsel, .bl-trykk, .bl-cta):focus-visible {
  border-color: var(--eventro-blue) !important;
  box-shadow: var(--eventro-focus) !important;
}

.eventro-site-polished.eventro-shop-page .bl-farge-sq {
  box-shadow: inset 0 0 0 1px rgba(24, 50, 71, .16);
}

.eventro-site-polished.eventro-shop-page .bl-preview img {
  border-color: var(--eventro-line);
}

.eventro-site-polished.eventro-shop-page .bl-flere-btn {
  color: var(--eventro-blue);
  border-color: #9edaf3;
  background: var(--eventro-selected);
  border-radius: 8px;
}

.eventro-site-polished.eventro-shop-page .cartbar {
  background: var(--eventro-navy);
  border-color: var(--eventro-navy);
  border-radius: 12px;
  color: #fff;
  box-shadow: 0 10px 28px rgba(24, 50, 71, .18);
}

.eventro-site-polished.eventro-shop-page .cartbar :is(.cbl,
  .cart-summary-icon) {
  color: #fff;
}

.eventro-site-polished.eventro-shop-page .cartbar #cartBarDetail > div {
  color: #bfd0da !important;
}

.eventro-site-polished.eventro-shop-page .cartbar #cartBarDetail > div > div:last-of-type {
  color: #eef6fa !important;
}

/* Plast/vinyl har en fysisk båndflik til venstre i forhåndsvisningen. */
.eventro-site-polished.eventro-shop-page .bl-lform .bl-boxes {
  padding-left: 64px !important;
}

.eventro-site-polished.eventro-shop-page .price.card {
  background: #fff;
  border-color: var(--eventro-line);
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(24, 50, 71, .11);
}

.eventro-site-polished.eventro-shop-page .price.card > h2 {
  color: var(--eventro-navy);
  font-weight: 750;
}

.eventro-site-polished.eventro-shop-page .citem {
  border-color: var(--eventro-line);
  background: var(--eventro-soft);
}

.eventro-site-polished.eventro-shop-page .cart-typehdr {
  color: var(--eventro-navy);
}

.eventro-site-polished.eventro-shop-page .pricebox {
  background: var(--eventro-selected);
  box-shadow: inset 0 2px 0 rgba(8, 169, 238, .75);
}

.eventro-site-polished.eventro-shop-page .price :is(.total .t,
  .total .v) {
  color: var(--eventro-navy);
}

.eventro-site-polished.eventro-shop-page .price .total .v {
  color: var(--eventro-blue);
}

.eventro-site-polished.eventro-shop-page .actions .btn-primary {
  background: var(--eventro-blue);
  border-color: var(--eventro-blue);
  box-shadow: 0 6px 16px rgba(8, 169, 238, .22);
}

.eventro-site-polished.eventro-shop-page .actions .btn-primary:hover {
  background: var(--eventro-blue-hover);
  border-color: var(--eventro-blue-hover);
}

/* Dialog details shared by calculator/delivery pages. */
.eventro-site-polished :is(.calculator-help-dialog,
  .delivery-result-dialog) {
  border: 1px solid rgba(209, 221, 229, .9);
  border-radius: 15px;
  box-shadow: 0 28px 90px rgba(9, 35, 53, .34);
}

.eventro-site-polished :is(.calculator-help-close,
  .delivery-result-close) {
  border: 1px solid var(--eventro-line);
  background: #fff;
  color: var(--eventro-muted);
}

@media (prefers-reduced-motion: reduce) {
  .eventro-site-polished *,
  .eventro-site-polished *::before,
  .eventro-site-polished *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* Designer: samme rolige, presise formspråk som bestillingsmodalene. */
.eventro-site-polished.eventro-shop-page #resultArea.as-modal .pvstage {
  border: 1px solid var(--eventro-line) !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 10px 28px rgba(24, 50, 71, .11) !important;
}

.eventro-site-polished.eventro-shop-page #resultArea.as-modal :is(
  .edit-left, .edit-right, .edit-simple) {
  background: #fff !important;
  border-color: var(--eventro-line) !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 22px rgba(24, 50, 71, .08) !important;
}

.eventro-site-polished.eventro-shop-page #resultArea.as-modal .sec-hdr {
  color: #6b7f91 !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  letter-spacing: .045em !important;
}

.eventro-site-polished.eventro-shop-page #resultArea.as-modal .pk-btn-row .pk-btn {
  background: var(--eventro-blue) !important;
  border-color: var(--eventro-blue) !important;
  border-radius: 8px !important;
  box-shadow: 0 6px 16px rgba(8, 169, 238, .20) !important;
  transition: background-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

.eventro-site-polished.eventro-shop-page #resultArea.as-modal .pk-btn-row .pk-btn:hover {
  background: var(--eventro-blue-hover) !important;
  border-color: var(--eventro-blue-hover) !important;
  box-shadow: 0 8px 20px rgba(8, 169, 238, .25) !important;
}

/* Tekst og logo er likeverdige opprett-handlinger, også ved fokus/aktivt panel. */
.eventro-site-polished.eventro-shop-page #resultArea.as-modal :is(
  #pkText, #pkLogo, #pkText.aapnet, #pkLogo.aapnet) .pk-btn-row > :is(#addText, #addLogoBtn),
.eventro-site-polished.eventro-shop-page #resultArea.as-modal :is(#addText, #addLogoBtn):focus,
.eventro-site-polished.eventro-shop-page #resultArea.as-modal :is(#addText, #addLogoBtn):focus-visible {
  background: var(--eventro-blue) !important;
  border-color: var(--eventro-blue) !important;
  color: #fff !important;
}

.eventro-site-polished.eventro-shop-page #resultArea.as-modal :is(#addText, #addLogoBtn):focus-visible {
  outline: 3px solid rgba(8, 169, 238, .24) !important;
  outline-offset: 2px !important;
}

.eventro-site-polished.eventro-shop-page #resultArea.as-modal :is(#addText, #addLogoBtn):hover {
  background: var(--eventro-blue-hover) !important;
  border-color: var(--eventro-blue-hover) !important;
}

/* Oppmerksomhetspilene skal være røde, men visuelt lettere enn før. */
.eventro-site-polished.eventro-shop-page #resultArea.as-modal .pk-btn-row .pk-hop {
  color: #e2001a !important;
  font-size: 18px !important;
  line-height: 1 !important;
  top: calc(50% - 2px) !important;
}

.eventro-site-polished.eventro-shop-page #resultArea.as-modal :is(
  .stage-tools button, .tbtn, .band-helpers button) {
  border-color: var(--eventro-field-line) !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: var(--eventro-navy) !important;
  box-shadow: none !important;
}

.eventro-site-polished.eventro-shop-page #resultArea.as-modal :is(
  .stage-tools button, .tbtn, .band-helpers button):hover:not(:disabled) {
  border-color: #9edaf3 !important;
  background: var(--eventro-selected) !important;
}

.eventro-site-polished.eventro-shop-page #resultArea.as-modal #multiToggle.on {
  background: var(--eventro-blue) !important;
  border-color: var(--eventro-blue) !important;
  color: #fff !important;
  box-shadow: 0 0 0 3px rgba(8, 169, 238, .18) !important;
}

.eventro-site-polished.eventro-shop-page #resultArea.as-modal .simple-btn:disabled {
  opacity: .48 !important;
  cursor: not-allowed !important;
  background: #eef2f5 !important;
  box-shadow: none !important;
}

/* =========================================================
   VEVFLYT: roligere kundespråk, tydelig valg og modal-stil
   ========================================================= */
.eventro-site-polished #resultArea.kal-aktiv :is(#kalSide,#optSide){
  font-family:"Sora",Arial,Helvetica,sans-serif!important;
}
.eventro-site-polished #resultArea.kal-aktiv :is(.kal-left,.kal-right,.opt-left,.opt-right){
  background:#fff!important;border:1px solid rgba(0,0,0,.10)!important;
  border-radius:12px!important;padding:14px!important;
  box-shadow:0 8px 22px rgba(24,50,71,.06)!important;
}
.eventro-site-polished #resultArea.kal-aktiv :is(.kal-colhdr,.opt-colhdr,.opt-tegn-tit){
  color:#6b7f91!important;font-size:12px!important;font-weight:750!important;
  letter-spacing:.045em!important;
}

/* Optimalisering: elementvalget forklarer oppgaven før kontrollene aktiveres. */
.eventro-site-polished #optSide .opt-element-velger{
  padding:12px!important;gap:10px!important;border:1px solid #d9e5ee!important;
  border-radius:12px!important;background:#f7fbfe!important;
}
.eventro-site-polished #optSide .opt-choice-intro{display:flex;align-items:baseline;gap:10px;color:#193349}
.eventro-site-polished #optSide .opt-choice-intro b{font-size:13px}
.eventro-site-polished #optSide .opt-choice-intro span{font-size:12px;color:#6b7f91}
.eventro-site-polished #optSide .opt-element-nav{overflow:visible!important;gap:10px!important}
.eventro-site-polished #optSide .opt-element-thumb{
  position:relative!important;border:1px solid #cbd9e5!important;border-radius:9px!important;
  background:#fff!important;box-shadow:none!important;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
.eventro-site-polished #optSide .opt-element-thumb:hover,
.eventro-site-polished #optSide .opt-element-thumb.on{border-color:#04a9fc!important;box-shadow:0 0 0 2px rgba(4,169,252,.16)!important}
.eventro-site-polished #optSide .opt-vis-valghjelp .opt-element-thumb::before{
  content:"➜";position:absolute;z-index:8;left:8px;top:50%;transform:translate(-18px,-50%);
  color:#e2001a;font-size:21px;line-height:1;font-weight:900;pointer-events:none;
  text-shadow:0 1px 2px rgba(255,255,255,.9);animation:eventroVevPek .72s ease-in-out infinite;
}
@keyframes eventroVevPek{0%,100%{transform:translate(-18px,-50%)}50%{transform:translate(-10px,-50%)}}
.eventro-site-polished #optSide .opt-velg-placeholder{
  flex-direction:column!important;gap:9px!important;border:2px dashed #b5c8d9!important;
  background:#fbfdff!important;color:#193349!important;padding:40px!important;
}
.eventro-site-polished #optSide .opt-placeholder-icon{color:#e2001a;font-size:30px;line-height:1;animation:eventroVevOpp .8s ease-in-out infinite}
.eventro-site-polished #optSide .opt-velg-placeholder strong{font-size:20px}
.eventro-site-polished #optSide .opt-velg-placeholder small{display:block;max-width:390px;color:#6b7f91;font-size:13px;line-height:1.55;font-weight:500}
@keyframes eventroVevOpp{0%,100%{transform:translateY(4px)}50%{transform:translateY(-4px)}}
.eventro-site-polished #optSide :is(.opt-spak,.opt-tegn){background:#fff!important;border:1px solid rgba(0,0,0,.10)!important;border-radius:10px!important;box-shadow:none!important}

/* Trådfarger: tydelig steg, anbefalt metode og ryddige handlingskort. */
.eventro-site-polished #kalSide .kal-stegmerke{
  display:inline-flex;align-items:center;min-height:25px;padding:3px 9px;margin:0 0 8px;
  border-radius:999px;background:#eaf7fd;color:#087fb3;font-size:10px;font-weight:800;letter-spacing:.06em;
}
.eventro-site-polished #kalSide .kal-forklaring{
  display:flex;flex-direction:column;gap:5px;margin:0 0 16px!important;padding:13px 14px!important;
  border:1px solid #cfe6f2!important;border-left:4px solid #04a9fc!important;border-radius:10px!important;
  background:#f5fbfe!important;color:#334b5f!important;
}
.eventro-site-polished #kalSide .kal-forklaring b{color:#193349;font-size:14px}
.eventro-site-polished #kalSide .kal-forklaring span{font-size:12.5px;line-height:1.5}
.eventro-site-polished #kalSide .kal-metode-hdr{margin-bottom:8px!important}
.eventro-site-polished #kalSide .kal-valg-wrap{gap:9px!important;margin:0 0 20px!important}
.eventro-site-polished #kalSide .kal-valg-rad{
  padding:9px!important;border:1px solid #d9e5ee!important;border-radius:10px!important;background:#fff!important;
}
.eventro-site-polished #kalSide .kal-valg{width:176px!important;min-width:176px!important;flex-basis:176px!important}
.eventro-site-polished #kalSide #kalJobb{
  background:#04a9fc!important;border-color:#04a9fc!important;color:#fff!important;
  box-shadow:0 6px 16px rgba(4,169,252,.18)!important;
}
.eventro-site-polished #kalSide #kalJobb:hover{background:#008fd8!important;border-color:#008fd8!important}
.eventro-site-polished #kalSide #kalManuelt{
  background:#fff!important;border-color:#b8cbd9!important;color:#193349!important;
}
.eventro-site-polished #kalSide #kalManuelt:hover{background:#f1f9fd!important;border-color:#80cdec!important}
.eventro-site-polished #kalSide .kal-valg-hjelp{gap:7px!important}
.eventro-site-polished #kalSide .kal-valg-boks{
  display:flex!important;flex-direction:column!important;gap:2px!important;padding:4px 6px!important;
  border:0!important;background:transparent!important;box-shadow:none!important;
}
.eventro-site-polished #kalSide .kal-valg-boks b{font-size:11px;color:#087fb3;text-transform:uppercase;letter-spacing:.04em}
.eventro-site-polished #kalSide .kal-valg-boks span{font-size:12px;color:#61788b;line-height:1.35}
.eventro-site-polished #kalSide .kal-man-pil{font-size:22px!important}
.eventro-site-polished #kalSide .kal-liste{gap:7px!important}
.eventro-site-polished #kalSide .kal-farge{padding:7px 10px!important;border-radius:9px!important;box-shadow:none!important}
.eventro-site-polished #kalSide .kal-teller{border-radius:9px!important}
.eventro-site-polished #kalSide .kal-right{overflow:hidden!important}
.eventro-site-polished #optSide #optFerdig{
  background:#20b66b!important;border-color:#20b66b!important;color:#fff!important;
}
.eventro-site-polished #optSide #optFerdig:hover{background:#169b5b!important;border-color:#169b5b!important}
@media(max-width:900px){
  .eventro-site-polished #optSide .opt-choice-intro{align-items:flex-start;flex-direction:column;gap:3px}
  .eventro-site-polished #kalSide .kal-valg-rad{align-items:flex-start!important;flex-direction:column!important}
  .eventro-site-polished #kalSide .kal-valg{width:100%!important;min-width:0!important;flex-basis:auto!important}
  .eventro-site-polished #kalSide .kal-man-pil{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  .eventro-site-polished #optSide :is(.opt-vis-valghjelp .opt-element-thumb::before,.opt-placeholder-icon){animation:none!important}
}