/* Sverige.dk – komponenter. Farver og typografi kommer fra theme.json. */

:root {
	--sv-radius-s: 8px;
	--sv-radius-m: 14px;
	--sv-radius-l: 20px;
	--sv-line: var(--wp--preset--color--linje, #E3DED3);
}

.screen-reader-text {
	border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);
	height: 1px; margin: -1px; overflow: hidden; padding: 0;
	position: absolute; width: 1px; word-wrap: normal !important;
}

:where(a, button, summary, input):focus-visible {
	outline: 2px solid var(--wp--preset--color--soeblaa);
	outline-offset: 3px;
}

/* Header */
.sv-header { border-bottom: 1px solid var(--sv-line); }
.sv-logo { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: var(--wp--preset--color--soeblaa); }
.sv-logo svg { flex: none; }
.sv-logo:hover { color: var(--wp--preset--color--nat); }
.sv-header .wp-block-navigation a { text-decoration: none; padding: 0.6rem 0.2rem; }
.sv-header .wp-block-navigation a:hover { text-decoration: underline; }

/* Brødkrummer og byline */
.sv-broedkrummer ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0.4rem; font-size: 0.875rem; color: var(--wp--preset--color--graafit); }
.sv-broedkrummer li + li::before { content: "/"; margin-right: 0.4rem; color: var(--wp--preset--color--graafit); }
.sv-byline { font-size: 0.875rem; color: var(--wp--preset--color--graafit); }
.sv-byline > * { margin: 0 !important; }
.sv-byline .wp-block-post-author-name::before { content: "Af "; }
.sv-byline .sv-opdateret { margin: 0; }

/* Kort fortalt */
.sv-kortfortalt { background: var(--wp--preset--color--is); border-radius: var(--sv-radius-m); padding: 1.25rem 1.5rem; }
.sv-kortfortalt > :first-child { margin-top: 0; }
.sv-kortfortalt > :last-child { margin-bottom: 0; }
.sv-kortfortalt .sv-boks-titel { font-weight: 600; color: var(--wp--preset--color--soeblaa); margin-bottom: 0.25rem; }
.sv-kortfortalt ul { margin: 0.25rem 0 0; padding-left: 1.2rem; }

/* Indholdsfortegnelse */
.sv-toc { background: var(--wp--preset--color--hvid); border: 1px solid var(--sv-line); border-radius: var(--sv-radius-m); padding: 1rem 1.25rem; margin-block: 1.5rem; }
.sv-toc summary { cursor: pointer; font-weight: 600; color: var(--wp--preset--color--soeblaa); }
.sv-toc ol { margin: 0.75rem 0 0; padding-left: 1.3rem; columns: 2 16rem; column-gap: 2rem; }
.sv-toc li { break-inside: avoid; padding: 0.15rem 0; }
.sv-toc a { text-decoration: none; }
.sv-toc a:hover { text-decoration: underline; }
h2[id], h3[id] { scroll-margin-top: 1.5rem; }

