/* Layout-rettelser fra design-gennemgangen 2026-09-14.
   Indlaeses sidst (dm_enqueue_layout_fixes, prioritet 99), saa de vinder over main.css. */

/* 1. MEGA-MENU
   Panelerne skal centreres under HELE menulinjen, ikke under det enkelte menupunkt.
   main.css satte ".dm-nav .dm-menu > li { position:relative }" med hoejere specificitet end
   ".dm-nav .dm-has-panel { position:static }", saa Dansesko-panelet startede 224px uden for
   skaermen og Dame-kolonnen var skjult. :has() fanger ogsaa Maerker og Guides, som manglede
   klassen dm-has-panel og derfor aldrig aabnede ved mus-over. */
.dm-nav{position:relative}
.dm-nav .dm-menu>li:has(>.dm-menu-panel){position:static}
.dm-nav .dm-menu>li:has(>.dm-menu-panel):hover>.dm-menu-panel,
.dm-nav .dm-menu>li:has(>.dm-menu-panel):focus-within>.dm-menu-panel{opacity:1;visibility:visible;transform:translate(-50%,0)}
.dm-nav .dm-menu-panel{left:50%;max-width:calc(100vw - 32px)}
/* Ejeren 25.09.2026: panelet ligger midt under menulinjen, ikke under punktet. Paa vej skraat ned fra "Dans"
   passerer musen "Ballet"/"Gymnastik", og panelet skiftede straks. Nu aabner et panel foerst efter 180 ms paa
   punktet, og det gamle bliver 300 ms efter musen forlod det - nok til at naa ned i det. Det nye ligger oeverst. */
.dm-nav .dm-menu-panel{transition:opacity .15s ease .3s,visibility 0s linear .45s,transform .15s ease .3s}
.dm-nav .dm-menu>li:has(>.dm-menu-panel):hover>.dm-menu-panel{transition:opacity .15s ease .18s,visibility 0s linear .18s,transform .15s ease .18s;z-index:181}
.dm-nav .dm-menu>li:has(>.dm-menu-panel):focus-within>.dm-menu-panel{transition-delay:0s}

/* 2. KONTAKTSIDEN
   WPBakery "stretch row" traekker kortet og adressen ud til skaermkanten (0px margin), mens
   resten af siden har temaets margin. Hold raekkerne inde i indholdskolonnen. */
.dm-content .vc_row[data-vc-full-width]{position:relative!important;left:auto!important;width:auto!important;padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important}
.dm-content .vc_row-full-width.vc_clearfix{display:none}
.dm-content .dm-contact-map{margin:14px 0 36px}
.dm-content .dm-contact-map iframe{display:block}

/* 3. "FIND DIN DANS" PAA FORSIDEN
   Danse der findes til baade dame og herre faar to knapper, der gaar til hver sin kategori. */
