/*
Theme Name:     Webto Theme
Theme URI:      https://webto.dk
Template:       kadence
Author:         Webto
Author URI:     n/a
Description:    Child Theme Description
Version:        10.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/

table.has-fixed-layout td {	border-color: #C4C3C3; }
table.has-fixed-layout tr:first-child td { background: #04425a; font-weight: bold; color: #fff; }
table.has-fixed-layout tr:first-child > td { background: #04425a; font-weight: bold; color: #fff; }
table.has-fixed-layout tr:first-child:has(td[rowspan], td[colspan]) + tr > td { background: #04425a; font-weight: bold; color: #fff; }
table.has-fixed-layout tr:nth-child(odd) { background-color: #dddddd; }
.wp-block-table { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.wp-block-table table.has-fixed-layout { width: max-content; min-width: 100%; border-collapse: collapse; }
.wp-block-table td { white-space: nowrap; }
.wp-block-table td:first-child { white-space: normal; }
figure.wp-block-table {	margin: .25em 0; margin-bottom: 1em !important; }
.afgrode-grid-item, .afgrode-grid-item:hover { background-color: #d93b33; }
.afgrode-grid-item h2 { background: #ee4138; }
.afgrode-grid-item:hover h2 { text-decoration: underline; }
.afgrode-level-1 p.afgrode-excerpt, .afgrode-level-1 .article-link { display: none; }
.afgrode-grid.afgrode-level-2 {grid-template-columns: repeat(3, minmax(0, 1fr)); }
.afgrode-level-2 .afgrode-grid-item.afgrode-grid-item--post { background-color: #f9f9f9; padding: .5em 2em 2em }
.afgrode-level-2 .afgrode-grid-item.afgrode-grid-item--post h2 { padding: .5em 0; text-align: left !important; background-color: transparent; color: #000; font-weight: 700 !important; font-size: 28px !important; line-height: 1.5 !important; }
.afgrode-level-2 .afgrode-grid-item.afgrode-grid-item--post p.afgrode-excerpt { padding: .5em 0; text-align: left !important; background-color: transparent; color: #000; font-style: normal; font-weight: normal; font-size: 16px;	line-height: 1.75; }
.afgrode-level-2 .afgrode-grid-item.afgrode-grid-item--post a.article-link { font-style: normal; font-weight: 700; color: #000; padding: 0 1em; }
.single-content p.wp-block-kadence-advancedheading:not(.keep-margins) { margin-bottom: 0; }
.kb-table-of-content-list li { margin-bottom: 1em; }
.wp-theme-kadence .wp-block-kadence-tableofcontents.kb-table-of-content-nav .kb-table-of-content-wrap .kb-table-of-content-list { line-height: 1.5; } 
.wp-theme-kadence .wp-block-kadence-tableofcontents.kb-table-of-content-nav .kb-table-of-content-wrap .kb-table-of-content-list .kb-table-of-contents__entry { line-height: 1.5; }
.kb-table-of-content-list li::before { top: 3px; }

/* Print-regler ligger i print.css */

/* Mobil: kun én sidemargen på artikler (Aktuelt i marken, Regler, Temasider) – feedback fra testbrugere, okt. 2026.
   Templates (Kadence-elementer 109384/109447/109714) har alle kolonnen #indholdsblok. */