/* Faktaboks */
.sv-faktaboks { background: var(--wp--preset--color--hvid); border: 1px solid var(--sv-line); border-radius: var(--sv-radius-l); padding: 1.5rem; }
.sv-faktaboks h3 { margin-top: 0; font-size: 1.375rem; }
.sv-fakta-raekke { border-bottom: 1px solid #EFEBE3; padding-bottom: 0.75rem; margin-top: 0.75rem !important; gap: 0.1rem !important; }
.sv-fakta-raekke:last-child { border-bottom: 0; padding-bottom: 0; }
.sv-fakta-label { margin: 0 !important; font-size: 0.8125rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; color: var(--wp--preset--color--graafit); }
.sv-fakta-vaerdi { margin: 0 !important; font-size: 1rem; }
.sv-fakta-vaerdi:empty { display: none; }

/* Sæsonkalender */
.sv-saeson { margin: 1.5rem 0; }
.sv-saeson__titel { font-weight: 600; color: var(--wp--preset--color--soeblaa); margin-bottom: 0.5rem; font-size: 1rem; }
.sv-saeson__maaneder { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 4px; }
.sv-saeson__m { text-align: center; font-size: 0.8125rem; font-weight: 600; padding: 0.5rem 0; border-radius: 6px; background: #EFEBE3; color: var(--wp--preset--color--graafit); }
.sv-saeson__m--god { background: #C9D6E2; color: var(--wp--preset--color--nat); }
.sv-saeson__m--bedst { background: var(--wp--preset--color--soeblaa); color: #fff; }
.sv-saeson__forklaring { font-size: 0.8125rem; color: var(--wp--preset--color--graafit); margin: 0.5rem 0 0; display: flex; align-items: center; gap: 0.4rem; }
.sv-prik { display: inline-block; width: 12px; height: 12px; border-radius: 3px; }
.sv-prik--bedst { background: var(--wp--preset--color--soeblaa); }
.sv-prik--god { background: #C9D6E2; margin-left: 0.6rem; }

/* Kort */
.sv-kort { border-radius: var(--sv-radius-l); overflow: hidden; background: var(--wp--preset--color--is); z-index: 0; position: relative; }
.sv-kort-tom { font-size: 0.875rem; color: var(--wp--preset--color--graafit); background: var(--wp--preset--color--is); padding: 1rem; border-radius: var(--sv-radius-m); }
.leaflet-popup-content a { font-weight: 600; }

/* FAQ */
.sv-faq .wp-block-details summary { font-weight: 600; font-size: 1.125rem; color: var(--wp--preset--color--soeblaa); cursor: pointer; }
.sv-faq .wp-block-details > :not(summary) { color: var(--wp--preset--color--graafit); }
.sv-faq { border-top: 1px solid var(--sv-line); }

/* Kilder, note og anbefaling */
.sv-kilder { font-size: 0.9375rem; border-top: 1px solid var(--sv-line); padding-top: 1rem; }
.sv-kilder ol, .sv-kilder ul { padding-left: 1.2rem; }
.sv-note { background: var(--wp--preset--color--is); border-radius: var(--sv-radius-m); padding: 1.25rem 1.5rem; font-size: 0.9375rem; }
.sv-note p { margin: 0; }
.sv-anbefaling { border: 1px solid var(--sv-line); background: var(--wp--preset--color--hvid); border-radius: var(--sv-radius-m); padding: 1.25rem 1.5rem; }
.sv-anbefaling .sv-markering { display: inline-block; font-size: 0.75rem; font-weight: 600; color: var(--wp--preset--color--graafit); border: 1px solid var(--sv-line); border-radius: 999px; padding: 0.15rem 0.6rem; margin: 0 0 0.5rem; }

/* Rejseplan */
.sv-rejseplan { counter-reset: dag; }
.sv-dag { border-left: 3px solid var(--wp--preset--color--solgul); padding-left: 1.25rem; }
.sv-dag h3 { margin-top: 0; }

/* Kort (cards) og knapper */
.sv-kortflade { background: var(--wp--preset--color--hvid); border: 1px solid var(--sv-line); border-radius: var(--sv-radius-m); overflow: hidden; height: 100%; }
.sv-kortflade .wp-block-cover, .sv-kortflade .wp-block-image img { border-radius: 0; }
.sv-kortflade h3 a, .sv-kortflade h2 a { text-decoration: none; }
.sv-kortflade h3 a:hover, .sv-kortflade h2 a:hover { text-decoration: underline; }
.sv-pladsholder { font-size: 0.75rem !important; background: rgba(255, 255, 255, 0.8); color: var(--wp--preset--color--blaek) !important; padding: 0.25rem 0.5rem; border-radius: 6px; display: inline-block; }
.is-style-outline > .wp-block-button__link, .wp-block-button__link.is-style-outline { border: 1px solid #CFC8BA; background: var(--wp--preset--color--hvid); color: var(--wp--preset--color--soeblaa); }
.sv-chips .wp-block-button__link { background: var(--wp--preset--color--hvid); color: var(--wp--preset--color--soeblaa); border: 1px solid var(--sv-line); font-size: 0.9375rem; padding: 0.7rem 1.2rem; }
.sv-chips .wp-block-button__link:hover { border-color: var(--wp--preset--color--soeblaa); background: var(--wp--preset--color--hvid); }
.sv-etiket { display: inline-block; font-size: 0.8125rem; background: var(--wp--preset--color--is); color: var(--wp--preset--color--soeblaa); padding: 0.3rem 0.7rem; border-radius: 999px; margin: 0; }

/* Footer */
.sv-footer { font-size: 0.9375rem; }
.sv-footer a { color: var(--wp--preset--color--moerk-tekst); text-decoration: none; }
.sv-footer a:hover { color: #fff; text-decoration: underline; }
.sv-footer h2 { color: #fff; font-size: 1.25rem; margin: 0 0 0.6rem; }
.sv-footer ul { list-style: none; padding: 0; margin: 0; }
.sv-footer li { padding: 0.3rem 0; }
.sv-footer address { font-style: normal; line-height: 1.7; }
.sv-footer .wp-block-social-links .wp-social-link { background: transparent !important; border: 1px solid #3A5774; }
.sv-footer .sv-footer-top { border-bottom: 1px solid #24405C; }
.sv-footer .sv-footer-bund { border-top: 1px solid #24405C; color: #B4C2D0; font-size: 0.875rem; }
.sv-footer .sv-footer-bund a { color: #B4C2D0; text-decoration: underline; }

/* Lister af sider (arkiv, søgning) */
.sv-liste .wp-block-post-title a { text-decoration: none; }
.sv-liste .wp-block-post-title a:hover { text-decoration: underline; }

@media (max-width: 781px) {
	.sv-toc ol { columns: 1; }
	.sv-saeson__m { font-size: 0.75rem; }
}

/* Overskrifter med link: ingen understregning før hover */
.wp-block-heading a { text-decoration: none; }
.wp-block-heading a:hover { text-decoration: underline; }
.sv-header .wp-block-search__button { background: var(--wp--preset--color--hvid); color: var(--wp--preset--color--soeblaa); border: 1px solid #CFC8BA; border-radius: 999px; width: 44px; height: 44px; padding: 0; display: inline-flex; align-items: center; justify-content: center; }
@media (max-width: 781px) {
	.sv-region > .wp-block-column:last-child { order: -1; }
}
/* Billedkort på oversigtssider */
.sv-kortgrid { list-style: none; margin: 1.25rem 0 2rem; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 15.5rem), 1fr)); gap: 1.25rem; }
.sv-bkort { position: relative; display: flex; flex-direction: column; background: var(--wp--preset--color--hvid); border: 1px solid var(--wp--preset--color--linje); border-radius: 14px; overflow: hidden; transition: box-shadow .15s ease, transform .15s ease; }
.sv-bkort:hover { box-shadow: 0 8px 24px rgba(14, 34, 54, .12); transform: translateY(-2px); }
.sv-bkort:focus-within { outline: 3px solid var(--wp--preset--color--soeblaa); outline-offset: 2px; }
.sv-bkort__billede { aspect-ratio: 3 / 2; background: var(--wp--preset--color--is); overflow: hidden; }
.sv-bkort__billede img { width: 100%; height: 100%; object-fit: cover; display: block; margin: 0; }
.sv-bkort__tom { display: block; width: 100%; height: 100%; }
.sv-bkort__tekst { padding: 0.9rem 1rem 1.1rem; display: flex; flex-direction: column; gap: 0.35rem; }
.sv-bkort__titel { font-size: 1.2rem !important; margin: 0 !important; line-height: 1.25; }
.sv-bkort__titel a { text-decoration: none; color: var(--wp--preset--color--soeblaa); }
.sv-bkort__titel a::after { content: ""; position: absolute; inset: 0; }
.sv-bkort__titel a:focus-visible { outline: none; }
.sv-bkort:hover .sv-bkort__titel a { text-decoration: underline; }
.sv-bkort__beskrivelse { margin: 0; font-size: 0.975rem; line-height: 1.5; color: var(--wp--preset--color--blaek); }
.sv-bkort__meta { margin: 0.2rem 0 0; font-size: 0.875rem; color: var(--wp--preset--color--graafit); }
@media (prefers-reduced-motion: reduce) { .sv-bkort { transition: none; } .sv-bkort:hover { transform: none; } }
/* Tilgængelighed: tydeligt fokus på både lys og mørk baggrund */
:where(a, button, summary, input, select, textarea, [tabindex]):focus-visible {
	outline: 3px solid var(--wp--preset--color--soeblaa);
	outline-offset: 2px;
	box-shadow: 0 0 0 5px var(--wp--preset--color--hvid);
	border-radius: 3px;
}
.sv-footer :where(a, button):focus-visible,
.has-nat-background-color :where(a, button):focus-visible,
.has-soeblaa-background-color :where(a, button):focus-visible {
	outline-color: var(--wp--preset--color--solgul);
	box-shadow: none;
}
.skip-link.screen-reader-text:focus { background: var(--wp--preset--color--solgul); color: var(--wp--preset--color--blaek); font-weight: 600; padding: 0.75rem 1rem; z-index: 100000; }
.leaflet-container .leaflet-control-attribution a { color: #00557A; }
.sv-kortgrid-note { font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--graafit); margin-top: -1rem !important; }

/* Kompakte kort på mobil */
@media (max-width: 600px) {
	.sv-kortgrid { gap: 0.75rem; }
	.sv-bkort { flex-direction: row; align-items: stretch; }
	.sv-bkort__billede { flex: 0 0 38%; aspect-ratio: auto; min-height: 7.5rem; }
	.sv-bkort__tekst { padding: 0.7rem 0.85rem; }
	.sv-bkort__titel { font-size: 1.075rem !important; }
	.sv-bkort__beskrivelse { font-size: 0.9rem; }
	.sv-bkort__meta { font-size: 0.8125rem; }
}

/* Hovedmenu: undermenuer på desktop */
.sv-hovedmenu .wp-block-navigation__submenu-container { border: 1px solid var(--wp--preset--color--linje) !important; border-radius: 12px; padding: 0.5rem 0 !important; box-shadow: 0 10px 30px rgba(14, 34, 54, .12); min-width: 15rem !important; }
.sv-hovedmenu .wp-block-navigation__submenu-container .wp-block-navigation-item__content { padding: 0.45rem 1.1rem !important; }
.sv-hovedmenu .wp-block-navigation__submenu-container .wp-block-navigation-item:first-child .wp-block-navigation-item__content { font-weight: 600; }

/* Hovedmenu: harmonika i mobilmenuen */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { align-items: stretch !important; padding-top: 3.5rem; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { width: 100%; gap: 0 !important; align-items: stretch !important; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item { width: 100%; align-items: stretch !important; border-bottom: 1px solid var(--wp--preset--color--linje); position: relative; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content { display: block; width: 100%; font-size: 1.25rem; font-weight: 600; padding: 0.95rem 3.5rem 0.95rem 0.25rem !important; color: var(--wp--preset--color--soeblaa); }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu > .wp-block-navigation-submenu__toggle { display: flex !important; align-items: center; justify-content: center; position: absolute; right: 0; top: 0.35rem; width: 3rem; height: 3rem; margin: 0; padding: 0 !important; border-radius: 8px; cursor: pointer; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu > .wp-block-navigation-submenu__toggle svg { width: 14px; height: 14px; transform: none; transition: transform .2s; }
.wp-block-navigation__responsive-container.is-menu-open .sv-aaben > .wp-block-navigation-submenu__toggle svg { transform: rotate(180deg); }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:not(.sv-aaben) > .wp-block-navigation__submenu-container { display: none !important; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container { padding: 0 0 0.75rem 0.75rem !important; gap: 0 !important; align-items: stretch !important; border: 0 !important; box-shadow: none; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item { width: 100%; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content { display: block; padding: 0.6rem 0.25rem !important; font-size: 1.0625rem; width: 100%; }
@media (prefers-reduced-motion: reduce) { .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-icon { transition: none; } }

/* 404 */
.sv-404-soeg { max-width: 34rem; }
.is-layout-constrained > .sv-kortgrid { max-width: var(--wp--style--global--wide-size) !important; }
/* Kort fortalt og indholdsfortegnelse side om side */
.sv-intro { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 24rem), 1fr)); gap: 1.25rem; align-items: stretch; margin-block: 1.5rem 2rem; }
.is-layout-constrained > .sv-intro { max-width: var(--wp--style--global--wide-size) !important; }
.sv-intro > .sv-kortfortalt, .sv-intro > .sv-toc { margin: 0 !important; height: 100%; box-sizing: border-box; }
.sv-intro .sv-toc ol { columns: 1; }

/* Megamenu på desktop */
@media (min-width: 600px) {
	.sv-hovedmenu .wp-block-navigation__submenu-container { display: block !important; columns: 2 11rem; column-gap: 1rem; padding: 0.9rem 1rem !important; }
	.sv-hovedmenu .wp-block-navigation__submenu-container > .wp-block-navigation-item { break-inside: avoid; }
	.sv-hovedmenu .wp-block-navigation__container > li:first-child > .wp-block-navigation__submenu-container { columns: 3 10rem; }
	.sv-hovedmenu .wp-block-navigation-submenu:hover > .wp-block-navigation__submenu-container,
	.sv-hovedmenu .wp-block-navigation-submenu:focus-within > .wp-block-navigation__submenu-container,
	.sv-hovedmenu .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container { width: max-content !important; min-width: 0 !important; }
	.sv-hovedmenu .wp-block-navigation__submenu-container > .wp-block-navigation-item:first-child { column-span: all; border-bottom: 1px solid var(--wp--preset--color--linje); margin-bottom: 0.4rem; padding-bottom: 0.3rem; }
	.sv-hovedmenu .wp-block-navigation__submenu-container .wp-block-navigation-item__content { border-radius: 8px; }
	.sv-hovedmenu .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover { background: var(--wp--preset--color--is); }
	.sv-hovedmenu .wp-block-navigation__container > li:nth-last-child(-n+2) > .wp-block-navigation__submenu-container { left: auto !important; right: 0 !important; }
}


/* Megamenu: Rejsemål med landsdele */
@media (min-width: 600px) {
	.sv-hovedmenu li.sv-mega-rejsemaal > .wp-block-navigation__submenu-container { display: grid !important; grid-template-columns: repeat(3, minmax(11.5rem, 1fr)); gap: 0.25rem 1.25rem; columns: auto; padding: 1rem 1.25rem 1.25rem !important; }
	.sv-hovedmenu li.sv-mega-rejsemaal > .wp-block-navigation__submenu-container > .wp-block-navigation-item:first-child { grid-column: auto; border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
	.sv-hovedmenu li.sv-mega-rejsemaal > .wp-block-navigation__submenu-container > .wp-block-navigation-link:not(.sv-menu-fremhaevet) { border-bottom: 1px solid var(--wp--preset--color--linje); padding-bottom: 0.35rem; margin-bottom: 0.4rem; }
	.sv-hovedmenu li.sv-menugruppe > .wp-block-navigation__submenu-container { position: static !important; visibility: inherit !important; opacity: 1 !important; width: auto !important; height: auto !important; overflow: visible !important; min-width: 0 !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; display: block !important; columns: auto; background: transparent !important; }
	.sv-hovedmenu li.sv-menugruppe > .wp-block-navigation-submenu__toggle, .sv-hovedmenu li.sv-menugruppe > .wp-block-navigation__submenu-icon { display: none !important; }
	.sv-hovedmenu li.sv-menugruppe { flex-direction: column; align-items: stretch !important; }
	.sv-hovedmenu li.sv-menugruppe > .wp-block-navigation-item__content { font-size: 0.8125rem !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: 0.06em; color: var(--wp--preset--color--graafit) !important; padding-top: 0.6rem !important; }
	.sv-hovedmenu li.sv-menugruppe .wp-block-navigation-item__content { padding-top: 0.3rem !important; padding-bottom: 0.3rem !important; }
	.sv-hovedmenu li.sv-menugruppe .wp-block-navigation-item:first-child .wp-block-navigation-item__content { font-weight: inherit; }
	.sv-hovedmenu .sv-menu-fremhaevet { position: relative; border-radius: 12px; overflow: hidden; min-height: 9rem; margin-top: 0.6rem; background: var(--wp--preset--color--soeblaa) url('https://www.sverige.dk/wp-content/uploads/2026/11/stockholm-3-dage-768x512.jpg') center / cover no-repeat; }
	.sv-hovedmenu .sv-menu-fremhaevet > .wp-block-navigation-item__content { display: flex !important; align-items: flex-end; height: 100%; min-height: 9rem; padding: 0.85rem 1rem !important; color: #fff !important; font-weight: 700 !important; line-height: 1.3; background: linear-gradient(to top, rgba(14, 34, 54, .85), rgba(14, 34, 54, .1) 70%); border-radius: 0 !important; }
	.sv-hovedmenu .sv-menu-fremhaevet > .wp-block-navigation-item__content:hover { background: linear-gradient(to top, rgba(14, 34, 54, .95), rgba(14, 34, 54, .2) 70%) !important; text-decoration: underline; }
}
@media (min-width: 600px) {
	.sv-hovedmenu .wp-block-navigation__container { position: relative; }
	.sv-hovedmenu li.sv-mega-rejsemaal { position: static !important; }
	.sv-hovedmenu li.sv-mega-rejsemaal > .wp-block-navigation__submenu-container { left: auto !important; right: 0 !important; top: 100% !important; }
	.sv-hovedmenu li.sv-menugruppe .wp-block-navigation__submenu-container > .wp-block-navigation-item:first-child { border-bottom: 0 !important; margin-bottom: 0 !important; padding-bottom: 0 !important; column-span: none; }
	.sv-hovedmenu li.sv-menugruppe .wp-block-navigation__submenu-container > .wp-block-navigation-item:first-child .wp-block-navigation-item__content { font-weight: 400 !important; }
}
/* Megamenu på mobil: landsdele vises som overskrifter */
.wp-block-navigation__responsive-container.is-menu-open li.sv-menugruppe.wp-block-navigation-item > .wp-block-navigation__submenu-container { display: block !important; padding: 0 0 0.4rem 0.5rem !important; }
.wp-block-navigation__responsive-container.is-menu-open li.sv-menugruppe > .wp-block-navigation-submenu__toggle { display: none !important; }
.wp-block-navigation__responsive-container.is-menu-open li.sv-menugruppe > .wp-block-navigation-item__content { font-size: 0.8125rem !important; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: var(--wp--preset--color--graafit); padding-top: 0.75rem !important; }
.wp-block-navigation__responsive-container.is-menu-open .sv-menu-fremhaevet { display: none !important; }
@media (min-width: 600px) {
	.sv-hovedmenu li.sv-menugruppe { justify-content: flex-start !important; align-self: start; }
	.sv-hovedmenu li.sv-menugruppe > .wp-block-navigation-item__content { flex: 0 0 auto !important; }
}
.wp-block-navigation__responsive-container.is-menu-open li.sv-menugruppe.wp-block-navigation-item { flex-direction: column !important; align-items: flex-start !important; }
.wp-block-navigation__responsive-container.is-menu-open li.sv-menugruppe.wp-block-navigation-item > .wp-block-navigation__submenu-container { width: 100% !important; }
.wp-block-navigation__responsive-container.is-menu-open li.sv-menugruppe .wp-block-navigation-item .wp-block-navigation-item__content { font-weight: 500 !important; }

/* Forside: topbillede uden overlay, kreditering nederst til højre */
.sv-hero { position: relative; }
.sv-hero > .sv-fotokredit-kort { position: absolute; right: 0.75rem; bottom: 0.75rem; z-index: 2; }
.sv-hero h1, .sv-hero p:not(.sv-fotokredit-kort) { text-shadow: 0 1px 3px rgba(0, 0, 0, .65), 0 0 20px rgba(0, 0, 0, .4); }
@media (max-width: 781px) {
	.sv-hero > .wp-block-group { padding-bottom: 3.25rem !important; }
}
/* Forside: ruteforslag i fuld bredde */
.sv-kortflade.sv-sliderbaand { border-radius: 0; border-left: 0; border-right: 0; height: auto; overflow: visible; }
.sv-hero + .sv-kortgrid { margin-top: 2rem; }


/* Afslutning: Kilder i én kolonne + to udvalgte artikler i to kolonner */
.sv-afslutning { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 1.25rem 2.5rem; align-items: start; border-top: 1px solid var(--sv-line); padding-top: 1.5rem; margin-top: 3rem !important; margin-bottom: 1rem; }
.sv-afslutning__kilder { order: -1; }
.sv-afslutning .sv-kilder { border-top: 0; padding-top: 0; margin: 0; font-size: 0.875rem; color: var(--wp--preset--color--graafit); }
.sv-afslutning .sv-kilder li { margin-bottom: 0.35rem; overflow-wrap: anywhere; }
.sv-afslutning .sv-kilder p { margin: 0.75rem 0 0; }
.sv-afslutning .sv-kilder h3, .sv-afslutning__titel { margin: 0 0 0.9rem !important; font-size: 1.125rem !important; color: var(--wp--preset--color--soeblaa); }
.sv-afslutning__kort { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
.sv-afslutning .sv-bkort__titel { font-size: 1.1rem !important; }
.sv-afslutning__flere { margin: 1rem 0 0; font-size: 0.875rem; color: var(--wp--preset--color--graafit); }
@media (max-width: 900px) {
	.sv-afslutning { grid-template-columns: 1fr; }
	.sv-afslutning__kilder { order: 0; border-top: 1px solid var(--sv-line); padding-top: 1.25rem !important; }
}
@media (max-width: 600px) {
	.sv-afslutning__kort { grid-template-columns: 1fr; gap: 0.75rem; }
}


/* Prisberegner: bro eller færge */
.sv-beregner { background: var(--wp--preset--color--is); border-radius: var(--sv-radius-l); padding: 1.5rem; margin: 1.5rem 0 2rem; }
.sv-beregner__form { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); gap: 1rem 1.25rem; }
.sv-beregner__felt { display: flex; flex-direction: column; gap: 0.35rem; font-weight: 600; color: var(--wp--preset--color--soeblaa); font-size: 0.95rem; }
.sv-beregner__felt select, .sv-beregner__felt input { font: inherit; font-weight: 400; color: var(--wp--preset--color--blaek); background: var(--wp--preset--color--hvid); border: 1px solid var(--sv-line); border-radius: var(--sv-radius-s); padding: 0.6rem 0.75rem; min-height: 44px; }
.sv-beregner__felt small { font-weight: 400; color: var(--wp--preset--color--graafit); font-size: 0.825rem; }
.sv-beregner__liste { list-style: none; margin: 1.25rem 0 0; padding: 0; display: grid; gap: 0.5rem; }
.sv-beregner__linje { display: flex; justify-content: space-between; align-items: center; gap: 1rem; background: var(--wp--preset--color--hvid); border: 1px solid var(--sv-line); border-radius: var(--sv-radius-m); padding: 0.75rem 1rem; }
.sv-beregner__linje strong { font-size: 1.15rem; color: var(--wp--preset--color--soeblaa); white-space: nowrap; }
.sv-beregner__navn { display: flex; flex-direction: column; gap: 0.15rem; }
.sv-beregner__navn small { color: var(--wp--preset--color--graafit); font-size: 0.825rem; }
.sv-beregner__navn em { font-style: normal; font-size: 0.75rem; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; background: var(--wp--preset--color--solgul); color: var(--wp--preset--color--blaek); border-radius: 999px; padding: 0.1rem 0.5rem; margin-left: 0.4rem; vertical-align: 0.1em; }
.sv-beregner__linje.er-billigst { border: 2px solid var(--wp--preset--color--soeblaa); }
.sv-beregner__hint, .sv-beregner__note { font-size: 0.85rem; color: var(--wp--preset--color--graafit); margin: 0.9rem 0 0; }
@media (max-width: 600px) { .sv-beregner { padding: 1.1rem; } .sv-beregner__form { grid-template-columns: 1fr; } }
.sv-beregner__navn em { align-self: flex-start; margin: 0.2rem 0 0.1rem; }


/* Forside: sektionslink i højre side */
.sv-sektion-intro{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1.5rem}
.sv-sektion-intro a{margin-left:auto;white-space:nowrap;font-weight:600}
.sv-sektion-intro a::after{content:" \2192"}


/* Fotokredit nederst til højre på billeder */
.wp-block-post-featured-image{position:relative}
.sv-fotokredit-billede{position:absolute;right:.75rem;bottom:.75rem;z-index:2;margin:0!important;font-size:.6875rem;line-height:1.3;color:#fff;background:rgba(0,0,0,.45);padding:2px 6px;border-radius:4px;max-width:calc(100% - 1.5rem)}
.sv-fotokredit-billede a{color:#fff}
.wp-block-group.has-background > .sv-fotokredit-kort{align-self:flex-end!important;margin-left:auto!important}
.wp-block-group.has-background > .sv-fotokredit-kort:first-child{margin:auto .75rem .75rem auto!important}
.sv-slider .sv-sl-img{justify-content:flex-end}

.sv-fotokredit-billede,.sv-fotokredit-kort{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:max-content!important}

/* Klikbare kort: hele kortet inkl. billede linker til siden */
.sv-bkort,.is-layout-grid > .wp-block-group:has(h3 a){position:relative}
.sv-bkort__titel a::after,.is-layout-grid > .wp-block-group:has(h3 a) h3 a::after{content:"";position:absolute;inset:0;z-index:1}
.is-layout-grid .sv-fotokredit-kort{position:relative;z-index:2}
.sv-bkort img,.is-layout-grid > .wp-block-group:has(h3 a) > .has-background{transition:filter .2s}
.sv-bkort:hover img,.is-layout-grid > .wp-block-group:has(h3 a):hover > .has-background{filter:brightness(1.06)}
/* Slider: billedlink og kredit nederst til højre */
.sv-slider .sv-sl-imglink{position:absolute;inset:0;z-index:1;border-radius:inherit}
.sv-slider .sv-sl-img .sv-fotokredit-kort{position:relative;z-index:2;align-self:flex-end!important;margin:0!important}

.sv-kortflade .wp-block-group:has(> h3 + .sv-etiket){align-self:stretch;width:100%}

.sv-faktaboks .sv-fakta-note{font-size:.75rem;color:#5b6472;margin-top:.25rem!important}

/* Afslutning: tre lige brede kolonner (Kilder | kort | kort) */
.sv-afslutning{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:2rem}
.sv-afslutning__laes{grid-column:span 2}
.sv-afslutning__kort{gap:2rem}
@media (max-width:900px){.sv-afslutning{grid-template-columns:1fr}.sv-afslutning__laes{grid-column:auto}.sv-afslutning__kort{gap:1.25rem}}
@media (max-width:600px){.sv-afslutning__kort{gap:.75rem}}