/* =========================================================
   KISO – 1:1 polish (ren CSS, loades efter Elementor)
   Redigeres frit; opdatér filen + purge cache for at se ændringer.
   ========================================================= */

/* ---- Header: tving kolonne-bredder (Elementor mangler width-regel for col-18/61/21) ---- */
[data-elementor-type="header"] .elementor-container{ max-width:1170px; margin-left:auto; margin-right:auto; }
[data-elementor-type="header"] .elementor-column.elementor-col-18{ width:18%; }
[data-elementor-type="header"] .elementor-column.elementor-col-61{ width:61%; }
[data-elementor-type="header"] .elementor-column.elementor-col-21{ width:21%; }
@media(max-width:1024px){
  [data-elementor-type="header"] .elementor-column.elementor-col-18,
  [data-elementor-type="header"] .elementor-column.elementor-col-61,
  [data-elementor-type="header"] .elementor-column.elementor-col-21{ width:100%; }
}

/* ---- Native Markets-sektion (Image Box-widgets) ---- */
.kiso-mkt-inner > .elementor-container > .elementor-column{ width:11.11%; }
.kiso-mkt-inner .elementor-widget-image-box .elementor-image-box-wrapper{ text-align:center; }
.kiso-mkt-inner .elementor-image-box-img{ margin:0 auto 12px!important; display:flex; align-items:flex-end; justify-content:center; height:64px; }
.kiso-mkt-inner .elementor-image-box-img img{ width:auto!important; max-height:62px; }
.kiso-mkt-inner .elementor-image-box-title{ font-family:"Open Sans",sans-serif; font-size:13px; font-weight:400; line-height:1.3; color:#000; margin:0; transition:color .15s; }
/* hover: ikon bliver rødt (filter-colorize til ~#d60006) + rød label, som original */
.kiso-mkt-inner .elementor-image-box-img img{ transition:filter .15s; }
.kiso-mkt-inner .elementor-widget-image-box:hover .elementor-image-box-img img{
  filter: brightness(0) saturate(100%) invert(13%) sepia(94%) saturate(7044%) hue-rotate(2deg) brightness(94%) contrast(122%);
}
.kiso-mkt-inner .elementor-widget-image-box:hover .elementor-image-box-title{ color:#d60006; }
.kiso-mkt-inner .elementor-image-box-content{ }
.kiso-mkt-inner .elementor-widget-image-box .elementor-image-box-img a{ display:inline-block; }
@media(max-width:768px){ .kiso-mkt-inner > .elementor-container > .elementor-column{ width:33.33%; } }

/* ---- Native About KISO: mosaik-grid, 20px mellemrum, lige høje bokse (min 255px) ---- */
/* Række 1: ISO-foto (~65%) + grøn Find us (~34%), 20px mellem (flex-grow = live px-bredder) */
.kiso-ab-r1 > .elementor-container{ display:flex; gap:20px; align-items:stretch; }
.kiso-ab-r1 > .elementor-container > .elementor-column{ width:auto!important; }
.kiso-ab-r1 > .elementor-container > .elementor-column.elementor-col-65{ flex:712 1 0; }
.kiso-ab-r1 > .elementor-container > .elementor-column.elementor-col-34{ flex:348 1 0; }
/* Række 2: hvid Export | 20px | (grøn Since 1971 + bygning, ingen mellemrum — som original) */
.kiso-ab-r2 > .elementor-container{ display:flex; gap:0; align-items:stretch; }
.kiso-ab-r2 > .elementor-container > .elementor-column{ width:auto!important; }
.kiso-ab-r2 .kab-export{ flex:255 1 0; margin-right:20px; }
.kiso-ab-r2 .kab-since{ flex:457 1 0; }
.kiso-ab-r2 .kab-building{ flex:359 1 0; }
.kiso-ab-r1 .elementor-column, .kiso-ab-r2 .elementor-column{ min-height:255px; }
.kab-export{ border:1px solid #e6e6e6; }
.kab-building{ padding:0 !important; background-size:cover; background-position:center; }
.kab-building > .elementor-element-populated, .kab-building .elementor-widget-wrap{ padding:0 !important; }
/* tekst-bokse: fjern text-editorens p-margin så boks-højden matcher originalen (~255px) */
.kiso-ab-r1 .elementor-widget-text-editor p, .kiso-ab-r2 .elementor-widget-text-editor p{ margin:0; }
/* Since 1971: smal højre-padding (som original) så teksten flugter i linjeantal (5 linjer) */
.kab-since > .elementor-element-populated{ padding-right:10px!important; }
/* grøn chevron fra Since 1971 ind i bygningsbilledet (som original) */
.kab-since > .elementor-element-populated{ position:relative; overflow:visible; }
.kab-since > .elementor-element-populated::after{ content:''; position:absolute; top:50%; right:-27px; transform:translateY(-50%);
  border-top:28px solid transparent; border-bottom:28px solid transparent; border-left:27px solid #1F3814; z-index:5; }

/* See map-knap: hvid 1px outline + pil-celle (›) adskilt af hvid streg */
.kiso-ab-r1 .elementor-widget-button .elementor-button{ display:inline-flex; align-items:stretch; padding:0; border-radius:0; font-family:"Open Sans",sans-serif; font-size:13px; line-height:1; background:transparent; }
.kiso-ab-r1 .elementor-widget-button .elementor-button .elementor-button-content-wrapper{ display:flex; align-items:stretch; }
.kiso-ab-r1 .elementor-widget-button .elementor-button .elementor-button-text{ padding:7px 16px; }
.kiso-ab-r1 .elementor-widget-button .elementor-button .elementor-button-icon{ display:flex; align-items:center; padding:0 10px; margin:0; border-left:1px solid #fff; font-size:13px; }
.kiso-ab-r1 .elementor-widget-button .elementor-button .elementor-align-icon-right{ margin-left:0; order:2; }
.kiso-ab-r1 .elementor-widget-button .elementor-button:hover{ background:#fff; color:#1F3814; }
.kiso-ab-r1 .elementor-widget-button .elementor-button:hover .elementor-button-icon{ border-left-color:#1F3814; }

@media(max-width:860px){
  .kiso-ab-r1 > .elementor-container, .kiso-ab-r2 > .elementor-container{ flex-wrap:wrap; }
  .kiso-ab-r1 > .elementor-container > .elementor-column,
  .kiso-ab-r2 > .elementor-container > .elementor-column{ flex:1 1 100%!important; width:100%!important; margin-right:0; }
  .kab-since > .elementor-element-populated::after{ display:none; }
}

/* ---- Products: 2×2-skaktern, 20px grå mellemrum, lige høje kolonner ---- */
/* Vandret 20px mellem de to kolonner (flex-gap; kolonner = flex:1 så de ikke løber over) */
.kiso-prod-native > .elementor-container{ display:flex; align-items:stretch; gap:20px; }
.kiso-prod-native > .elementor-container > .elementor-column{ width:auto!important; flex:1 1 0; min-width:0; }
/* Kolonnens widget-wrap = flex column med 20px lodret mellemrum mellem felterne */
.kiso-prod-native > .elementor-container > .elementor-column > .elementor-widget-wrap{ display:flex; flex-direction:column; gap:20px; height:100%; }
/* Mørkt logo-felt (Image): fast indhold, fylder kolonnebredden, ingen margin */
.kiso-prod-native .elementor-widget-image{ flex:0 0 auto; margin:0; }
.kiso-prod-native .elementor-widget-image .elementor-widget-container{ margin:0; line-height:0; }
.kiso-prod-native .elementor-widget-image img{ display:block; width:100%; height:auto; }
/* Hvidt tekst-felt (inner-section): fylder resten så begge kolonner bliver lige høje */
.kiso-prod-native .elementor-inner-section{ flex:1 1 auto; display:flex; }
.kiso-prod-native .elementor-inner-section > .elementor-container{ width:100%; }
.kiso-prod-native .elementor-inner-section .elementor-column{ width:100%; }

/* See more-knap: outline 2px #535353 med en pil-celle (›) adskilt af lodret streg */
.kiso-prod-native .elementor-widget-button .elementor-button{ display:inline-flex; align-items:stretch; padding:0; border-radius:0; font-family:"Open Sans",sans-serif; font-size:13px; line-height:1; background:transparent; }
.kiso-prod-native .elementor-widget-button .elementor-button .elementor-button-content-wrapper{ display:flex; align-items:stretch; }
.kiso-prod-native .elementor-widget-button .elementor-button .elementor-button-text{ padding:9px 22px; }
.kiso-prod-native .elementor-widget-button .elementor-button .elementor-button-icon{ display:flex; align-items:center; padding:0 13px; margin:0; border-left:2px solid #535353; font-size:15px; }
.kiso-prod-native .elementor-widget-button .elementor-button .elementor-align-icon-right{ margin-left:0; order:2; }
.kiso-prod-native .elementor-widget-button .elementor-button:hover{ background:#535353; color:#fff; }
.kiso-prod-native .elementor-widget-button .elementor-button:hover .elementor-button-icon{ border-left-color:#fff; }

/* ---- Footer: 3 kolonner i originalens bredde-forhold (260/440/311), 20px mellem ---- */
.kiso-footer > .elementor-container{ display:flex; gap:20px; align-items:flex-start; }
.kiso-footer > .elementor-container > .elementor-column{ width:auto!important; }
.kiso-footer .kfoot-c1{ flex:260 1 0; }
.kiso-footer .kfoot-c2{ flex:440 1 0; }
.kiso-footer .kfoot-c3{ flex:311 1 0; }
@media(max-width:860px){
  .kiso-footer > .elementor-container{ flex-wrap:wrap; }
  .kiso-footer > .elementor-container > .elementor-column{ flex:1 1 100%!important; }
}

/* ---- Footer enquiry-form: labels til venstre, gennemsigtige felter med hvid 1px kant (som original) ---- */
.elementor-location-footer .elementor-widget-form .elementor-field-group{
  display:flex; align-items:flex-start; flex-wrap:nowrap; margin-bottom:14px;
}
.elementor-location-footer .elementor-widget-form .elementor-field-group > .elementor-field-label{
  flex:0 0 100px; max-width:100px; color:#fff; font-weight:300; font-size:17px;
  margin:0; padding:5px 10px 0 0; line-height:1.3; white-space:nowrap;
}
.elementor-location-footer .elementor-widget-form .elementor-field-group .elementor-field-textual{
  flex:0 0 240px; max-width:240px; width:240px; background:transparent !important; border:1px solid #fff;
  border-radius:0; color:#fff; padding:4px 8px; box-shadow:none;
}
.elementor-location-footer .elementor-widget-form .elementor-field-textual::placeholder{ color:rgba(255,255,255,0.7); }
.elementor-location-footer .elementor-widget-form .elementor-mark-required .elementor-field-label::after{ color:#fff !important; }
.elementor-location-footer .elementor-widget-form textarea.elementor-field{ height:100px; resize:vertical; }
.elementor-location-footer .elementor-widget-form .elementor-field-group.elementor-field-type-textarea{ align-items:flex-start; }
/* checkbox-rækken (Our policy / I accept the private policy) — på én linje som original */
.elementor-location-footer .elementor-widget-form .elementor-field-type-acceptance{ align-items:center; }
.elementor-location-footer .elementor-widget-form .elementor-field-type-acceptance .elementor-field-subgroup{ flex:1 1 auto; display:flex; }
.elementor-location-footer .elementor-widget-form .elementor-field-type-acceptance .elementor-field-option{ display:flex; align-items:center; gap:8px; }
.elementor-location-footer .elementor-widget-form .elementor-field-type-acceptance label,
.elementor-location-footer .elementor-widget-form .elementor-field-type-acceptance .elementor-field-option label{
  color:#fff; font-size:17px; font-weight:300; margin:0;
}
/* Send-knap: gennemsigtig med hvid 1px kant, ~210px, venstrestillet under felterne (som original) */
.elementor-location-footer .elementor-widget-form .elementor-field-type-submit{ padding-left:100px !important; justify-content:flex-start; }
.elementor-location-footer .elementor-widget-form .elementor-button{
  flex:0 0 210px !important; width:210px !important; max-width:210px !important; align-self:flex-start; justify-content:center; border-radius:0;
  background:transparent !important; background-image:none !important; border:1px solid #fff; color:#fff !important;
  font-weight:300; font-size:15px; padding:5px 0;
}
.elementor-location-footer .elementor-widget-form .elementor-button:hover{ background:#fff !important; color:#15201A !important; }

/* ---- Produkt-single: billede (60%) + info (40%), som original ---- */
.kiso-product > .elementor-container{ display:flex; gap:30px; align-items:flex-start; }
.kiso-product > .elementor-container > .elementor-column{ width:auto!important; }
.kiso-product > .elementor-container > .kiso-prod-media .elementor-element-populated { padding: 0; }
.kiso-product .kiso-prod-media{ flex:60 1 0; min-width:0; }
.kiso-product .kiso-prod-info{ flex:40 1 0; min-width:0; }
/* højre info-kolonne = hvid boks m. padding (som live: bg #fff, padding ~25/30/0/20) */
.kiso-product .kiso-prod-info > .elementor-element-populated{ background:#fff; padding:26px 30px 24px 24px; }
.kiso-product .kiso-prod-media .elementor-widget-image img{ width:100%; height:auto; display:block; }
/* kort beskrivelse (excerpt) */
.kiso-product .kiso-prod-info .elementor-widget-theme-post-excerpt{ line-height:1.5; }
/* fuld beskrivelse: ADVANTAGES + liste med røde pil-punkter (som original) */
.kiso-product .elementor-widget-theme-post-content{ color:#535353; }
.kiso-product .elementor-widget-theme-post-content p{ font-size:14px; color:#535353; line-height:1.5; margin:0 0 8px; }
.kiso-product .elementor-widget-theme-post-content p strong{ font-size:14px; color:#535353; font-weight:700; }
.kiso-product .elementor-widget-theme-post-content ul{ list-style:none; margin:0; padding:0; }
.kiso-product .elementor-widget-theme-post-content ul li{
  position:relative; padding:2px 0 2px 36px; font-size:14px; color:#535353; line-height:1.45;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%23d60006' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M10 8l4 4-4 4'/%3E%3C/svg%3E") no-repeat 0 5px;
}
/* Potential Applications: markeds-ikon + label-links (sprite: nederste halvdel = gråt, hover = rødt) */
.kiso-pmarkets{ margin:22px 0 0; }
.kiso-pm-h{ font-size:15px; font-weight:700; color:#000; border-top:1px solid #c9c7c7; padding-top:14px; margin-bottom:12px; }
.kiso-pm-row{ display:flex; flex-wrap:wrap; gap:14px 8px; }
.kiso-pm-item{ width:66px; text-align:center; text-decoration:none; }
/* grå-offset pr. sprite sættes inline via --pmoff (jf. kiso_sb_offset); hover viser det røde ikon
   76px højere oppe i sprite'en, så ikonet KUN skifter farve og IKKE hopper lodret (som live) */
.kiso-pm-ic{ display:block; width:30px; height:50px; margin:0 auto 4px; background-repeat:no-repeat; background-position:0 var(--pmoff,-71px); background-size:30px 107px; }
.kiso-pm-lbl{ display:block; font-size:11px; line-height:1.2; color:#535353; }
.kiso-pm-item:hover .kiso-pm-ic{ background-position:0 calc(var(--pmoff,-71px) + 76px); }
.kiso-pm-item:hover .kiso-pm-lbl{ color:#d60006; }
/* enquiry-knap */
.kiso-product .elementor-widget-button .elementor-button{ background:#d60006; border-radius:0; }
.kiso-product .elementor-widget-button .elementor-button:hover{ background:#b00005; }
@media(max-width:860px){
  .kiso-product > .elementor-container{ flex-wrap:wrap; }
  .kiso-product .kiso-prod-media, .kiso-product .kiso-prod-info{ flex:1 1 100%; }
}

/* ====== Produkt-single: fulde sektioner (galleri, sheets, faner, related) ====== */
/* Galleri: hovedbillede + thumbnails */
.kiso-gallery .kiso-gal-main img{ width:100%; height:auto; display:block; }
.kiso-gallery .kiso-gal-thumbs{ display:flex; gap:14px; margin-top:14px; flex-wrap:wrap; }
.kiso-gallery .kiso-gal-thumb{ flex:0 0 120px; max-width:120px; border:1px solid #e4e4e4; display:block; line-height:0; }
.kiso-gallery .kiso-gal-thumb.is-on{ border-color:#d60006; }
.kiso-gallery .kiso-gal-thumb img{ width:100%; height:90px; object-fit:cover; display:block; }

/* Sektion 2: SHEETS/Contact (33%) + faner (67%) */
.kiso-product-specs > .elementor-container{ display:flex; gap:26px; align-items:flex-start; }
.kiso-product-specs > .elementor-container > .elementor-column{ width:auto!important; }
.kiso-specs-left{ flex:33 1 0; min-width:0; }
.kiso-specs-right{ flex:67 1 0; min-width:0; }
.kiso-sheet-box{ background:#fff; border:1px solid #e4e4e4; padding:22px 24px; }
.kiso-sheet-box h3{ display:flex; align-items:center; gap:10px; font-family:"Slabo 27px",serif; font-size:24px; color:#535353; margin:0 0 16px; font-weight:400; text-transform:uppercase; }
.kiso-sheet-box h3 img{ width:24px; height:24px; flex:0 0 24px; }
.kiso-sheet-dl{ display:flex; align-items:center; gap:10px; color:#535353!important; text-decoration:none; font-size:15px; }
.kiso-sheet-dl:hover{ color:#d60006!important; }
.kiso-contact-box{ display:block; background:#d60006; color:#fff; padding:22px 24px; text-decoration:none; }
.kiso-contact-box h3{ display:flex; align-items:center; gap:10px; font-family:"Slabo 27px",serif; font-size:24px; color:#fff; margin:0 0 10px; font-weight:400; text-transform:uppercase; }
.kiso-contact-box h3 img{ width:24px; height:24px; flex:0 0 24px; }
.kiso-contact-box p{ margin:0; font-size:14px; color:#fff; line-height:1.5; }
.kiso-contact-box:hover{ background:#b00005; }

/* Spec-faner: hele widget'en (nav + panel) har HVID baggrund som live */
.kiso-tabs{ background:#fff; }
/* Spec-faner: 4 lige brede faner; rød bundlinje, aktiv = "hævet" fane m. røde sidekanter + caret */
.kiso-tab-nav{ display:flex; border-bottom:1px solid #d60006; }
.kiso-tab-btn{ flex:1 1 0; min-width:0; box-sizing:border-box; text-align:center; position:relative; margin-bottom:-1px; background:transparent!important; border:0!important; box-shadow:none!important; border-radius:0!important; padding:7px 8px 14px; font-family:"Open Sans",sans-serif; font-size:13px; font-weight:700; color:#a2a2a2; cursor:pointer; line-height:1.2; }
.kiso-tab-btn.is-on{ color:#d60006!important; border-left:1px solid #d60006!important; border-right:1px solid #d60006!important; border-bottom:1px solid #fff!important; }
.kiso-tab-btn.is-on::after{ content:""; position:absolute; left:50%; bottom:-6px; transform:translateX(-50%); width:17px; height:7px; background:url(dropdown_menu.png) no-repeat center; background-size:17px 7px; }
.kiso-tab-panel{ display:none; padding:14px 20px 20px 20px; }
.kiso-tab-panel.is-on{ display:block; }
.kiso-tab-panel .kiso-tab-h{ font-family:"Open Sans",sans-serif; font-size:18px; font-weight:700; color:#312e25!important; margin:0 0 12px; }
.kiso-tab-panel p{ font-size:14px; color:#312e25; line-height:1.55; margin:0 0 8px; }
.kiso-tab-panel p.bullet_tekst{ position:relative; padding:3px 0 3px 28px; margin:0;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%23d60006' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M10 8l4 4-4 4'/%3E%3C/svg%3E") no-repeat 0 5px; }
/* tabeller: label/værdi uden kanter (standard) — data-grid m. røde kanter hvis border-attribut */
.kiso-tab-panel table{ border-collapse:collapse; width:auto; margin:16px 0; font-size:14px; color:#312e25; display: contents; }
.kiso-tab-panel table td, .kiso-tab-panel table th{ border:0; background:none; padding:0 18px 11px 0; vertical-align:top; }
.kiso-tab-panel table strong{ color:#312e25; font-weight:700; }
.kiso-tab-panel table[border]{ width:100%; border-color:#d60006!important; }
/* !important slår indlejrede "windowtext"-kanter fra Word-indsatte grids (fx 1463) så HELE
   gridet får den røde 1px-kant som live (ellers bliver nogle celler sorte) */
.kiso-tab-panel table[border] td, .kiso-tab-panel table[border] th{ border:1px solid #d60006!important; padding:5px 10px; text-align:center; }
.kiso-tab-panel table[border] p{ margin:0; }
.kiso-tab-panel strong{ color:#312e25; }
/* Technical Details: kontakt-knap */
.kiso-td-btn{ display:inline-block; margin-top:12px; background:#d60006; color:#fff!important; text-decoration:none; padding:8px 24px; font-size:13px; font-weight:700; }
.kiso-td-btn:hover{ background:#b00005; }

/* Sektion 3: Related (66%) + Markets-sidebar (34%) */
.kiso-product-foot > .elementor-container{ display:flex; gap:26px; align-items:flex-start; }
.kiso-product-foot > .elementor-container > .elementor-column{ width:auto!important; }
.kiso-foot-left{ flex:66 1 0; min-width:0; }
.kiso-foot-right{ flex:34 1 0; min-width:0; }
.kiso-related-h{ display:flex; align-items:center; gap:12px; font-family:"Slabo 27px",serif; font-size:40px; color:#353535; font-weight:400; margin:0 0 24px; }
.kiso-related-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.kiso-rel-card{ background:#fff; display:flex; flex-direction:column; border:1px solid #ececec; }
.kiso-rel-card > a{ line-height:0; }
.kiso-rel-body{ padding:14px 16px 16px; display:flex; flex-direction:column; flex:1; }
.kiso-rel-body h3{ margin:0 0 8px; }
.kiso-rel-body h3 a{ color:#d60006; font-family:"Open Sans",sans-serif; font-size:13px; font-weight:700; text-transform:uppercase; text-decoration:none; line-height:1.3; }
.kiso-rel-body p{ color:#555; font-size:14px; line-height:1.5; margin:0 0 14px; flex:1; }
.kiso-rel-more{ align-self:flex-start; color:#d60006; font-size:14px; text-decoration:none; display:inline-flex; align-items:center; gap:7px; }
/* Tving rødt over Elementor-kit'ets orange link-farve (kit-selektoren slår ellers igennem på
   hover OG normal for See more). KUN Related Products-kolonnen — IKKE sidebaren (.kiso-foot-right),
   som har sin egen sort→rød hover via .kiso-msb-link. */
.kiso-foot-left a, .kiso-foot-left a:hover,
.kiso-rel-body h3 a, .kiso-rel-body h3 a:hover,
.kiso-rel-more, .kiso-rel-more:hover{ color:#d60006!important; }

/* ---- Markeds-sidebar links: grå ikon + sort tekst; hover/aktiv = rødt ikon (sprite +76) + rød tekst (som live, ikke temaets orange) ---- */
.kiso-msb-li{ border-bottom:1px solid #e2dbdb; }
.kiso-msb-link{ display:flex; align-items:center; min-height:58px; padding:0 0 0 43px; color:#000!important; text-decoration:none; font-weight:400; font-size:13px; line-height:1.25; background-repeat:no-repeat; background-size:auto; background-position:0 var(--sboff,-71px); }
.kiso-msb-link.is-on, .kiso-msb-link:hover{ color:#d60006!important; background-position:0 calc(var(--sboff,-71px) + 76px); }

@media(max-width:860px){
  .kiso-product-specs > .elementor-container, .kiso-product-foot > .elementor-container{ flex-wrap:wrap; }
  .kiso-specs-left,.kiso-specs-right,.kiso-foot-left,.kiso-foot-right{ flex:1 1 100%; }
  .kiso-related-grid{ grid-template-columns:repeat(2,1fr); }
}

/* ============ Tekstsider (About, Quality, Values, Career) — NATIVE widgets ============ */
/* Bånd: sektion-baggrund + foto-overlay sættes i Elementor; ingen ekstra CSS nødvendig. */

/* alternerende box+billede-rækker (inner-sektion krow: box-kolonne + billed-kolonne) */
.krow > .elementor-container{ align-items:stretch; }
.krow .elementor-column{ min-height:360px; }
.krow .kbox > .elementor-element-populated{ position:relative; overflow:visible; }
.krow .kbox h3{ font-family:"Slabo 27px",serif; font-weight:700; font-size:30px; margin:0 0 14px; line-height:1.15; }
.krow .kbox .elementor-widget-text-editor p{ margin:0 0 14px; font-size:15px; line-height:1.65; }
.krow .kbox .elementor-widget-text-editor p:last-child{ margin-bottom:0; }
.krow .kimg > .elementor-element-populated{ min-height:360px; }
.krow .kimg .elementor-widget-spacer{ margin:0; }
/* chevrons (grøn box -> ind i billede til højre; hvid box -> ind i billede til venstre) */
.krow .kbox.green > .elementor-element-populated::after{ content:""; position:absolute; top:50%; right:-23px; transform:translateY(-50%); border-top:24px solid transparent; border-bottom:24px solid transparent; border-left:23px solid #1F3814; z-index:3; }
.krow.rev .kbox.white > .elementor-element-populated::before{ content:""; position:absolute; top:50%; left:-23px; transform:translateY(-50%); border-top:24px solid transparent; border-bottom:24px solid transparent; border-right:23px solid #fff; z-index:3; }

/* Values-mosaik (inner-sektion kvrow: lige brede kvbox-kolonner + ikon-Image) */
.kvrow > .elementor-container{ display:flex; gap:20px; align-items:stretch; }
.kvrow > .elementor-container > .elementor-column{ width:auto!important; flex:1 1 0; min-width:0; }
.kvrow .elementor-column{ min-height:230px; }
.kvbox > .elementor-element-populated{ position:relative; height:100%; }
.kvbox h3{ font-family:"Slabo 27px",serif; font-weight:700; font-size:28px; margin:0 0 14px; line-height:1.15; }
.kvbox .elementor-widget-text-editor p{ margin:0 0 12px; font-size:15px; line-height:1.6; }
.kvbox .kv-ic{ position:absolute; right:24px; bottom:20px; margin:0; width:56px; line-height:0; }
.kvbox .kv-ic .elementor-widget-container{ line-height:0; }
.kvbox .kv-ic img{ width:56px; height:56px; object-fit:contain; }

/* Career (top-level sektion kcareer: form-kolonne 62% + sidebar-kolonne 38%) */
.kcareer > .elementor-container{ display:flex; gap:24px; align-items:flex-start; }
.kcareer > .elementor-container > .elementor-column{ width:auto!important; }
.kcareer .kcareer-form{ flex:62 1 0; min-width:0; }
.kcareer .kcareer-side{ flex:38 1 0; min-width:0; }
.kcareer-form .elementor-widget-form .elementor-form-fields-wrapper{ display:flex; flex-wrap:wrap; }
.kcareer-form .elementor-widget-form .elementor-field-group{ margin-bottom:10px; }
.kcareer-form .elementor-field-label{ color:#fff; font-size:14px; font-weight:400; margin-bottom:5px; }
.kcareer-form .elementor-field-textual, .kcareer-form select.elementor-field{ background:transparent!important; border:1px solid #fff!important; border-radius:0; color:#fff; padding:6px 8px; box-shadow:none; }
.kcareer-form select.elementor-field option{ color:#222; }
.kcareer-form textarea.elementor-field-textual{ min-height:80px; resize:vertical; }
.kcareer-form .elementor-field-type-upload .elementor-field{ color:#fff; font-size:13px; }
.kcareer-form .elementor-field-type-acceptance .elementor-field-label{ display:none; }
.kcareer-form .elementor-field-type-acceptance .elementor-field-option label,
.kcareer-form .elementor-field-type-acceptance label{ color:#fff; font-size:14px; font-weight:400; }
.kcareer-form .elementor-field-type-submit{ justify-content:flex-start; align-items:flex-start; }
.kcareer-form .elementor-widget-form .elementor-button{ width:auto!important; align-self:flex-start; flex:0 0 auto!important; background:transparent!important; background-image:none!important; border:1px solid #fff!important; color:#fff!important; border-radius:0; box-shadow:none; padding:9px 30px; font-size:14px; font-weight:400; }
.kcareer-form .elementor-widget-form .elementor-button:hover{ background:#fff!important; color:#222!important; }
/* sidebar-bokse */
.kc-joblisting h3{ display:flex; align-items:center; gap:10px; }
.kc-joblisting .elementor-widget-text-editor p{ font-size:14px; line-height:1.6; margin:0 0 10px; }
.kc-ifyou .elementor-widget-text-editor p{ font-size:14px; line-height:1.6; margin:0 0 10px; }

@media(max-width:860px){
  .krow > .elementor-container, .kvrow > .elementor-container, .kcareer > .elementor-container{ flex-wrap:wrap; }
  .krow .elementor-column, .kvrow .elementor-column, .kcareer .elementor-column{ flex:1 1 100%!important; width:100%!important; }
  .krow .kbox.green > .elementor-element-populated::after, .krow.rev .kbox.white > .elementor-element-populated::before{ display:none; }
}

/* ================= Contact us-side ================= */
/* Enquiry-form på mørk foto-baggrund (contactbox.jpg) */
.kiso-cc-form > .elementor-element-populated{ background-image:linear-gradient(rgba(25,28,30,.55),rgba(25,28,30,.55)),url(contactbox.jpg); background-size:cover; background-position:center; padding:30px 36px 34px!important; }
.kiso-cc-form .kcc-form-title{ font-family:"Slabo 27px",serif; font-weight:700; font-size:30px; color:#fff; margin:0 0 16px; }
.kiso-cc-form .elementor-widget-form .elementor-field-group{ display:flex; align-items:flex-start; flex-wrap:nowrap; margin-bottom:12px; }
.kiso-cc-form .elementor-widget-form .elementor-field-group > .elementor-field-label{ flex:0 0 100px; max-width:100px; color:#fff; font-weight:300; font-size:15px; margin:0; padding:5px 12px 0 0; line-height:1.3; white-space:nowrap; }
.kiso-cc-form .elementor-widget-form .elementor-field-textual{ flex:1 1 auto; background:transparent!important; border:1px solid #fff; border-radius:0; color:#fff; padding:5px 8px; box-shadow:none; }
.kiso-cc-form .elementor-widget-form textarea.elementor-field-textual{ min-height:96px; resize:vertical; }
.kiso-cc-form .elementor-widget-form .elementor-mark-required .elementor-field-label::after{ color:#fff!important; }
.kiso-cc-form .elementor-widget-form .elementor-field-type-acceptance{ align-items:center; }
.kiso-cc-form .elementor-widget-form .elementor-field-type-acceptance .elementor-field-subgroup{ flex:1 1 auto; display:flex; }
.kiso-cc-form .elementor-widget-form .elementor-field-type-acceptance .elementor-field-option{ display:flex; align-items:center; gap:8px; }
.kiso-cc-form .elementor-widget-form .elementor-field-type-acceptance label{ color:#fff; font-size:15px; font-weight:300; margin:0; }
.kiso-cc-form .elementor-widget-form .elementor-field-type-submit{ padding-left:100px!important; justify-content:flex-start; }
.kiso-cc-form .elementor-widget-form .elementor-button{ width:100%!important; justify-content:center; border-radius:0; background:transparent!important; background-image:none!important; border:1px solid #fff; color:#fff!important; font-weight:300; font-size:15px; padding:8px 0; }
.kiso-cc-form .elementor-widget-form .elementor-button:hover{ background:#fff!important; color:#222!important; }

/* Office Hours (hvid) + Contact KISO (mørk grå) */
.kiso-cc-side .kcc-hours{ background:#fff; padding:24px 28px; margin-bottom:20px; }
.kiso-cc-side .kcc-contact{ background:#535353; padding:24px 28px; color:#fff; }
.kiso-cc-side h3{ font-family:"Slabo 27px",serif; font-weight:400; font-size:26px; margin:0 0 14px; }
.kiso-cc-side .kcc-hours h3{ color:#535353; }
.kiso-cc-side .kcc-contact h3{ color:#fff; }
.kiso-cc-side .kcc-hrow{ display:flex; gap:16px; }
.kiso-cc-side .kcc-hrow > div{ flex:1 1 0; }
.kiso-cc-side .kcc-hrow p{ margin:0 0 4px; font-size:14px; color:#535353; }
.kiso-cc-side .kcc-crow{ display:flex; gap:18px; }
.kiso-cc-side .kcc-crow > div{ flex:1 1 0; }
.kiso-cc-side .kcc-crow p{ margin:0 0 4px; font-size:14px; color:#fff; }
.kiso-cc-side .kcc-crow a{ color:#fff; }
.kiso-cc-side .kcc-li{ display:inline-flex; align-items:center; gap:8px; text-decoration:none; }

/* Who to contact — vandrette medarbejderkort */
.kcc-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin:26px 0 0; }
.kcc-card{ display:flex; background:#fff; min-height:150px; }
.kcc-card .kcc-photo{ flex:0 0 38%; background-size:cover; background-position:center top; }
.kcc-card .kcc-info{ flex:1 1 0; padding:16px 18px; min-width:0; }
.kcc-card .kcc-info h4{ font-family:"Slabo 27px",serif; font-weight:700; font-size:21px; color:#353535; margin:0 0 3px; line-height:1.15; }
.kcc-card .kcc-role{ color:#d60006; font-weight:700; font-size:13px; margin:0 0 12px; }
.kcc-card .kcc-ph,.kcc-card .kcc-mail{ color:#777; font-size:14px; margin:0 0 3px; }
.kcc-card .kcc-mail a{ color:#777; text-decoration:none; }

@media(max-width:860px){
  .kiso-cc-form, .kiso-cc-side{ width:100%!important; }
  .kcc-grid{ grid-template-columns:repeat(2,1fr); }
}

/* ===================== Responsiv QA-pass (mobil ~390 / tablet ~768) ===================== */
/* Produkt-grids (arkiv + oversigt): 3 -> 2 -> 1 kolonne, så de aldrig overflow'er */
.kiso-pgrid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin:28px 0 0; }
@media(max-width:980px){ .kiso-pgrid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:560px){ .kiso-pgrid{ grid-template-columns:1fr; } }
@media(max-width:560px){ .kiso-related-grid{ grid-template-columns:1fr!important; } }

/* Markeds-/kategori-hero: mindre titel + lavere band på mobil (lange titler som "KISO Climate Seal (EPDM)") */
.kiso-mkthero h1{ word-break:break-word; padding:0 12px; }
@media(max-width:768px){ .kiso-mkthero{ height:200px!important; } .kiso-mkthero h1{ font-size:34px!important; } .kiso-mkthero img{ max-height:60px; max-width:55%; height:auto!important; width:auto; } }
@media(max-width:480px){ .kiso-mkthero{ height:auto!important; min-height:150px; gap:10px!important; flex-direction:column!important; padding:18px 12px!important; } .kiso-mkthero h1{ font-size:24px!important; } .kiso-mkthero img{ max-height:42px; max-width:62%; height:auto!important; width:auto; } }

/* Forside Products-skaktern: stak til 1 kolonne på mobil (undgår tysk ord-overflow) */
@media(max-width:600px){
  .kiso-prod-native > .elementor-container{ flex-direction:column; }
  .kiso-prod-native > .elementor-container > .elementor-column{ width:100%!important; flex:1 1 100%; }
}

/* Tekstside-bånd: bryd lange tyske ord + mindre skrift på mobil */
.kpage-band .elementor-heading-title{ overflow-wrap:break-word; word-break:break-word; }
@media(max-width:600px){ .kpage-band .elementor-widget-heading:first-child .elementor-heading-title{ font-size:30px!important; } }
@media(max-width:480px){ .kpage-band .elementor-widget-heading:first-child .elementor-heading-title{ font-size:25px!important; } }

/* Spec-faner: tillad ombrydning + mindre skrift på mobil, så "Technische Details" ikke overflow'er */
@media(max-width:600px){
  .kiso-tab-btn{ font-size:12px!important; padding:6px 4px 13px!important; white-space:normal; line-height:1.15; }
  /* label/værdi-tabellen (Anwendung): ægte tabel (overstyr display:contents) med FASTE
     kolonnebredder, så label-kolonnen ikke vokser med lange tyske ord og skubber værdien
     ud af panelet. Label ombryder ved ordgrænser (EN) / brydes kun hvis ét ord er for langt
     (DE "Oberflächenvorbereitung"); værdien fylder resten — som live. Strukturen er altid
     label / tom mellem-celle / værdi (3 kolonner). */
  .kiso-tab-panel table:not([border]){ display:table!important; width:100%!important; table-layout:fixed; }
  .kiso-tab-panel table:not([border]) td, .kiso-tab-panel table:not([border]) th{ word-break:normal; overflow-wrap:break-word; }
  .kiso-tab-panel table:not([border]) td:nth-child(1){ width:40%; -webkit-hyphens:auto; hyphens:auto; }
  .kiso-tab-panel table:not([border]) td:nth-child(2){ width:4%; padding-right:0; }
  .kiso-tab-panel table:not([border]) td:nth-child(3){ width:56%; }
  /* bordered data-grids (Hauptgrößen): behold tegn-brydning + vandret scroll så de ikke overflow'er */
  .kiso-tab-panel table[border] td, .kiso-tab-panel table[border] th{ word-break:break-word; overflow-wrap:break-word; }
  /* data-grids (Main Sizes m.fl.): scroll vandret i panelet i stedet for at sprænge siden */
  .kiso-tab-panel{ overflow-x:auto; }
}
@media(max-width:430px){ .kiso-tab-btn{ font-size:11px!important; padding:6px 3px 12px!important; } }

/* Kontakt staff-grid: 1 kolonne på mobil (lange tyske titler/navne) */
@media(max-width:560px){ .kcc-grid{ grid-template-columns:1fr!important; } }

/* Produkt-single hvid info-boks: mindre padding + brydbar/mindre titel på mobil
   (lange tyske ord som "BUTYLDICHTBAND" overflow'ede ellers den smallere boks) */
@media(max-width:600px){
  .kiso-product .kiso-prod-info > .elementor-element-populated{ padding:18px 16px; }
  .kiso-product .kiso-prod-info h1{ font-size:30px!important; }
  .kiso-product .kiso-prod-info h1 span{ min-width:0; overflow-wrap:break-word; word-break:break-word; }
}

/* ===================== Søgeresultat-side ===================== */
.kiso-search{ max-width:860px; margin:0 auto; }
.kiso-search-h{ display:flex; align-items:center; gap:12px; font-family:"Slabo 27px",serif; font-size:40px; color:#353535; font-weight:400; line-height:1.15; margin:0 0 4px; }
.kiso-search-h span{ word-break:break-word; }
.kiso-search-count{ color:#777; font-size:14px; margin:0 0 22px; }
.kiso-search-list{ display:flex; flex-direction:column; gap:16px; }
.kiso-sr-item{ display:block; background:#fff; border:1px solid #e4e4e4; padding:18px 22px; text-decoration:none; transition:border-color .15s; }
.kiso-sr-item:hover{ border-color:#d60006; }
.kiso-sr-type{ display:inline-block; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; color:#a2a2a2; margin:0 0 6px; }
.kiso-sr-item h3{ margin:0 0 6px; font-family:"Open Sans",sans-serif; font-size:16px; font-weight:700; color:#d60006; line-height:1.3; }
.kiso-sr-item p{ margin:0 0 10px; color:#555; font-size:14px; line-height:1.55; }
.kiso-sr-more{ display:inline-flex; align-items:center; gap:7px; color:#d60006; font-size:13px; font-weight:600; }
.kiso-search-none{ background:#fff; border:1px solid #e4e4e4; padding:22px 24px; color:#535353; font-size:15px; margin:0 0 22px; }
.kiso-search-form{ display:flex; gap:0; margin:28px 0 0; max-width:420px; }
.kiso-search-form input[type=search]{ flex:1; min-width:0; border:1px solid #1a1a1a; border-right:0; background:#fff; padding:9px 12px; font-size:14px; color:#333; outline:none; }
.kiso-search-form button{ border:0; background:#d60006; color:#fff; font-size:14px; font-weight:600; padding:0 22px; cursor:pointer; }
.kiso-search-form button:hover{ background:#b00005; }
@media(max-width:560px){ .kiso-search-h{ font-size:30px; } }

/* ===================== Sitemap-side (HTML-sitemap som live /f-sitemap) ===================== */
.kiso-sitemap{ max-width:1040px; margin:0 auto; }
.kiso-sm-h{ display:flex; align-items:center; gap:12px; font-family:"Slabo 27px",serif; font-size:40px; color:#353535; font-weight:400; line-height:1.15; margin:0 0 26px; }
.kiso-sm-list, .kiso-sm-list ul{ list-style:none; margin:0; padding:0; }
.kiso-sm-list{ columns:3; column-gap:44px; }
.kiso-sm-list > li{ break-inside:avoid; margin:0 0 24px; }
.kiso-sm-list > li > a{ display:block; font-family:"Open Sans",sans-serif; font-weight:700; font-size:15px; color:#d60006!important; text-decoration:none; text-transform:uppercase; letter-spacing:.02em; margin:0 0 8px; }
.kiso-sm-list > li > a:hover{ text-decoration:underline; }
.kiso-sm-list ul.sub-menu li a{ display:block; font-family:"Open Sans",sans-serif; font-size:14px; color:#535353!important; text-decoration:none; padding:3px 0; line-height:1.35; }
.kiso-sm-list ul.sub-menu li a:hover{ color:#d60006!important; }
@media(max-width:780px){ .kiso-sm-list{ columns:2; } }
@media(max-width:520px){ .kiso-sm-list{ columns:1; } .kiso-sm-h{ font-size:30px; } }