@layer utilities {

	:root, :host {
		--color-theme-background:#ffffff; --color-theme-link:#e4002b; --color-theme-accent:#e4002b; --color-theme-accent-secondary:#e4002b;
		--input-background:#ffffff; --input-text:#c8102e; --input-link:#c8102e; --input-accent:#c8102e; --input-accent-secondary:#c8102e;
		--input-border-radius: 0.5rem;
		--input-border-width: medium.("0.0625em", "0.125em", "0.25em", "0");
}

.theme-productpage-orginal {
--color-theme-background:#ffffff; --color-theme-text:#c8102e; --color-theme-link:#c8102e; --color-theme-accent:#c8102e; --color-theme-accent-secondary:#c8102e;		}
.input-theme-productpage-orginal {
--input-background:#ffffff; --input-text:#c8102e; --input-link:#c8102e; --input-accent:#c8102e; --input-accent-secondary:#c8102e;		}
.theme-productpage-junior {
--color-theme-background:#ffffff; --color-theme-text:#e87722; --color-theme-link:#e87722; --color-theme-accent:#e87722; --color-theme-accent-secondary:#e87722;		}
.input-theme-productpage-junior {
--input-background:#ffffff; --input-text:#e87722; --input-link:#e87722; --input-accent:#e87722; --input-accent-secondary:#e87722;		}
.theme-productpage-menthol {
--color-theme-background:#ffffff; --color-theme-text:#00adc6; --color-theme-link:#00adc6; --color-theme-accent:#00adc6; --color-theme-accent-secondary:#00adc6;		}
.input-theme-productpage-menthol {
--input-background:#ffffff; --input-text:#00adc6; --input-link:#00adc6; --input-accent:#00adc6; --input-accent-secondary:#00adc6;		}
.theme-productpage-care {
--color-theme-background:#ffffff; --color-theme-text:#8c5c9e; --color-theme-link:#8c5c9e; --color-theme-accent:#8c5c9e; --color-theme-accent-secondary:#8c5c9e;		}
.input-theme-productpage-care {
--input-background:#ffffff; --input-text:#8c5c9e; --input-link:#8c5c9e; --input-accent:#8c5c9e; --input-accent-secondary:#8c5c9e;		}
.theme-body-white-background {
--color-theme-background:#ffffff; --color-theme-link:#e4002b; --color-theme-accent:#e4002b; --color-theme-accent-secondary:#e4002b;		}
.input-theme-body-white-background {
--input-background:#ffffff; --input-link:#e4002b; --input-accent:#e4002b; --input-accent-secondary:#e4002b;		}
.theme-navigation {
--color-theme-background:#e4002b; --color-theme-text:#ffffff; --color-theme-link:#ffffff; --color-theme-accent:#e4002b; --color-theme-accent-secondary:#ffffff;		}
.input-theme-navigation {
--input-background:#e4002b; --input-text:#ffffff; --input-link:#ffffff; --input-accent:#e4002b; --input-accent-secondary:#ffffff;		}
.theme-navigation-alternative {
--color-theme-background:#ffffff; --color-theme-text:#003057; --color-theme-link:#e4002b; --color-theme-accent:#003057; --color-theme-accent-secondary:#003057;		}
.input-theme-navigation-alternative {
--input-background:#ffffff; --input-text:#003057; --input-link:#e4002b; --input-accent:#003057; --input-accent-secondary:#003057;		}
.theme-footer {
--color-theme-background:#e4002b; --color-theme-text:#ffffff; --color-theme-link:#ffffff; --color-theme-accent:#ffffff; --color-theme-accent-secondary:#ffffff;		}
.input-theme-footer {
--input-background:#e4002b; --input-text:#ffffff; --input-link:#ffffff; --input-accent:#ffffff; --input-accent-secondary:#ffffff;		}
.theme-herobanner-light-blue {
--color-theme-text:#7ea5b9; --color-theme-link:#ffffff; --color-theme-accent:#7da4b9; --color-theme-accent-secondary:#7ea5b9;		}
.input-theme-herobanner-light-blue {
--input-text:#7ea5b9; --input-link:#ffffff; --input-accent:#7da4b9; --input-accent-secondary:#7ea5b9;		}
.theme-herobanner-blue {
--color-theme-background:#0b779d; --color-theme-text:#ffffff; --color-theme-link:#ffffff; --color-theme-accent:#0b779d; --color-theme-accent-secondary:#ffffff;		}
.input-theme-herobanner-blue {
--input-background:#0b779d; --input-text:#ffffff; --input-link:#ffffff; --input-accent:#0b779d; --input-accent-secondary:#ffffff;		}
.theme-herobanner-white-text {
--color-theme-text:#ffffff; --color-theme-link:#e4002b; --color-theme-accent:#ffffff; --color-theme-accent-secondary:#e4002b;		}
.input-theme-herobanner-white-text {
--input-text:#ffffff; --input-link:#e4002b; --input-accent:#ffffff; --input-accent-secondary:#e4002b;		}
.theme-text-background {
--color-theme-background:#e9e1dc; --color-theme-text:#e9e1dc; --color-theme-link:#003057; --color-theme-accent:#e9e1dc; --color-theme-accent-secondary:#003057;		}
.input-theme-text-background {
--input-background:#e9e1dc; --input-text:#e9e1dc; --input-link:#003057; --input-accent:#e9e1dc; --input-accent-secondary:#003057;		}
.theme-headline-text-white {
--color-theme-background:#ffffff; --color-theme-text:#ffffff; --color-theme-link:#ffffff; --color-theme-accent:#ffffff; --color-theme-accent-secondary:#ffffff;		}
.input-theme-headline-text-white {
--input-background:#ffffff; --input-text:#ffffff; --input-link:#ffffff; --input-accent:#ffffff; --input-accent-secondary:#ffffff;		}
.theme-white-text-light-blue {
--color-theme-background:#7da4b9; --color-theme-text:#ffffff; --color-theme-link:#ffffff; --color-theme-accent:#ffffff; --color-theme-accent-secondary:#ffffff;		}
.input-theme-white-text-light-blue {
--input-background:#7da4b9; --input-text:#ffffff; --input-link:#ffffff; --input-accent:#ffffff; --input-accent-secondary:#ffffff;		}
.theme-blue-text {
--color-theme-text:#ffffff; --color-theme-link:#003057; --color-theme-accent:#003057; --color-theme-accent-secondary:#ffffff;		}
.input-theme-blue-text {
--input-text:#ffffff; --input-link:#003057; --input-accent:#003057; --input-accent-secondary:#ffffff;		}
.theme-junior-background {
--color-theme-background:#f3b27c; --color-theme-text:#ffffff; --color-theme-link:#ffffff; --color-theme-accent:#f3b27c; --color-theme-accent-secondary:#ffffff;		}
.input-theme-junior-background {
--input-background:#f3b27c; --input-text:#ffffff; --input-link:#ffffff; --input-accent:#f3b27c; --input-accent-secondary:#ffffff;		}
.theme-testcolor-it {
--color-theme-background:#c4c4c4; --color-theme-text:#644f4f; --color-theme-link:#502f2f; --color-theme-accent:#877878; --color-theme-accent-secondary:#241414;		}
.input-theme-testcolor-it {
--input-background:#c4c4c4; --input-text:#644f4f; --input-link:#502f2f; --input-accent:#877878; --input-accent-secondary:#241414;		}
.theme-junior-text {
--color-theme-link:#e87721; --color-theme-accent:#e87721; --color-theme-accent-secondary:#e87721;		}
.input-theme-junior-text {
--input-link:#e87721; --input-accent:#e87721; --input-accent-secondary:#e87721;		}
.theme-senior-background {
--color-theme-background:#e6002a; --color-theme-text:#ffffff; --color-theme-link:#ffffff; --color-theme-accent:#e6002a; --color-theme-accent-secondary:#ffffff;		}
.input-theme-senior-background {
--input-background:#e6002a; --input-text:#ffffff; --input-link:#ffffff; --input-accent:#e6002a; --input-accent-secondary:#ffffff;		}
.theme-senior-text {
--color-theme-link:#e6002a; --color-theme-accent:#e6002a; --color-theme-accent-secondary:#e6002a;		}
.input-theme-senior-text {
--input-link:#e6002a; --input-accent:#e6002a; --input-accent-secondary:#e6002a;		}
.theme-headline-test {
--color-theme-accent:#000000;		}
.input-theme-headline-test {
--input-accent:#000000;		}
.btn-theme-blacktext {
--button-text:#000000; --button-border:#080808; --button-text-hover:#000000;			}
}

@layer custom-css {
	/* Tables on mobile */
@media (max-width: 767px) {
  .block-textarea__content:has(table) { width: 100%; }
  .prose table { display:block; overflow-x:auto; }
  .prose td { min-width: 160px; padding: .5rem!important; }
  .block-information__item img {transform: scale(1.1);}
}

/* Kob tab */
/* Mobile sliders: edge fade + tappable chevron, dots only */
.block-information-slider > .mx-auto,
.block-information-slider .container.overflow-x-hidden { position: relative; }

.block-information-slider .container.overflow-x-hidden::after {
  content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 3.5rem;
  pointer-events: none; transition: opacity .3s;
  background: linear-gradient(to right, transparent, var(--color-theme-background, #fff) 75%);
}
.block-information-slider .container.overflow-x-hidden::before { content: none; }

/* hide "previous", turn "next" into the edge chevron */
.block-information-slider [x-show="canScroll"] button:first-child { display: none; }
.block-information-slider [x-show="canScroll"] button:last-child {
  position: absolute; z-index: 1; right: 0; top: calc(50% - .5rem);
  transform: translateY(-50%); width: 2.75rem; height: 2.75rem;
  display: flex; align-items: center; justify-content: center; transition: opacity .3s;
}
.block-information-slider [x-show="canScroll"] button:last-child svg { width: 1.25rem; height: 1.25rem; }

/* hide chevron + fade on last slide (last dot active) or when not scrollable */
.block-information-slider:has([x-show="canScroll"] a:last-child.bg-current) [x-show="canScroll"] button:last-child,
.block-information-slider [x-show="canScroll"] button:last-child:disabled { opacity: 0; pointer-events: none; }
.block-information-slider:has([x-show="canScroll"] a:last-child.bg-current) .container.overflow-x-hidden::after,
.block-information-slider:has([x-show="canScroll"] button:last-child:disabled) .container.overflow-x-hidden::after,
.block-information-slider:has([x-show="canScroll"][style*="none"]) .container.overflow-x-hidden::after { opacity: 0; }

/* dots */
.block-information-slider [x-show="canScroll"] > div > div { max-width: none; overflow: visible; gap: .5rem; }
.block-information-slider [x-show="canScroll"] a { width: .625rem; height: .625rem; }

/* Kob her: fix white-on-white chevron/dots */
#block-information-slider-3a3ef6f6-7808-4d51-99ad-657f4727468a { color: #000; }     /* pharmacies */
#block-information-slider-75a3124d-0d13-4439-8333-677e2e8487fc { color: #003057; }  /* Junior/Voksen */

@media (max-width: 767px) {
  div.hidden.md\:block:has(> #block-information-75a3124d-0d13-4439-8333-677e2e8487fc),
  div.hidden.md\:block:has(> #block-information-0b39de99-5d7e-4979-9abf-61668b963c37) {
    display: block !important;
    padding-bottom: 0;
    background: none !important;
  }
  #block-information-75a3124d-0d13-4439-8333-677e2e8487fc .block-information__items,
  #block-information-0b39de99-5d7e-4979-9abf-61668b963c37 .block-information__items {
    display: none;
  }
  #block-information-75a3124d-0d13-4439-8333-677e2e8487fc .block-information__content,
  #block-information-0b39de99-5d7e-4979-9abf-61668b963c37 .block-information__content {
    margin-bottom: 0;
  }
}
}