/*
Theme Name: Eumule
Description: Eget, let tema til eumule.com (manteles hechos en Europa). Design fra Stitch 10.10.2026: terrakotta, oliven, creme. Systemskrifter (ingen Google Fonts = hurtigt og GDPR-venligt).
Version: 1.0.0
Text Domain: eumule
Requires PHP: 8.1
*/

:root{
  /* 13.10.2026 (ejeren: de roede knapper passede ikke til den groenne top): alt i oliven. */
  --eu-terra:#5b6b3a; --eu-terra-dark:#46532c; --eu-terra-soft:#eef0e4;
  --eu-olive:#5b6b3a; --eu-olive-soft:#eef0e4;
  --eu-cream:#faf6ef; --eu-paper:#fff; --eu-ink:#2a2622; --eu-muted:#6f675f; --eu-line:#e7dfd4;
  --eu-serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif;
  --eu-sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --eu-radius:14px; --eu-shell:1240px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--eu-paper);color:var(--eu-ink);font:16px/1.6 var(--eu-sans)}
img{max-width:100%;height:auto;display:block}
a{color:var(--eu-terra);text-decoration:none}
a:hover{color:var(--eu-terra-dark)}
h1,h2,h3{font-family:var(--eu-serif);font-weight:600;line-height:1.15;margin:0 0 .5em;color:var(--eu-ink)}
h1{font-size:clamp(2rem,4.2vw,3.4rem)} h2{font-size:clamp(1.6rem,3vw,2.4rem)} h3{font-size:1.25rem}
.eu-shell{max-width:var(--eu-shell);margin:0 auto;padding:0 20px}
.eu-skip{position:absolute;left:-999px}.eu-skip:focus{left:12px;top:12px;background:#fff;padding:8px;z-index:99}
.eu-eyebrow{font:600 .75rem/1 var(--eu-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--eu-olive);margin:0 0 12px}
.eu-btn,.button,button.button,input.button,.woocommerce a.button,.woocommerce button.button,.single_add_to_cart_button,#place_order,.checkout-button{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 26px;border:0;border-radius:999px;
  background:var(--eu-terra);color:#fff!important;font:600 15px/1.2 var(--eu-sans);cursor:pointer;text-decoration:none;transition:background .15s}
.eu-btn:hover,.button:hover,.single_add_to_cart_button:hover,#place_order:hover{background:var(--eu-terra-dark)}
.eu-btn-ghost{background:transparent;color:var(--eu-ink)!important;border:1px solid var(--eu-ink)}
.eu-btn-ghost:hover{background:var(--eu-ink);color:#fff!important}

/* Topbar + header */
.eu-topbar{background:var(--eu-olive);color:#fff;font-size:13px}
.eu-topbar .eu-shell{display:flex;justify-content:space-between;gap:16px;padding-top:8px;padding-bottom:8px;overflow-x:auto;white-space:nowrap}
.eu-header{background:#fff;border-bottom:1px solid var(--eu-line);position:sticky;top:0;z-index:50}
.eu-header-row{display:flex;align-items:center;gap:24px;min-height:76px}
.eu-logo{font:700 30px/1 var(--eu-serif);color:var(--eu-ink);letter-spacing:-.01em}
.eu-logo span{color:var(--eu-terra)}
.eu-logo img,.custom-logo-link img{height:64px;width:64px;display:block;border-radius:4px}
@media(max-width:700px){.eu-logo img,.custom-logo-link img{height:48px;width:48px}}
.eu-search{flex:1;max-width:520px}
.eu-search form{display:flex;background:var(--eu-cream);border:1px solid var(--eu-line);border-radius:999px;overflow:hidden}
.eu-search input[type=search]{flex:1;border:0;background:transparent;padding:12px 18px;font:inherit;min-width:0}
.eu-search button{border:0;background:var(--eu-ink);color:#fff;padding:0 20px;font:600 14px var(--eu-sans);cursor:pointer}
.eu-actions{display:flex;align-items:center;gap:18px;margin-left:auto}
.eu-actions a{color:var(--eu-ink);font-size:14px;font-weight:600;display:flex;align-items:center;gap:6px}
.eu-actions svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7}
.eu-cart-count{background:var(--eu-terra);color:#fff;border-radius:999px;font-size:11px;min-width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px}
.eu-lang{display:flex;gap:4px;font-size:13px}
.eu-lang a{padding:4px 8px;border-radius:999px;color:var(--eu-muted)}
.eu-lang a.is-current{background:var(--eu-ink);color:#fff}
.eu-nav{border-top:1px solid var(--eu-line)}
.eu-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:28px;justify-content:center}
.eu-nav a{display:block;padding:14px 0;color:var(--eu-ink);font:600 14px var(--eu-sans);letter-spacing:.03em}
.eu-nav a:hover{color:var(--eu-terra)}
.eu-menu-toggle{display:none;background:none;border:0;font-size:26px;cursor:pointer;padding:4px}

/* Forside */
.eu-hero{background:var(--eu-cream)}
.eu-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;padding-top:56px;padding-bottom:56px}
.eu-hero h1 em{font-style:italic;color:var(--eu-terra)}
.eu-hero p.lead{font-size:1.1rem;color:var(--eu-muted);max-width:34em}
.eu-hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.eu-hero-img{border-radius:24px;overflow:hidden;aspect-ratio:4/3.4;background:var(--eu-line)}
.eu-hero-img img{width:100%;height:100%;object-fit:cover}
.eu-trust{border-bottom:1px solid var(--eu-line)}
.eu-trust .eu-shell{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-top:18px;padding-bottom:18px}
.eu-trust b{display:block;font-size:14px}.eu-trust small{color:var(--eu-muted)}
.eu-section{padding:64px 0}
.eu-section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}
.eu-section-head p{color:var(--eu-muted);margin:0;max-width:40em}
.eu-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.eu-cat{position:relative;border-radius:var(--eu-radius);overflow:hidden;aspect-ratio:3/4;background:var(--eu-line);color:#fff}
.eu-cat img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.eu-cat:hover img{transform:scale(1.04)}
.eu-cat span{position:absolute;inset:auto 0 0 0;padding:22px;background:linear-gradient(transparent,rgba(30,20,12,.72))}
.eu-cat strong{display:block;font:600 1.35rem var(--eu-serif);color:#fff}
.eu-cat small{color:#f3e9e1}
.eu-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;counter-reset:s}
.eu-step{background:var(--eu-cream);border-radius:var(--eu-radius);padding:28px}
.eu-step::before{counter-increment:s;content:counter(s);display:inline-flex;width:38px;height:38px;border-radius:50%;background:var(--eu-terra);color:#fff;align-items:center;justify-content:center;font-weight:700;margin-bottom:14px}
.eu-samples{background:var(--eu-olive-soft);border-radius:24px;display:grid;grid-template-columns:1.3fr 1fr;gap:32px;padding:40px;align-items:center}
.eu-newsletter{background:var(--eu-terra);color:#fff;border-radius:24px;padding:40px;display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:center}
.eu-newsletter h2,.eu-newsletter p{color:#fff}
.eu-newsletter form{display:flex;gap:8px;flex-wrap:wrap}
.eu-newsletter input[type=email]{flex:1;min-width:200px;border:0;border-radius:999px;padding:14px 18px;font:inherit}
.eu-newsletter button{background:var(--eu-ink)}
.eu-faq details{border-bottom:1px solid var(--eu-line);padding:16px 0}
.eu-faq summary{cursor:pointer;font-weight:600}

/* Varekort (WooCommerce-listen) */
.woocommerce ul.products{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none}
.woocommerce ul.products li.product{width:auto!important;margin:0!important;float:none!important;display:flex;flex-direction:column;background:#fff;border:1px solid var(--eu-line);border-radius:var(--eu-radius);overflow:hidden}
.woocommerce ul.products li.product a img{aspect-ratio:1;object-fit:cover;margin:0!important}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font:600 1.05rem/1.3 var(--eu-serif);padding:14px 16px 4px!important;margin:0}
.woocommerce ul.products li.product .price{display:block;padding:0 16px;color:var(--eu-terra)!important;font-weight:700}
.woocommerce ul.products li.product .price .dmm-unit{color:var(--eu-muted);font-weight:400;font-size:.85em}
.woocommerce ul.products li.product .button{margin:auto 16px 16px!important;min-height:42px;font-size:14px}
.woocommerce span.onsale{background:var(--eu-olive);border-radius:999px;min-height:0;line-height:1;padding:6px 10px}

/* Butik */
.eu-archive-head{background:var(--eu-cream);padding:40px 0;margin-bottom:32px}
.eu-archive-head p{color:var(--eu-muted);max-width:46em}
.woocommerce .woocommerce-result-count{color:var(--eu-muted)}
.woocommerce .woocommerce-ordering select{border:1px solid var(--eu-line);border-radius:999px;padding:8px 14px;background:#fff}
.woocommerce nav.woocommerce-pagination ul{border:0}
.woocommerce nav.woocommerce-pagination ul li{border:0;margin:0 3px}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{border-radius:999px;min-width:38px;padding:9px}

/* Varesiden */
.single-product div.product{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;padding-top:32px}
.single-product div.product .woocommerce-product-gallery,.single-product div.product .summary{width:auto!important;float:none!important;margin:0!important}
.single-product div.product .woocommerce-product-gallery img{border-radius:var(--eu-radius)}
.single-product div.product .product_title{font-size:clamp(1.8rem,3vw,2.5rem)}
.single-product div.product p.price{color:var(--eu-terra)!important;font-size:1.6rem!important;font-weight:700}
.single-product div.product .woocommerce-tabs,.single-product div.product .related,.single-product div.product .upsells{grid-column:1/-1}
.single-product .dmm-box{background:var(--eu-cream);border:1px solid var(--eu-line);border-radius:var(--eu-radius);padding:18px}
.single-product .dmm-total strong{font-size:1.3rem;color:var(--eu-terra)}
.single-product .dmm-edge{background:#fff;border:1px solid var(--eu-line)!important;border-radius:var(--eu-radius);padding:14px 18px!important}
.single-product form.cart{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}
.single-product form.cart > *{flex-basis:100%}
.single-product form.cart .single_add_to_cart_button{flex:1 1 auto}
.single-product .dmm-sample-btn{flex:0 1 auto!important;background:#fff!important;color:var(--eu-ink)!important;border:1px solid var(--eu-ink)!important;margin:0!important}
.eu-product-trust{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0;font-size:14px}
.eu-product-trust div{background:var(--eu-olive-soft);border-radius:10px;padding:10px 12px}
.eu-product-trust strong{display:block}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0;border-bottom:1px solid var(--eu-line)}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:none;border:0;border-radius:0}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{border-bottom:2px solid var(--eu-terra)}
.woocommerce div.product .woocommerce-tabs ul.tabs::before,.woocommerce div.product .woocommerce-tabs ul.tabs li::before,.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none}

/* Formularer, kurv, kasse */
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,.eu-main input[type=text],.eu-main input[type=email],.eu-main input[type=tel],.eu-main input[type=number],.eu-main input[type=password]{
  border:1px solid #d9cfc2;border-radius:10px;padding:12px 14px;font:inherit;background:#fff;min-height:48px;width:100%}
.woocommerce form .form-row label{font-weight:600;font-size:14px}
.woocommerce-cart table.shop_table,.woocommerce-checkout table.shop_table{border-radius:var(--eu-radius);border-color:var(--eu-line)}
.woocommerce .cart_totals h2,.woocommerce-checkout h3{font-size:1.4rem}
.woocommerce-message,.woocommerce-info,.woocommerce-error{border-top-color:var(--eu-terra)!important;background:var(--eu-cream)!important}
.woocommerce-message::before,.woocommerce-info::before{color:var(--eu-terra)!important}
.woocommerce .return-to-shop a.button{min-height:46px}
.eu-main{padding-top:32px;padding-bottom:64px}
.eu-page h1{margin-top:8px}

/* Bund */
.eu-footer{background:var(--eu-ink);color:#d9d2c9;padding:56px 0 24px;margin-top:40px}
.eu-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}
.eu-footer h3{color:#fff;font:600 .8rem var(--eu-sans);letter-spacing:.12em;text-transform:uppercase}
.eu-footer a{display:block;color:#d9d2c9;padding:3px 0}
.eu-footer a:hover{color:#fff}
.eu-footer .eu-logo{color:#fff}
.eu-footer-bottom{border-top:1px solid #4a433c;margin-top:36px;padding-top:18px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px}
.eu-pay{display:flex;gap:6px;flex-wrap:wrap}
.eu-pay span{border:1px solid #4a433c;border-radius:6px;padding:3px 8px;font-size:12px}

/* Mobil */
@media(max-width:980px){
  .eu-hero-grid,.eu-samples,.eu-newsletter,.single-product div.product{grid-template-columns:1fr}
  .eu-cats,.woocommerce ul.products{grid-template-columns:repeat(2,1fr)}
  .eu-trust .eu-shell{grid-template-columns:repeat(2,1fr)}
  .eu-footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .eu-header-row{flex-wrap:wrap;gap:12px;min-height:0;padding-top:10px;padding-bottom:10px}
  .eu-menu-toggle{display:block}
  .eu-search{order:9;flex-basis:100%;max-width:none}
  .eu-actions span.eu-label{display:none}
  .eu-nav{display:none}.eu-nav.is-open{display:block}
  .eu-nav ul{flex-direction:column;gap:0;padding:8px 0}
  .eu-steps{grid-template-columns:1fr}
  .eu-section{padding:44px 0}
  .eu-section-head{flex-direction:column;align-items:start}
  .eu-samples,.eu-newsletter{padding:26px}
  .woocommerce ul.products{gap:12px}
  .eu-footer-grid{grid-template-columns:1fr}
}

/* Rettelser efter foerste visning (11.10.2026) */
.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,.woocommerce #respond input#submit.alt{background:var(--eu-terra)!important;color:#fff!important}
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover{background:var(--eu-terra-dark)!important}
.woocommerce button.button.dmm-sample-btn,.single-product form.cart .dmm-sample-btn{background:#fff!important;color:var(--eu-ink)!important;border:1px solid var(--eu-ink)!important;min-height:48px;padding:12px 22px}
.woocommerce button.button.dmm-sample-btn:hover{background:var(--eu-ink)!important;color:#fff!important}
.grecaptcha-badge{visibility:hidden}

/* Kurv paa mobil (12.10.2026): woocommerce-smallscreen er slaaet fra, saa tabellen
   loeb ud over skaermen. Hver vare bliver et kort: billede til venstre, tekst til hoejre. */
.woocommerce-cart table.cart td.product-thumbnail img{width:64px;height:auto;border-radius:8px}
@media(max-width:760px){
  .eu-main{padding-left:16px;padding-right:16px}
  .woocommerce-cart table.cart thead{display:none}
  .woocommerce-cart table.cart,.woocommerce-cart table.cart tbody{display:block;width:100%}
  .woocommerce-cart table.cart tr.cart_item{display:grid;grid-template-columns:76px minmax(0,1fr);gap:6px 14px;padding:16px 14px;border-bottom:1px solid var(--eu-line);position:relative}
  .woocommerce-cart table.cart tr.cart_item td{display:block;border:0;padding:0;text-align:left}
  .woocommerce-cart table.cart td.product-remove{position:absolute;top:12px;right:12px}
  .woocommerce-cart table.cart td.product-thumbnail{grid-column:1;grid-row:1/span 4}
  .woocommerce-cart table.cart td.product-thumbnail img{width:76px}
  .woocommerce-cart table.cart td.product-name,.woocommerce-cart table.cart td.product-price,
  .woocommerce-cart table.cart td.product-quantity,.woocommerce-cart table.cart td.product-subtotal{grid-column:2}
  .woocommerce-cart table.cart td.product-name{padding-right:38px;font-weight:600}
  .woocommerce-cart table.cart td.product-name dl.variation{font-weight:400;margin:4px 0 0}
  .woocommerce-cart table.cart td.product-price::before,.woocommerce-cart table.cart td.product-quantity::before,
  .woocommerce-cart table.cart td.product-subtotal::before{content:attr(data-title) ": ";font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#7a6f64}
  .woocommerce-cart table.cart td.product-quantity:has(input[type=hidden]){display:none}
  .woocommerce-cart table.cart tr:not(.cart_item),.woocommerce-cart table.cart td.actions{display:block;width:100%}
  .woocommerce-cart table.cart td.actions{padding:14px;border:0}
  .woocommerce-cart table.cart td.actions .coupon{display:flex;gap:8px;float:none;width:100%;margin-bottom:10px}
  .woocommerce-cart table.cart td.actions .coupon .input-text{flex:1 1 auto;min-width:0;width:auto!important;margin:0}
  .woocommerce-cart table.cart td.actions .coupon .button{flex:0 0 auto;white-space:nowrap}
  .woocommerce-cart table.cart td.actions > .button{display:block;width:100%;float:none}
  .woocommerce-cart .cart-collaterals .cart_totals{float:none;width:100%}
  .woocommerce-cart .cart_totals table.shop_table th{width:34%}
  .woocommerce-cart .wc-proceed-to-checkout a.checkout-button{display:block;width:100%;text-align:center}
}

/* Kassen paa mobil (12.10.2026): uden woocommerce-smallscreen stod "Detalles de facturación" og
   "¿Enviar a una dirección diferente?" side om side i hver sin halve bredde. Nu een kolonne som
   paa dansemessen: faktura, saa anden leveringsadresse, saa noter. */
@media(max-width:760px){
  .woocommerce-checkout .col2-set .col-1,.woocommerce-checkout .col2-set .col-2{float:none;width:100%}
  .woocommerce-checkout .col2-set .col-2{margin-top:24px}
  .woocommerce-checkout form .form-row-first,.woocommerce-checkout form .form-row-last{float:none;width:100%}
  .woocommerce-checkout h3#ship-to-different-address{font-size:1.15rem;line-height:1.3}
  .woocommerce-checkout h3#ship-to-different-address label{display:flex;align-items:center;gap:10px;cursor:pointer}
  .woocommerce-checkout h3#ship-to-different-address input{width:22px;height:22px;margin:0;flex:0 0 auto}
}

/* ===== Farver 13.10.2026: alt i oliven som toppen ===== */
/* Nyhedsbrev: lys oliven boks med moerk tekst i stedet for en stor farvet blok */
.eu-newsletter{background:var(--eu-olive-soft)!important;color:var(--eu-ink)!important;border:1px solid var(--eu-line)}
.eu-newsletter h2,.eu-newsletter p,.eu-newsletter label{color:var(--eu-ink)!important}
.eu-newsletter label a{color:var(--eu-ink)!important}
.eu-newsletter input[type=email]{border:1px solid var(--eu-line)!important}
.eu-newsletter button{background:var(--eu-terra)!important;color:#fff!important}
.eu-nav .vd-menu > li.is-aktiv > a{color:var(--eu-olive)}
/* Oliven hele vejen (ejeren 13.10.2026: "farven skal foelge med alle steder") */
.eu-search button{background:var(--eu-olive)!important;color:#fff!important}
.eu-search form{border-color:#d9dcc8}
.eu-lang a.is-current{background:var(--eu-olive)}
.eu-btn-ghost{border-color:var(--eu-olive)!important;color:var(--eu-olive)!important}
.eu-btn-ghost:hover,.woocommerce button.button.dmm-sample-btn:hover{background:var(--eu-olive)!important;color:#fff!important}
.woocommerce button.button.dmm-sample-btn,.single-product form.cart .dmm-sample-btn{border-color:var(--eu-olive)!important;color:var(--eu-olive)!important}
.eu-footer{background:#2f3622;color:#dfe2d2}
.eu-footer a,.eu-footer .vd-linkknap{color:#dfe2d2}
.eu-footer-bottom{border-top-color:#4a5236}
.eu-pay span{border-color:#4a5236}
.vd-skyder::before{background:var(--eu-olive)}
.vd-under{border-top-color:var(--eu-olive)}
.eu-cart-count{background:var(--eu-olive)!important;color:#fff!important}