/* inModern: lys/mørk modus.
 * Lastes bare når bryteren er på (Theme → Theme Override Rental → Lys og mørk modus). Mørk modus er attributtet data-im-theme="dark" på <html>,
 * satt av hodescriptet før første tegning. Lys modus er uendret: alt under gjelder bare i mørk modus, unntatt selve bryteren.
 *
 * Fremgangsmåte: --ink/--ink-2/--line/--tile/--page snus til mørke verdier, så alt som bruker dem følger med. Det som er «fast mørkt»
 * (topplinje, bunn, bånd, kort) holdes mørkt med --chrome, og lyse øyer (studio-flater med bilbilder, som bruker multiply) får lyse tokens lokalt.
 */

/* ---------- bryteren (ligger i header og i flytbåndet) ---------- */
body.ipl-design-inmodern .im-theme { cursor: pointer; }
body.ipl-design-inmodern .im-theme .im-theme__ico { grid-area: 1 / 1; transition: opacity .25s var(--im-ease); }
body.ipl-design-inmodern .im-theme .im-theme__sun { opacity: 0; }
html[data-im-theme="dark"] body.ipl-design-inmodern .im-theme .im-theme__moon { opacity: 0; }
html[data-im-theme="dark"] body.ipl-design-inmodern .im-theme .im-theme__sun { opacity: 1; }
body.ipl-design-inmodern .im-fb__theme { display: grid; place-items: center; flex: none; width: 36px; height: 36px; padding: 0; border: 1px solid rgba(255,255,255,.2); border-radius: 50%;
	background: transparent; color: #d4d6da; }
body.ipl-design-inmodern .im-fb__theme:hover { color: #fff; border-color: rgba(255,255,255,.45); }
body.ipl-design-inmodern .im-fb__theme svg { width: 18px; height: 18px; }
@media (max-width: 359px) {
	body.ipl-design-inmodern .im-hdr__end { gap: 6px; }
	body.ipl-design-inmodern .im-hdr__btn { width: 36px; height: 36px; }
}
/* overgang bare når kunden trykker (klassen settes av skriptet) */
html.im-theme-anim body.ipl-design-inmodern *, html.im-theme-anim body.ipl-design-inmodern *::before, html.im-theme-anim body.ipl-design-inmodern *::after {
	transition: background-color .25s ease, border-color .25s ease, color .25s ease, fill .25s ease, stroke .25s ease !important;
}

/* ---------- tokens ---------- */
html[data-im-theme="dark"] body.ipl-design-inmodern {
	color-scheme: dark;
	--im-ink: #f2f2f3; --im-ink-2: #a3a6ad; --im-line: #2a2c31; --im-tile: #1a1b1f; --im-page: #111215;
	--ink: #f2f2f3; --ink-2: #a3a6ad; --line: #2a2c31; --tile: #1a1b1f; --page: #111215; --list-bg: #0c0d0f;
	--chrome: #08090b; --surface: #17181c;
	background: var(--chrome);
	/* Blocksys egne variabler (tekst, overskrifter, lenker, kanter, skjemafelt, knapper, palett) for sidene designet ikke eier */
	--theme-text-color: #c9cbcf; --theme-headings-color: #f2f2f3; --theme-link-initial-color: #7ea6ff; --theme-link-hover-color: #a9c2ff;
	--theme-border-color: #2a2c31; --theme-form-field-border-initial-color: #34363c; --theme-form-selection-field-initial-color: #34363c;
	--theme-form-text-initial-color: #f2f2f3; --theme-form-field-background-initial-color: #17181c; --theme-form-field-background-focus-color: #17181c;
	--theme-button-background-initial-color: #f2f2f3; --theme-button-text-initial-color: #0e0f11; --theme-button-background-hover-color: #ffffff; --theme-button-text-hover-color: #0e0f11;
	--theme-palette-color-3: #a3a6ad; --theme-palette-color-4: #f2f2f3; --theme-palette-color-5: #2a2c31; --theme-palette-color-6: #1a1b1f; --theme-palette-color-7: #111215; --theme-palette-color-8: #17181c; --theme-palette-color-9: #2a2c31;
}

/* kantlinjer som var hardkodet lyse */
html[data-im-theme="dark"] body.ipl-design-inmodern :is(#sidebar, .ipl-side, .site-main) { border-color: var(--line); }

/* topplinjen: lavere spesifisitet enn variantene for forside og produkt (som er gjennomsiktige over bildet), og seirer over grunnregelen ved rekkefølge */
:where(html[data-im-theme="dark"]) body.ipl-design-inmodern .im-hdr { background: var(--chrome); }

/* ---------- sideovergangen ---------- */
html[data-im-theme="dark"] body.ipl-design-inmodern .im-load { background: #111215; }
html[data-im-theme="dark"].im-arriving { background: #111215; }
html[data-im-theme="dark"] body.ipl-design-inmodern .im-boxes .box > div { --background: #e4e5e8; }
html[data-im-theme="dark"] body.ipl-design-inmodern .im-boxes .box > div:nth-child(2) { --background: #6b6e75; }
html[data-im-theme="dark"] body.ipl-design-inmodern .im-boxes .box > div:nth-child(3) { --background: #3a3c42; }
html[data-im-theme="dark"] body.ipl-design-inmodern .im-boxes .box > div:nth-child(4) { --background: #1b1c20; }

/* ---------- fast mørke flater: holdes mørke (de brukte --ink som bakgrunn) ---------- */
html[data-im-theme="dark"] body.ipl-design-inmodern :is(.im-ft, .im-lhead, .im-page .im-lhead, .im-fb__band, .im-htdel, .im-bas, .im-slwn__sm:nth-child(2)) { background: var(--chrome); color: #fff; }
html[data-im-theme="dark"] body.ipl-design-inmodern .im-ft { box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); }

/* ---------- lyse øyer: studio-flater med bilbilder (multiply) og lyse produkt-header beholder lyse verdier ---------- */
html[data-im-theme="dark"] body.ipl-design-inmodern :is(.im-pstage, .im-cart__stage, .im-tk__stage, .im-dlc__stage, .im-abfl__stage, .im-ut, .im-is-product .im-hdr, .im-ct, .im-ban, .im-dd__img, .im-pphoto, .im-slm__media, .im-slwn__big, .im-lc__media, .im-btn--white, .im-search, .im-badge b, .im-xt__ico, .im-abst--price, .im-krs__dico, .im-codone__days, .im-abfind__ico) {
	--im-ink: #0e0f11; --im-ink-2: #5d6168; --im-line: #e7e8ea; --im-tile: #f2f2f3; --im-page: #ffffff;
	--ink: #0e0f11; --ink-2: #5d6168; --line: #e7e8ea; --tile: #f2f2f3; --page: #ffffff;
	color: #0e0f11;
}

/* ---------- invers kontroll: fylt med --ink (nå lys), så teksten må bli mørk ---------- */
html[data-im-theme="dark"] body.ipl-design-inmodern :is(
	.im-round, .im-chip.is-on, .im-search__go, .im-faq details[open] .im-pm, .im-dd__tick, .im-btn--dark, .im-tp__chip[aria-checked="true"], .im-lc__cta,
	.im-ts[aria-checked="true"], .im-coterms input:checked + .im-coterms__box, .im-ct3__chips input:checked + span, .im-bav[open] .im-pm,
	.im-pdata[open] summary .im-ico, .im-is-list .ipl-side__tree a[aria-current], .inplug-flow-km__mode input:checked + span,
	.inplug-flow-extra:has(input[type="checkbox"]:checked), .im-kmchips button.is-on, .inplug-co-num, .inplug-co-coupon form.checkout_coupon button, .im-rn__av
) { color: var(--page); }

/* bilder med multiply trenger lys bunn: bildeflaten i kortet er et lyst «studio» på et mørkt kort */
html[data-im-theme="dark"] body.ipl-design-inmodern .im-lc__media { background: #f1f1f2; border-radius: 8px; }

/* ---------- hvite flater som er flater i lys modus: mørke flater i mørk modus ---------- */
html[data-im-theme="dark"] body.ipl-design-inmodern :is(.inplug-flow-radio, .inplug-flow-km__mode, .inplug-flow .inplug-flow-qty, .im-kmchips button:not(.is-on), .im-kmstep button, .inplug-flow-extra__icon, .im-ct3__chips input:not(:checked) + span, .im-ts:disabled, .im-status) { background: var(--surface); }
html[data-im-theme="dark"] body.ipl-design-inmodern :is(.im-ct3__card, .im-baform__card) { background: var(--tile); }
html[data-im-theme="dark"] body.ipl-design-inmodern :is(.im-ct3__card .im-cof input, .im-ct3__card .im-cof textarea, .im-ct3__card .im-cof select, .im-baform__card .im-cof input, .im-baform__card .im-cof textarea, .im-baform__card .im-cof select, .im-baform) { background: var(--surface); }
html[data-im-theme="dark"] body.ipl-design-inmodern :is(.im-pbar, .inplug-flow .im-fb__act) { background: rgba(17,18,21,.94); }
html[data-im-theme="dark"] body.ipl-design-inmodern .im-hdr .im-hdr__cart .ct-dynamic-count-cart { color: #0e0f11 !important; }
html[data-im-theme="dark"] body.ipl-design-inmodern .im-lc { border-color: var(--line); }
html[data-im-theme="dark"] body.ipl-design-inmodern .im-cv--3 { box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); }
html[data-im-theme="dark"] body.ipl-design-inmodern #sidebar::after { border-color: var(--line); }

/* trinnkort (lys → mørk i lys modus): her mørk → mørkere */
html[data-im-theme="dark"] body.ipl-design-inmodern .im-cv { --cv-inner: rgba(255,255,255,.07); --cv-track: rgba(255,255,255,.16); }
html[data-im-theme="dark"] body.ipl-design-inmodern .im-cv--2 { --cv-bg: #202226; }
html[data-im-theme="dark"] body.ipl-design-inmodern .im-abval__c--2 { background: #202226; }
html[data-im-theme="dark"] body.ipl-design-inmodern .im-abval__n { color: rgba(255,255,255,.14); }
html[data-im-theme="dark"] body.ipl-design-inmodern .im-abcta p { color: var(--ink-2); }
html[data-im-theme="dark"] body.ipl-design-inmodern .im-abfl__stage { -webkit-mask-image: none; mask-image: none; }
html[data-im-theme="dark"] body.ipl-design-inmodern .im-abfl .im-sec__head p a { text-decoration-color: var(--ink-2); }

/* flyt: ferdige trinn er hvite sirkler på det mørke båndet (tallet må være mørkt) */
html[data-im-theme="dark"] body.ipl-design-inmodern .im-fb__steps li.is-done span { color: #0e0f11; }

/* ---------- leieflyt og kasse ---------- */
html[data-im-theme="dark"] body.ipl-design-inmodern .inplug-flow { --inplug-flow-border: var(--line); --inplug-flow-bg: var(--tile); --inplug-flow-text: var(--ink); }
html[data-im-theme="dark"] body.ipl-design-inmodern :is(.inplug-flow-km__price small, .inplug-flow-km__hint) { color: var(--ink-2); }
html[data-im-theme="dark"] body.ipl-design-inmodern :is(.im-tk__pill, .im-tk__line span, .im-dlc__line span) { color: #0e0f11; }

/* ---------- legitimering (steget i kassen, lenkesiden og varselet på takk-siden) ---------- */
html[data-im-theme="dark"] body.ipl-design-inmodern :is(.inplug-id__btn, .inplug-idl-notice__button) { color: var(--page); }
html[data-im-theme="dark"] body.ipl-design-inmodern .inplug-id__frame { background: var(--surface); border-color: #3a3c42; }
html[data-im-theme="dark"] body.ipl-design-inmodern .inplug-id__error { color: #ffb4ab; background: #2a1412; }
html[data-im-theme="dark"] body.ipl-design-inmodern .inplug-id__status.is-error { color: #ff9a90; }
html[data-im-theme="dark"] body.ipl-design-inmodern .inplug-id__status.is-ok, html[data-im-theme="dark"] body.ipl-design-inmodern .inplug-id__card.is-done::after { color: #5ee38b; }
html[data-im-theme="dark"] body.ipl-design-inmodern .inplug-id__card.is-done { border-color: #2f8f55; }

/* ---------- kundeportalen (/min-leie): bildekort og grønne statuser på mørk bunn ---------- */
html[data-im-theme="dark"] body.ipl-design-inmodern .ipp-photo__frame { background: var(--surface); border-color: #3a3c42; }
html[data-im-theme="dark"] body.ipl-design-inmodern .ipp-photo__frame.has-image { border-color: transparent; }
html[data-im-theme="dark"] body.ipl-design-inmodern :is(.ipp-photo__status.is-ok, .ipp-photo__frame.no-preview::after) { color: #5ee38b; }
html[data-im-theme="dark"] body.ipl-design-inmodern .ipp-photo__status.is-error { color: #ff9a90; }
html[data-im-theme="dark"] body.ipl-design-inmodern .ipp-photo.is-done { border-color: #2f8f55; }

/* ---------- cookie-banner (Blocksy) ---------- */
html[data-im-theme="dark"] body.ipl-design-inmodern .cookie-notification .ct-cookies-decline-button { background: #2a2c31; color: #f2f2f3; }

/* ---------- datovelger: valgt dag er en lys sirkel (--ink), så tallet må være mørkt; forhåndsvisning og utilgjengelige dager dempes ---------- */
html[data-im-theme="dark"] body.ipl-design-inmodern :is(.im-dp__day.s, .im-dp__day.e) { color: var(--page); }
html[data-im-theme="dark"] body.ipl-design-inmodern .im-dp__day.pv::before { background: #2a2c31; }
html[data-im-theme="dark"] body.ipl-design-inmodern :is(.im-dp__day:disabled, .im-ts:disabled) { color: #4a4d54; }
html[data-im-theme="dark"] body.ipl-design-inmodern.im-is-list .ipl-side__tree a[aria-current] small { color: #5d6168; }

/* ---------- antall i handlekurv-ikonet: hvit på mørk på lysbunnen (produktsiden), ellers mørk på hvit ---------- */
html[data-im-theme="dark"] body.ipl-design-inmodern.im-is-product .im-hdr .im-hdr__cart .ct-dynamic-count-cart { color: #fff !important; background: #0e0f11 !important; }

/* ---------- valgmerke på forsikringskortene: tom ring når ikke valgt, hvit sirkel med mørkt hakemerke når valgt (hakemerket brukte --ink, som er lys her) ---------- */
html[data-im-theme="dark"] body.ipl-design-inmodern .inplug-flow-radio { background: transparent !important; box-shadow: inset 0 0 0 2px #5d6168 !important; }
html[data-im-theme="dark"] body.ipl-design-inmodern .inplug-flow-package input:checked ~ .inplug-flow-package__head .inplug-flow-radio { background: #fff !important; box-shadow: none !important; }
html[data-im-theme="dark"] body.ipl-design-inmodern .inplug-flow-radio::after { border-color: #0e0f11; }
/* hakemerket i tilleggsbryteren ligger på gult: mørkt, ikke --ink (som er lys) */
html[data-im-theme="dark"] body.ipl-design-inmodern .inplug-flow-switch input:checked + span::after { border-color: #0e0f11; }
/* valgt forsikring: tynn lys kant så valget skiller seg fra de andre kortene */
html[data-im-theme="dark"] body.ipl-design-inmodern .inplug-flow-package:has(input:checked) { box-shadow: inset 0 0 0 1px rgba(255,255,255,.28); }

/* ---------- søkefeltet (arkivet og forsidens hero): mørkt. Bookingfeltet på produktsiden ligger på den lyse studioflaten og forblir lyst ---------- */
html[data-im-theme="dark"] body.ipl-design-inmodern .im-search.im-search:not(.im-search--prod) {
	--im-ink: #f2f2f3; --im-ink-2: #a3a6ad; --im-line: #2a2c31; --im-tile: #1a1b1f; --im-page: #111215;
	--ink: #f2f2f3; --ink-2: #a3a6ad; --line: #2a2c31; --tile: #1a1b1f; --page: #111215;
	color: var(--ink);
}
html[data-im-theme="dark"] body.ipl-design-inmodern .im-search.im-search:not(.im-search--prod):not(.im-search--list) { background: var(--surface); box-shadow: inset 0 0 0 1px rgba(255,255,255,.12); }
html[data-im-theme="dark"] body.ipl-design-inmodern .im-search--list .im-search__box { background: var(--surface); }
html[data-im-theme="dark"] body.ipl-design-inmodern .im-search:not(.im-search--prod) .im-search__go { --ink: #0e0f11; --page: #ffffff; }

/* ---------- hover: de lyse hover-fargene fra lys modus (hardkodet) blir mørke ---------- */
html[data-im-theme="dark"] body.ipl-design-inmodern .im-xt:hover { background: #24262b; }
html[data-im-theme="dark"] body.ipl-design-inmodern .im-lc:hover { border-color: #3a3c42; box-shadow: 0 8px 24px rgba(0,0,0,.35); }
html[data-im-theme="dark"] body.ipl-design-inmodern .im-lc__cta:hover { background: #ffffff; }
html[data-im-theme="dark"] body.ipl-design-inmodern .im-btn--line:hover { border-color: #8b8e95; }
html[data-im-theme="dark"] body.ipl-design-inmodern .im-tp__chip:hover { border-color: #6b6e75; }
html[data-im-theme="dark"] body.ipl-design-inmodern .im-pin:hover { border-color: #3a3c42; }
html[data-im-theme="dark"] body.ipl-design-inmodern .im-cv:hover { box-shadow: 0 18px 40px rgba(0,0,0,.45); }

/* ---------- sveip: faste lyse kantlinjer, spor og felt som lyse modus hardkodet ---------- */
html[data-im-theme="dark"] body.ipl-design-inmodern .im-lc__foot { border-top-color: var(--line); }
html[data-im-theme="dark"] body.ipl-design-inmodern :is(.im-pin__bar, .im-cv__bar) { background: var(--line); }
html[data-im-theme="dark"] body.ipl-design-inmodern .im-sheet__grab { background: #3a3c42; }
html[data-im-theme="dark"] body.ipl-design-inmodern .im-ts:disabled { border-color: var(--line); }
html[data-im-theme="dark"] body.ipl-design-inmodern :is(.im-cof input, .im-cof select, .im-cof textarea, .im-ct3__card .im-cof input, .im-ct3__card .im-cof textarea, .im-ct3__card .im-cof select, .im-ct3__chips span,
	.inplug-flow .inplug-flow-qty, .inplug-co-coupon form.checkout_coupon input.input-text, .inplug-co .form-row.woocommerce-validated input.input-text) { border-color: #34363c; }
/* kontakt-skjemaets valgte emnevalg: flaten er lys (inverst), så den overstyrer ikke lenger den mørke chip-bakgrunnen */
html[data-im-theme="dark"] body.ipl-design-inmodern .im-ct3__chips input:checked + span { background: var(--ink); border-color: var(--ink); color: var(--page); }

/* ---------- WooCommerce-meldinger (Blocksy/Woo har lyse faste farger) ---------- */
html[data-im-theme="dark"] body.ipl-design-inmodern :is(.woocommerce-info, .woocommerce-message, .woocommerce-noreviews, p.no-comments) { background: var(--tile); color: var(--ink); }
html[data-im-theme="dark"] body.ipl-design-inmodern .woocommerce-error { background: #2a1412; color: #ffb4ab; }
html[data-im-theme="dark"] body.ipl-design-inmodern :is(.woocommerce-info, .woocommerce-message, .woocommerce-error) a:not(.button) { color: inherit; text-decoration: underline; }

/* ---------- feilmeldinger og ugyldige felt: lysere rød så den leses på mørk bunn ---------- */
html[data-im-theme="dark"] body.ipl-design-inmodern :is(.im-cof__err, .inplug-co .form-row .required) { color: #ff9a90; }
html[data-im-theme="dark"] body.ipl-design-inmodern :is(.im-cof.is-err input, .im-cof.is-err textarea, .inplug-co .form-row.woocommerce-invalid input.input-text, .inplug-co .form-row.woocommerce-invalid select) { border-color: #e5675c; box-shadow: 0 0 0 3px rgba(229,103,92,.16); }
html[data-im-theme="dark"] body.ipl-design-inmodern .inplug-flow-group.is-missing { outline-color: #e5675c; }
html[data-im-theme="dark"] body.ipl-design-inmodern .im-ctf__fail { background: #2a1412; color: #ffb4ab; }

/* ---------- fokusring: currentColor ble mørk på de inverse (lyse) knappene, så ringen får egen farge. På lyse øyer en mørkere blå. ---------- */
/* ova-brw sin CSS fjerner outline på :focus med !important, derfor !important her */
html[data-im-theme="dark"] body.ipl-design-inmodern :focus-visible { outline: 2px solid #7ea6ff !important; outline-offset: 2px; }
html[data-im-theme="dark"] body.ipl-design-inmodern :is(.im-pstage, .im-cart__stage, .im-tk__stage, .im-dlc__stage, .im-ct, .im-ban, .im-search--prod, .im-is-product .im-hdr, .im-slwn__big) :focus-visible { outline: 2px solid #1d4ed8 !important; outline-offset: 2px; }
/* nettleserens autofyll (gul/blå bakgrunn) */
html[data-im-theme="dark"] body.ipl-design-inmodern :is(.im-cof, .inplug-co .form-row, .woocommerce-form-login) input:-webkit-autofill { -webkit-text-fill-color: var(--ink); box-shadow: 0 0 0 100px var(--surface) inset; caret-color: var(--ink); }
/* advarsel i datoarket (minste leieperiode osv.) */
html[data-im-theme="dark"] body.ipl-design-inmodern .im-dp__note.is-warn { background: #2a1d10; color: #ffb86b; }

/* Blocksys «tilbake til toppen»-knapp */
html[data-im-theme="dark"] body.ipl-design-inmodern .ct-back-to-top { background: #2a2c31; color: #f2f2f3; }
/* skjulte avkrysning/radio i kontaktskjemaet: ringen vises på valget ved siden av */
html[data-im-theme="dark"] body.ipl-design-inmodern :is(.im-ct3__chips, .im-coterms, .im-ba__chips) input:focus-visible + :is(span, .im-coterms__box) { outline: 2px solid #7ea6ff !important; outline-offset: 2px; }

/* ---------- innlogging og Min konto ---------- */
html[data-im-theme="dark"] body.ipl-design-inmodern .im-acct form :is(input.input-text, input[type="text"], input[type="email"], input[type="password"], input[type="tel"], select, textarea) { border-color: #34363c; background: var(--surface); }
html[data-im-theme="dark"] body.ipl-design-inmodern .im-acct form :is(input, select, textarea):focus { box-shadow: 0 0 0 3px rgba(242,242,243,.12); }
html[data-im-theme="dark"] body.ipl-design-inmodern .im-acct :is(.woocommerce-error, .woocommerce-message, .woocommerce-info):focus-visible { outline: 0 !important; }

/* ---------- rutenettet og prikkene på sidene: i lys modus er de mørke linjer på lys bunn, her lyse linjer på mørk bunn ---------- */
html[data-im-theme="dark"] body.ipl-design-inmodern .im-slmain { background-image: linear-gradient(to right, rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(to bottom, rgba(255,255,255,.05) 1px, transparent 1px); }
html[data-im-theme="dark"] body.ipl-design-inmodern .im-gridzone__bg { background-image: linear-gradient(to right, rgba(255,255,255,.09) 1px, transparent 1px), linear-gradient(to bottom, rgba(255,255,255,.09) 1px, transparent 1px); }
html[data-im-theme="dark"] body.ipl-design-inmodern .im-gridzone__bg i { background: rgba(255,255,255,.05); }
html[data-im-theme="dark"] body.ipl-design-inmodern .im-pagegrid i { background: rgba(255,255,255,.04); }
html[data-im-theme="dark"] body.ipl-design-inmodern :is(.im-gridzone__bg, .im-pagegrid) i::before,
html[data-im-theme="dark"] body.ipl-design-inmodern :is(.im-gridzone__bg, .im-pagegrid) i::after { background: linear-gradient(rgba(255,255,255,.4), rgba(255,255,255,.4)) center / 1px 100% no-repeat, linear-gradient(rgba(255,255,255,.4), rgba(255,255,255,.4)) center / 100% 1px no-repeat; }

/* ---------- Min konto: mørkt glass ---------- */
html[data-im-theme="dark"] body.ipl-design-inmodern .im-acct--in .im-acct__in > .woocommerce { border-color: rgba(255,255,255,.09);
	background: linear-gradient(135deg, rgba(255,255,255,.035) 0%, rgba(255,255,255,.012) 55%, rgba(255,255,255,.025) 100%);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.1), inset 0 -1px 0 rgba(0,0,0,.3), 0 1px 2px rgba(0,0,0,.25), 0 20px 48px -14px rgba(0,0,0,.5); }
html[data-im-theme="dark"] body.ipl-design-inmodern .im-acct--in .im-acct__in > .woocommerce::before { background: linear-gradient(180deg, rgba(255,255,255,.04) 0%, rgba(255,255,255,0) 100%); }
html[data-im-theme="dark"] body.ipl-design-inmodern .im-acct--in .woocommerce-MyAccount-navigation a { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.12); }
@media (min-width: 960px) { html[data-im-theme="dark"] body.ipl-design-inmodern .im-acct--in .woocommerce-MyAccount-navigation a { background: none; border-color: transparent; } }
html[data-im-theme="dark"] body.ipl-design-inmodern .im-acct--in .woocommerce-MyAccount-navigation .is-active a { background: var(--ink); border-color: var(--ink); }
html[data-im-theme="dark"] body.ipl-design-inmodern .im-acct--in :is(.woocommerce-Address, .woocommerce-info, .woocommerce-message) { background: rgba(255,255,255,.06); }