@media (max-width: 767px) {
	/* Ydre grå række: ingen sidemargen om den hvide boks */
	.kb-row-layout-wrap:not(.kt-row-has-bg):has(#indholdsblok) > .kt-row-column-wrap { padding-left: 0 !important; padding-right: 0 !important; }
	/* ... men sidekolonnen (indholdsfortegnelse, tilbage-knap) beholder en margen */
	.kb-row-layout-wrap:not(.kt-row-has-bg):has(#indholdsblok) > .kt-row-column-wrap > .wp-block-kadence-column:not(:has(#indholdsblok)) { padding-left: 16px; padding-right: 16px; }
	/* Hvid indholdsboks: én smal margen */
	.kb-row-layout-wrap.kt-row-has-bg:has(#indholdsblok) > .kt-row-column-wrap { padding-left: 16px !important; padding-right: 16px !important; }
	/* Akkordeon-indhold og blå bokse i Aktuelt i marken */
	#indholdsblok .kt-accordion-panel-inner { padding-left: 12px !important; padding-right: 12px !important; }
	#indholdsblok .kt-accordion-panel .kt-row-has-bg > .kt-row-column-wrap { padding-left: 16px !important; padding-right: 16px !important; }
}

/* Mobil: smallere margener på hele sitet (okt. 2026).
   Grå kant = Kadence' --global-content-edge-padding (1.5rem -> 12px).
   Hvide bokse/rækker bruger Kadence-spacing 'md'/'lg' som padding; variablerne sættes på kolonner/rækker,
   så det kun rammer deres indvendige luft – ikke margener mellem boksene. */
@media (max-width: 767px) {
	:root { --global-content-edge-padding: 12px; }
	.kt-inside-inner-col, .kt-row-column-wrap { --global-kb-spacing-md: 1rem; --global-kb-spacing-lg: 1.5rem; }
}

/* Mobil: kolonner med fast 50px sidepadding (Administrer abonnementer m.fl.) */
@media (max-width: 767px) {
	.kadence-column110978_2bab6a-f7 > .kt-inside-inner-col, .kadence-column108633_417bd2-c1 > .kt-inside-inner-col { padding-left: 16px !important; padding-right: 16px !important; }
}

/* Links i artikler: understreget og mørkere blå ved mouseover (ticket #18267, 2026-10-08).
   Gælder tekst, lister og tabeller i selve artiklen - ikke knapper, menuer eller kort.
   Links i mørke bokse/lister beholder hvid tekst. */
body.link-style-no-underline .single-content :is(p, li, td, th) a:hover,
body.link-style-no-underline .single-content :is(p, li, td, th) a:focus-visible { text-decoration: underline !important; color: var(--global-palette4, #04425a); } /* !important: Fluent Snippet 23 sætter a{text-decoration:none !important} */
body.link-style-no-underline .single-content :is(.webto-boks, .has-background) a:hover,
body.link-style-no-underline .single-content :is(.webto-boks, .has-background) a:focus-visible { color: #fff; }

/* Forside: 'I marken med Velas' er flyttet op under hero (kopi i side 476). Skjul den i Temasider-mønstret på forsiden, så den ikke står to gange. */
body.home .kb-row-layout-id108117_7b172c-ab:not(.webto-forside-video) { display: none !important; }

/* Forside: menupunktet Temasider (#temasider) skal lande med overskriften helt i top.
   Den globale scroll-padding-top: 226px (Fluent Snippet 'Custom CSS') er lavet til indholdsfortegnelser på artikler;
   på forsiden gemmer headeren sig ved scroll ned, så de 226 px viste bunden af videoen. Feedback fra VKST, okt. 2026. */
html:has(body.home) { scroll-padding-top: 0; }
html:has(body.home.admin-bar) { scroll-padding-top: 32px; }
@media (max-width: 782px) { html:has(body.home.admin-bar) { scroll-padding-top: 46px; } }

/* Forside, logget ind: Temasider er sidste sektion, og den mørkeblå boks stødte direkte op mod den mørkeblå footer ("blåt i blåt").
   Kontrast i stedet for luft: 1px hvid linje (som linjen nederst i footeren) i toppen og en dybere blå footer. Logget ud følger Tilmeld-rækken efter. */
body.home.logged-in .kb-row-layout-id109864_d86a98-d5 { border-top: 1px solid #fff; background-color: #022c3d !important; }
body.home.logged-in .kb-row-layout-id109864_f62a07-57 { background-color: #022c3d !important; }
@media (max-width: 767px) {
	.kadence-column476v_0ea0f2-f0 > .kt-inside-inner-col { padding-top: 2.5rem !important; padding-bottom: 1rem !important; }
}