.dm-category-card.dm-category-split{display:block}
.dm-category-grid-v2 .dm-category-split .dm-category-label{bottom:60px}
.dm-category-split-links{position:absolute;left:16px;right:16px;bottom:14px;z-index:3;display:flex;gap:8px}
.dm-category-split-links a{flex:1 1 0;min-height:36px;display:flex;align-items:center;justify-content:center;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.95);color:#171717;font-size:12px;font-weight:750;letter-spacing:.04em;text-decoration:none;transition:background .15s ease,color .15s ease}
.dm-category-split-links a:hover,.dm-category-split-links a:focus-visible{background:var(--dm-accent,#8a1c3d);color:#fff}
@media (max-width:640px){
  .dm-category-grid-v2 .dm-category-split .dm-category-label{bottom:50px}
  .dm-category-split-links{left:9px;right:9px;bottom:9px;gap:6px}
  .dm-category-split-links a{min-height:32px;padding:0 6px;font-size:11px}
}

/* 4. KATEGORISIDER
   Den lange kategoritekst er flyttet ned under produkterne (dm_move_archive_description), saa
   kunden ser sko uden at scrolle. En forkortet udgave staar stadig i toppen. */
.dm-archive-longtext{margin:44px 0 8px;padding:28px 30px;border:1px solid var(--dm-line,#ece7e2);border-radius:14px;background:#fbfaf8;color:#4d4741;font-size:14.5px;line-height:1.7}
.dm-archive-longtext p{margin:0 0 12px}
.dm-archive-longtext p:last-child{margin-bottom:0}
@media (max-width:640px){.dm-archive-longtext{margin-top:32px;padding:20px 18px;font-size:14px}}

/* 5. TRYKFLADER PAA MOBIL
   Favoritter og Kurv var 30x38px og Soeg 54x32px. Anbefalet minimum for en finger er 44x44px. */
@media (max-width:900px){
  .dm-actions .dm-action-link,
  .dm-menu-toggle{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
  .woocommerce-product-search button{min-height:44px}
}

/* 6. KOMPAKT HEADER PAA MOBIL
   Headeren var tre raekker (logo, soegefelt, ikoner) = ca. 245px af telefonskaermen og fulgte med ned ad
   siden. Nu een raekke: menu | logo | soeg, konto, favoritter, kurv. Soegefeltet foldes ud under raekken,
   naar man trykker paa soege-ikonet (header.js). Konto var skjult paa mobil og vises nu. */
@media (max-width:900px){
  .dm-header-row{grid-template-columns:auto minmax(0,1fr) auto!important;grid-template-areas:"toggle brand actions" "search search search";min-height:60px!important;row-gap:0;padding-top:4px}
  .dm-menu-toggle{grid-area:toggle}
  .dm-brand{grid-area:brand;min-width:0;justify-self:start}
  .dm-actions{grid-area:actions;gap:0!important}
  .dm-search{grid-area:search;display:none;padding-bottom:10px}
  .dm-header.dm-search-open .dm-search{display:block}
  .dm-actions a[aria-label="Min konto"]{display:inline-flex!important}
  /* main.css skjuler ".dm-actions .dm-action-link:first-child" (det var Konto) - soege-ikonet staar nu foerst */
  .dm-header .dm-actions .dm-action-link.dm-search-toggle{display:inline-flex!important}
  .dm-search-toggle{border:0;background:none;color:#222;cursor:pointer;padding:0}
  .dm-search-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
  .dm-search-toggle span{display:none}
  .dm-wordmark{font-size:20px!important;white-space:nowrap}
}
@media (max-width:420px){
  .dm-actions .dm-action-link,.dm-menu-toggle{min-width:42px!important;width:42px}
  .dm-wordmark{font-size:18px!important}
  /* "Dans siden 1980" skal ogsaa staa paa mobil (ejeren 26.09.2026) - under navnet, saa det ikke tager bredde */
  .dm-wordmark span{display:block!important;font-size:7px!important;letter-spacing:.18em!important;margin-top:2px!important}
}
@media (min-width:901px){.dm-search-toggle{display:none!important}}

/* Luk-knap i mobilmenuen (header.js) */
.dm-mobile-close{display:flex;align-items:center;gap:6px;margin:6px 0 10px auto;min-height:44px;padding:0 16px;border:1px solid var(--dm-line,#ece7e2);border-radius:999px;background:#fff;color:#171717;font-weight:700;font-size:13px;cursor:pointer}
.dm-mobile-close span{font-size:20px;line-height:1}

/* 7. FAST KOEBSKNAP PAA MOBIL (inc/dm-extras.php + sticky-cart.js) */
.dm-sticky-cart{position:fixed;left:0;right:0;bottom:0;z-index:300;display:flex;align-items:center;gap:12px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--dm-line,#ece7e2);box-shadow:0 -8px 24px rgba(0,0,0,.08)}
.dm-sticky-cart[hidden]{display:none!important}
.dm-sticky-cart-info{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}
.dm-sticky-cart-name{font-size:13px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dm-sticky-cart-price{font-size:13px;font-weight:750}
.dm-sticky-cart-price del{opacity:.55;font-weight:500;margin-right:4px}
.dm-sticky-cart-btn{flex:0 0 auto;min-height:46px;padding:0 20px;border:0;border-radius:999px;background:var(--dm-accent,#8a1c3d);color:#fff;font-weight:750;font-size:14px;cursor:pointer}
body.dm-has-sticky-cart{padding-bottom:74px}
@media (min-width:901px){.dm-sticky-cart{display:none!important}}

/* 8. FOOTER: sociale medier, kontakt, nyhedsbrev og betalingsmetoder (som paa den nuvaerende side) */
.dm-footer-social{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.dm-footer-social a{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(127,127,127,.35);border-radius:50%;color:inherit}
.dm-footer-social a:hover{border-color:currentColor}
.dm-footer-social svg{width:17px;height:17px;fill:currentColor}
.dm-footer-contact a{display:block}
.dm-footer-newsletter{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:20px;align-items:center;margin-top:28px;padding:22px 0;border-top:1px solid rgba(127,127,127,.25)}
.dm-footer-newsletter h3{margin:0 0 4px}
.dm-footer-newsletter p{margin:0}
.dm-footer-newsletter .mc4wp-form-fields{display:flex;gap:8px;align-items:center}
.dm-footer-newsletter input[type=email]{flex:1;min-width:0;height:46px;padding:0 16px;border:1px solid rgba(127,127,127,.4);border-radius:999px;background:#fff;color:#171717;font-size:14px}
.dm-footer-newsletter input[type=submit]{width:auto!important;margin-top:0!important;height:46px;padding:0 22px;border:0;border-radius:999px;background:var(--dm-accent,#8a1c3d);color:#fff;font-weight:750;cursor:pointer}
.dm-footer-newsletter .mc4wp-response{margin-top:8px;font-size:13px}
.dm-footer-bottom{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;justify-content:space-between}
.dm-footer-payments{display:inline-flex;flex-wrap:wrap;gap:6px}
.dm-footer-payments span{padding:3px 8px;border:1px solid rgba(127,127,127,.35);border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.02em}
@media (max-width:640px){.dm-footer-newsletter{grid-template-columns:1fr}.dm-footer-bottom{justify-content:flex-start}}

/* 9. TOPBJAELKE: fire budskaber paa computer (main.css skjulte nr. 4 = telefon), to paa mobil */
@media (min-width:1100px){
  .dm-topbar-inner{grid-template-columns:repeat(4,auto)!important;justify-content:space-between}
  .dm-topbar-inner span:nth-child(4){display:block!important}
}
.dm-topbar a{color:inherit;text-decoration:none}
.dm-topbar a:hover{text-decoration:underline}

/* 9c. KORTERE VARESIDE (2026-09-15)
   Trust-boksen var fire store kort; nu en kompakt linje med flueben (topbjaelken siger det samme).
   Kategori- og tag-listen under koebsknappen var en lang graa tekst - kun varenummeret beholdes. */
.summary .dm-product-trust{display:flex!important;flex-wrap:wrap;gap:4px 16px;margin:10px 0 6px!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;grid-template-columns:none!important}
.summary .dm-product-trust>div{display:block!important;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;min-height:0!important}
.summary .dm-product-trust>div span{display:none!important}
.summary .dm-product-trust>div strong{font-size:12.5px!important;font-weight:650!important}
.summary .dm-product-trust>div strong::before{content:"✓ ";color:var(--dm-accent,#8a1c3d)}
.summary .product_meta .posted_in,.summary .product_meta .tagged_as{display:none!important}
.summary .product_meta{margin-top:6px!important;padding-top:0!important;border:0!important;font-size:11.5px!important;opacity:.7}
.dm-read-more{margin:4px 0 12px}
.dm-read-more a{font-weight:700;font-size:13.5px}
.dm-footer-legal{white-space:nowrap}
.dm-footer .dm-footer-legal a{display:inline!important;margin:0!important;padding:0!important}
/* Mersalg: 4 varer paa een raekke paa computer, 2 paa mobil.
   main.css har flere "body.single-product .up-sells ul.products { 3 kolonner !important; max-width: 820px }" -
   "html body..." er en tak mere specifik, saa denne regel vinder. */
html body.single-product .up-sells ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;max-width:none!important}
html body.single-product .up-sells ul.products::before,html body.single-product .up-sells ul.products::after{display:none!important}
html body.single-product .up-sells ul.products li.product{width:auto!important;margin:0!important;float:none!important}
/* Mobil: forslagene er en vandret raekke man stryger sidelaens i (i stedet for 2 x 2 under hinanden) */
@media (max-width:760px){
  html body.single-product .up-sells ul.products{grid-template-columns:none!important;grid-auto-flow:column!important;grid-auto-columns:66%!important;gap:12px!important;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:0 2px 10px!important;scrollbar-width:thin}
  html body.single-product .up-sells ul.products li.product{scroll-snap-align:start}
}

/* Mobil: kurvens tabel var ca. 11px bredere end skaermen (hoejre kant blev skaaret af) */
@media (max-width:760px){
  .woocommerce-cart-form table.shop_table,
  .woocommerce-cart-form table.shop_table tbody,
  .woocommerce-cart-form table.shop_table tr{display:block;width:100%!important;max-width:100%;box-sizing:border-box}
  .woocommerce-cart-form table.shop_table td{box-sizing:border-box;max-width:100%}
}

/* Mobil: produktfanerne som foldere (inc/dm-extras.php) */
.dm-acc-head{display:none}
@media (max-width:760px){
  .woocommerce-tabs.dm-tabs-accordion ul.wc-tabs{display:none!important}
  .woocommerce-tabs.dm-tabs-accordion .dm-acc-head{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:52px;margin:0;padding:0 4px;border:0;border-top:1px solid var(--dm-line,#e6e0da);background:none;color:inherit;font-size:16px;font-weight:750;text-align:left;cursor:pointer}
  .woocommerce-tabs.dm-tabs-accordion .dm-acc-head::after{content:"+";font-size:22px;font-weight:400;line-height:1}
  .woocommerce-tabs.dm-tabs-accordion .dm-acc-head[aria-expanded=true]::after{content:"–"}
  .woocommerce-tabs.dm-tabs-accordion .wc-tab{display:none!important;padding:4px 4px 16px!important;margin:0!important}
  .woocommerce-tabs.dm-tabs-accordion .wc-tab.dm-open{display:block!important}
  .woocommerce-tabs.dm-tabs-accordion .wc-tab>h2:first-child{display:none}
}

/* 9b. FORSIDE: indgang til danseskole-listerne */
.dm-school-teaser{padding-block:8px}
.dm-school-teaser-inner{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px;align-items:center;padding:28px 32px;border-radius:18px;background:#f3eef9}
.dm-school-teaser h2{margin:4px 0 8px}
.dm-school-teaser p{margin:0}
.dm-school-teaser-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
/* .dm-school-teaser-teacher er nu en knap - se afsnit 12 nederst. */
@media (max-width:760px){.dm-school-teaser-inner{grid-template-columns:1fr;padding:22px 18px}}

/* 10. FRI FRAGT-MAALER i kurv og kasse (inc/dm-extras.php) */
.dm-freeship{margin:0 0 20px;padding:14px 16px;border:1px solid var(--dm-line,#ece7e2);border-radius:12px;background:#fbfaf8}
.dm-freeship p{margin:0 0 8px;font-size:14px}
.dm-freeship-bar{display:block;height:8px;border-radius:999px;background:#ece7e2;overflow:hidden}
.dm-freeship-bar span{display:block;height:100%;border-radius:999px;background:var(--dm-accent,#8a1c3d);transition:width .3s ease}

/* 11. "KOEB OGSAA TIL DINE SKO" paa skosider (inc/dm-extras.php) */
.dm-xsell{margin:22px 0 6px;padding:16px;border:1px solid var(--dm-line,#ece7e2);border-radius:14px;background:#fff}
.dm-xsell h3{margin:0 0 10px;font-size:15px}
.dm-xsell ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.dm-xsell-item{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:12px;align-items:center}
.dm-xsell-img img{width:52px;height:52px;object-fit:cover;border-radius:8px;display:block}
.dm-xsell-info{display:flex;flex-direction:column;min-width:0;font-size:13.5px;line-height:1.3}
.dm-xsell-info a{color:inherit;text-decoration:none;font-weight:650}
.dm-xsell-price{font-size:13px;opacity:.8}
.dm-xsell .dm-xsell-add{min-height:40px;display:inline-flex;align-items:center;padding:0 14px!important;border-radius:999px!important;font-size:12.5px!important;white-space:nowrap}
.dm-xsell .added_to_cart{display:none}

/* 12. FORSIDE: danselaerer-indgangen skal vaere en knap, ikke en tekstlinje.
   Foer stod "Er du danselaerer? Faa en gratis liste" som et almindeligt link under
   knappen, saa man ikke kunne se at der var to valg. Nu to tydelige knapper med en
   forklarende linje imellem. */
.dm-school-teaser-actions{gap:10px}
.dm-school-teaser-actions .dm-btn{width:100%;text-align:center}
.dm-school-teaser-teacher-intro{margin:6px 0 0!important;font-size:14px;font-weight:650;color:#4d4741}
.dm-btn-outline{background:#fff;color:#171717;border:1.5px solid var(--dm-accent,#8a1c3d);font-size:11.5px;line-height:1.2;text-align:center}
.dm-btn-outline:hover,.dm-btn-outline:focus-visible{background:var(--dm-accent,#8a1c3d);color:#fff}
@media (max-width:760px){
  .dm-school-teaser-actions{align-items:stretch}
  .dm-btn-outline{padding:0 16px;letter-spacing:.03em}
}

/* 13. KURVEN PAA MOBIL: "Samlet beloeb i kurven" var presset sammen i venstre side.
   Aarsag: main.css lagde varelistens 82px-gitter oven paa totalerne, fordi WooCommerce
   giver begge tabeller klassen shop_table_responsive. Gitteret er nu bundet til
   varelisten (main.css). Her giver vi totalerne den rigtige mobil-opsaetning:
   navnet til venstre, beloebet til hoejre, og leveringsvalg i fuld bredde. */
@media (max-width:800px){
  /* Raekkerne saettes op med flexbox i stedet for tabel-visning. Saa er der ingen tvivl om
     hvor navn og beloeb lander, og browseren behoever ikke gaette paa anonyme tabelceller. */
  body.woocommerce-cart .cart_totals table.shop_table{
    display:block!important;width:100%!important;
    border:1px solid var(--dm-line,#ece7e2)!important;background:#fff!important;
    border-radius:12px!important;overflow:hidden;margin:0!important;padding:0!important;
  }
  body.woocommerce-cart .cart_totals table.shop_table tbody{display:block!important}
  body.woocommerce-cart .cart_totals table.shop_table tr{
    display:flex!important;flex-wrap:wrap;align-items:baseline;justify-content:space-between;
    gap:2px 14px!important;grid-template-columns:none!important;
    padding:12px 14px!important;border-top:1px solid var(--dm-line,#ece7e2)!important;border-bottom:0!important;
  }
  body.woocommerce-cart .cart_totals table.shop_table tr:first-child{border-top:0!important}
  body.woocommerce-cart .cart_totals table.shop_table th,
  body.woocommerce-cart .cart_totals table.shop_table td{
    display:block!important;width:auto!important;min-width:0;
    padding:0!important;border:0!important;background:transparent!important;
  }
  body.woocommerce-cart .cart_totals table.shop_table th{text-align:left!important;font-size:12.5px}
  body.woocommerce-cart .cart_totals table.shop_table td{text-align:right!important}
  /* Leveringsraekken har baade valgmuligheder og "beregn fragt" - den skal have hele bredden. */
  body.woocommerce-cart .cart_totals .woocommerce-shipping-totals{flex-direction:column!important;align-items:stretch!important}
  body.woocommerce-cart .cart_totals .woocommerce-shipping-totals th,
  body.woocommerce-cart .cart_totals .woocommerce-shipping-totals td{width:100%!important;text-align:left!important}
  body.woocommerce-cart .cart_totals .woocommerce-shipping-totals td{margin-top:6px!important}
  body.woocommerce-cart .cart_totals ul#shipping_method{margin:0!important;padding:0!important;list-style:none!important}
  body.woocommerce-cart .cart_totals ul#shipping_method li{margin:0 0 8px!important;padding:0!important;text-indent:0!important}
  body.woocommerce-cart .cart_totals ul#shipping_method li:last-child{margin-bottom:0!important}
  body.woocommerce-cart .cart_totals .woocommerce-shipping-destination{margin:6px 0 0!important;font-size:12.5px}
  body.woocommerce-cart .cart_totals .shipping-calculator-button{display:inline-block;margin-top:4px;font-size:13px;font-weight:650}
  body.woocommerce-cart .cart_totals .shipping-calculator-form{margin-top:10px}
  body.woocommerce-cart .cart_totals .order-total th,
  body.woocommerce-cart .cart_totals .order-total td{font-size:15.5px!important;font-weight:800!important}
  /* Knappen skal fylde boksen, ikke klemme sig ind i venstre hjoerne. */
  body.woocommerce-cart .wc-proceed-to-checkout{padding:14px 0 0!important}
  body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{width:100%!important;text-align:center!important}
}


/* Telefonnummeret i toppen skal se ud som noget man kan trykke paa.
   Selve placeringen loeses i header.php: nummeret staar paa andenpladsen, saa
   main.css' egne regler (der skjuler punkt 3 og 4 paa smalle skaerme) af sig
   selv beholder fragt og telefon - i stedet for at vi kaemper mod fire
   media queries i en fil paa 5000 linjer. */
.dm-topbar-inner a[href^="tel:"] {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
  font-weight: 600;
  white-space: nowrap;
}

/* Paa mobil var nummeret 69x17 px. Anbefalet minimum for en finger er 44px,
   og en bar paa 29px kan ikke rumme det - men 17px er for lidt til at ramme
   i en bus. Polstringen giver ca. 33px og goer baren nogle faa pixels hoejere. */
@media (max-width: 900px) {
  .dm-topbar-inner a[href^="tel:"] {
    display: inline-block;
    padding: 8px 6px;
    margin: -6px 0;
  }
}
/* Dans-panelet placeres under "Dans" af main.js (left i px), saa centreringen skal vaek for det. */
.dm-nav .dm-menu-panel.dm-aligned{transform:none!important}
/* Producent-/farve-/hael-sider (pa_*-arkiver) har ingen filterkolonne, saa varerne landede i den 250px
   brede sidebar-kolonne og stod klemt i venstre hjoerne (ejeren 25.09.2026). Uden sidebar: fuld bredde. */
.dm-shop-layout:not(:has(> .dm-shop-sidebar)){grid-template-columns:minmax(0,1fr)}
/* Stablede afsnit i een menukolonne (Dansetoej til kvinder/herre/piger/drenge) og skoguiden nederst til hoejre (26.09.2026). */
.dm-menu-stack-part+.dm-menu-stack-part{margin-top:14px;padding-top:12px;border-top:1px solid #eee8e2}
.dm-menu-stack>.dm-menu-feature-bottom{margin-top:18px}
@media(min-width:901px){.dm-nav .dm-menu-panel:has(.dm-menu-stack){max-height:calc(100vh - 180px);overflow-y:auto;overscroll-behavior:contain}}
/* Gavekort OEVERST til hoejre i alle menuer (26.09.2026): personalet fandt det ikke nederst i kortet. */
.dm-nav .dm-menu-panel-top{display:flex;justify-content:flex-end;padding:12px 18px 0}
.dm-nav .dm-menu-gift{display:inline-flex!important;align-items:center;gap:10px;padding:8px 16px!important;border-radius:999px;background:var(--dm-accent,#8a1c3d);color:#fff!important;text-decoration:none;font-size:12.5px!important;font-weight:600!important;box-shadow:0 6px 16px rgba(138,28,61,.22)}
.dm-nav .dm-menu-gift strong{font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#fff}
.dm-nav .dm-menu-gift span{color:#fff;opacity:.92}
/* Temaets ".dm-nav .sub-menu a:hover" gav knappen lys baggrund med hvid tekst - den skal holde sin farve. */
.dm-nav .dm-menu-gift:hover,.dm-nav .dm-menu-gift:focus-visible{background:var(--dm-accent-dark,#6d1530)!important;color:#fff!important}
@media(max-width:900px){.dm-nav .dm-menu-panel-top{justify-content:flex-start;padding:10px 0 4px}}
/* Siden Maerker: alle producenter som kort (26.09.2026). */
.dm-maerker{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;margin:26px 0 40px}
.dm-maerke{display:flex;flex-direction:column;gap:4px;padding:18px 20px;border:1px solid var(--dm-line,#ece7e2);border-radius:14px;background:#fff;text-decoration:none;color:#171717;transition:border-color .15s,box-shadow .15s}
.dm-maerke strong{font-family:Georgia,serif;font-size:19px;font-weight:500}
.dm-maerke span{font-size:12.5px;color:#7b6f66}
.dm-maerke:hover{border-color:#d4c3c8;box-shadow:0 8px 22px rgba(0,0,0,.06)}
.dm-brand-all a{background:var(--dm-bg,#f7f4f1)!important;color:var(--dm-accent,#8a1c3d)!important}
/* Footer: "Aabningstider" som lille overskrift over tiderne (26.09.2026). */
.dm-footer .dm-footer-hours-title{margin:14px 0 2px!important;color:#eee!important;font-weight:700}
.dm-footer .dm-footer-hours-title+p{margin-top:0}
/* Adressen er et link til kortet (26.09.2026). */
.dm-address-link{color:inherit!important;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.dm-address-link:hover{text-decoration-thickness:2px}
.dm-footer .dm-address-link{display:inline!important;margin:0!important}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* "Savner du et maerke?" paa siden Maerker (26.09.2026). */
.dms-maerke{margin:48px 0 20px;padding:30px;border:1px solid var(--dm-line,#ece7e2);border-radius:16px;background:#fbfaf8;scroll-margin-top:170px}
.dms-maerke h2{font-family:Georgia,serif;font-weight:500;font-size:28px;margin:4px 0 10px}
.dms-maerke-form{display:grid;gap:14px;max-width:720px;margin-top:18px}
.dms-maerke-form label{display:grid;gap:6px;font-size:13.5px;font-weight:600}
.dms-maerke-form input,.dms-maerke-form textarea{width:100%;padding:11px 13px;border:1px solid var(--dm-line,#ddd5ce);border-radius:10px;background:#fff;font:inherit;font-weight:400}
.dms-maerke-par{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.dms-maerke-form button{justify-self:start;border:0;cursor:pointer}
.dms-maerke-faelde{position:absolute!important;left:-9999px!important;height:1px;overflow:hidden}
.dms-maerke-tak{padding:14px 16px;border-radius:10px;background:#eef7ee}
.dms-maerke-fejl{padding:12px 14px;border-radius:10px;background:#fdeeee;color:#8a1c3d}
@media(max-width:640px){.dms-maerke{padding:20px}.dms-maerke-par{grid-template-columns:1fr}}
/* Oensker (26.09.2026): hele maerke-kortet er et link, "Fandt du ikke ..." i menuens topline og under varerne. */
a.dm-menu-feature-link{display:block!important;text-decoration:none;color:inherit!important;transition:box-shadow .15s,transform .15s}
a.dm-menu-feature-link:hover{box-shadow:0 10px 26px rgba(0,0,0,.09);transform:translateY(-1px);background:#f3ede9!important}
a.dm-menu-feature-link em{display:inline-block;margin-top:6px;font-style:normal;font-weight:750;color:var(--dm-accent,#8a1c3d)}
.dm-nav .dm-menu-panel-top{justify-content:space-between;align-items:center;gap:16px}
.dm-nav .dm-menu-wish{padding:0!important;font-size:13px!important;color:#4d4741!important;text-decoration:none}
.dm-nav .dm-menu-wish strong{color:#171717}
.dm-nav .dm-menu-wish:hover{background:none!important;color:var(--dm-accent,#8a1c3d)!important}
.dm-nav .dm-menu-panel-top:not(:has(.dm-menu-wish)){justify-content:flex-end}
.dm-oensk-boks{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:36px 0 10px;padding:22px 26px;border:1px solid var(--dm-line,#ece7e2);border-radius:16px;background:#fbfaf8}
.dm-oensk-boks strong{font-family:Georgia,serif;font-size:21px;font-weight:500}
.dm-oensk-boks p{margin:4px 0 0;color:#6b625b;font-size:14px}
@media(max-width:640px){.dm-oensk-boks{flex-direction:column;align-items:flex-start}}
/* Bunden af hver menu: skoguiden + "Fandt du ikke det, du soegte?" (26.09.2026) - efter man har kigget menuen igennem. */
.dm-nav .dm-menu-panel-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 24px;margin-top:6px;padding:14px 22px;border-top:1px solid #eee8e2;background:#fbf9f7;border-radius:0 0 18px 18px}
.dm-nav .dm-menu-panel-bottom a{padding:0!important;font-size:13px!important;color:#4d4741!important;text-decoration:none}
.dm-nav .dm-menu-panel-bottom a strong{color:var(--dm-accent,#8a1c3d);margin-right:4px}
.dm-nav .dm-menu-panel-bottom a:hover{background:none!important;color:#171717!important;text-decoration:underline}
.dm-nav .dm-menu-panel-top{justify-content:flex-end}
@media(max-width:900px){.dm-nav .dm-menu-panel-bottom{flex-direction:column;align-items:flex-start;border-radius:0;padding:12px 0}}
/* Varelinjens oplysninger i kurv og kasse (fx gavekortets Beloeb/Til/Fra/Hilsen): smaa, rolige raekker (26.09.2026). */
.woocommerce dl.variation{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;margin:8px 0 0;font-size:12.5px;line-height:1.45}
.woocommerce dl.variation dt{margin:0;font-weight:500;color:#7b6f66}
.woocommerce dl.variation dd{margin:0;font-weight:600;color:#171717}
.woocommerce dl.variation dd p{margin:0}
/* Look-rabatten i roedt i kurv og kasse, saa kunden kan se, at rabatten er givet (ejeren 26.09.2026). */
.woocommerce dl.variation dt.variation-Look-rabat,.woocommerce dl.variation dd.variation-Look-rabat{color:var(--dm-accent,#8a1c3d)!important;font-weight:700}
/* Stoerrelsesguide: en raekke med kun foerste celle udfyldt er en afsnitsoverskrift (fx "Damer"/"Herrer" i Freed-guiden). */
.dms-guide-table tr:has(> td:empty + td:empty) > th{background:var(--dm-bg,#f7f4f1);color:var(--dm-accent,#8a1c3d);text-transform:uppercase;letter-spacing:.06em;font-size:12px}
.dms-guide-table tr:has(> td:empty + td:empty) > td{background:var(--dm-bg,#f7f4f1)}
/* Link til tåspidssko-guiden paa varesiden (27.09.2026). */
.dm-pointe-guide{display:block;margin:14px 0 4px;padding:12px 16px;border:1px solid #ecd9df;border-radius:12px;background:#fbf5f7;color:#4d4741;font-size:14px;text-decoration:none}
.dm-pointe-guide strong{color:var(--dm-accent,#8a1c3d)}
.dm-pointe-guide:hover{border-color:var(--dm-accent,#8a1c3d)}
/* Live-soegning (27.09.2026) */
.dm-ls-form{position:relative}
.dm-ls{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:400;max-height:70vh;overflow-y:auto;padding:8px;background:#fff;border:1px solid var(--dm-line,#ece7e2);border-radius:14px;box-shadow:0 18px 40px rgba(0,0,0,.12);text-align:left}
.dm-ls-overskrift{padding:8px 10px 4px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#8a817a}
.dm-ls a{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:10px;color:#171717;text-decoration:none;font-size:14px}
.dm-ls a:hover,.dm-ls a.is-aktiv{background:var(--dm-bg,#f7f4f1)}
.dm-ls-vare img,.dm-ls-tom{width:44px;height:44px;flex:0 0 44px;object-fit:cover;border-radius:8px;background:#f2efeb}
.dm-ls-vare span{display:flex;flex-direction:column;min-width:0}
.dm-ls-vare strong{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dm-ls-vare small{color:#6b625b;font-size:12.5px}
.dm-ls-kat{font-weight:600}
.dm-ls-alle{justify-content:center;margin-top:4px;border-top:1px solid #eee8e2;color:var(--dm-accent,#8a1c3d)!important;font-weight:700}
.dm-ls-ingen{padding:12px 10px;color:#6b625b;font-size:14px}

/* Kassens "Godkend ordre" var usynlig: main.css bruger --dm-wine, som aldrig er defineret (27.09.2026). */
body.woocommerce-checkout #place_order{background:var(--dm-accent,#8b1e3f)!important;color:#fff!important;border:0!important}
body.woocommerce-checkout #place_order:hover{background:var(--dm-accent-dark,#67162f)!important}