/*
Theme Name: Flatsome Child
Description: Child-þema fyrir Flatsome. Sérsniðið CSS VÍRA, útlit B (ljósari og loftmeiri), hnappar H2, letur hnappa 400, vöruleit, yfirsíður.
Author: UX Themes
Template: flatsome
Version: 3.3.7
*/

/* ==========================================================================
   VÍRA: sérsniðið CSS fyrir vira.is (Flatsome + WooCommerce)
   Útgáfa 3.3.7 (7.10.2026). Drög forstjóra, ekki komið á vefinn.

   3.3.7 = 3.3.6 (í loftinu 7.10.2026, staðfest með SHA-256) +
   - Kafli 21 (nýr): yfirsíðurnar /vorulisti/ og /greinar/ (SEO-05, klasinn
     .vs-hub). Var <style> inni í síðunum í drögum vefstjóra; hér að ósk
     eiganda um að CSS sé í style.css.

   3.3.6 = 3.3.5 (í loftinu 7.10.2026 með --v-btn-fw 400, staðfest með
   SHA-256) +
   - Kafli 20 (nýr): vöruleit í haus og beinar niðurstöður, og síða án
     niðurstaðna. Áður WPCode-drög 2026-10-05-voruleit-wpcode.css, nú
     hér að ósk eiganda.
   - Athugasemdir um letur hnappa leiðréttar í 400.

   3.3.5 = 3.3.4 (í loftinu 7.10.2026, staðfest með SHA-256) +
   - Letur á hnöppum 500 í stað 600 (ákvörðun eiganda 7.10.2026; eigandi
     breytti í 400 sama dag). Nýtt
     tákn --v-btn-fw í kafla 1, notað í kafla 4 (allir hnappar og
     magnreitir), póstlistahnappi í fæti og Dropp-hnappi á greiðslusíðu.
     Textatenglarnir „Skoða körfu“ (7.6, 7.8) halda 600, því þeir eru
     tenglar en ekki hnappar.

   3.3.4 = 3.3.3 (í loftinu 3.10.2026) +
   - Röðunarreitur verslunar („Sjálfgefin röðun“): 8 px horn í stað
     pillu, 40 px, 14 px þykkt 400, grennri ör, kolarammi við hover.

   3.3.3 = 3.3.2 +
   - Kafli 19: „Sía“ í síuslá nær yfir alla breidd síunnar, 40 px hár,
     14 px og þykkt 500 (eigandi vildi grennra og minna).


   3.3.2 = 3.3.1 (í loftinu 3.10.2026) +
   - Kafli 7 endurskrifaður: tilkynningar (bætt í körfu, upplýsingar,
     villur) sem grannt ljóst spjald í breidd efnisins, 15 px, tákn í
     hring, „Skoða körfu“ textatengill með ör. Ekkert dökkt band
     (afbrigði 1, vefhönnuður). „Skoða körfu“ á vörulistum sama stíl.
   - Kafli 12: reglu um miðjun afsláttarkóðaborðans í síma eytt (kafli 7
     tekur við).
   - Kafli 15: hnappar kökuborðans 500 í stað 600.
   - Kafli 19 (nýr): skilalínur Flatsome (#ececec, #ddd) á rjóma fá
     --v-line-on-cream. Síuslá verslunar grennri (fyrirsagnir, tenglar,
     verðsleði, „Sía“ útlínuhnappur) og verðbilið í einni línu.
   - Haus: undirstrikun körfu í haus nær aðeins undir verðið, ekki undir
     körfutáknið (tákn úr letursetti fékk línu í annarri hæð).

   3.3.1 = 3.3.0 + áfangi 3 í kóðayfirferð. Fer inn SAMA DAG og
   functions.php (lokaútgáfa 3.10.2026), sem setur ekki lengur inn CSS:
   - Kaflar 16 og 17: reglur sem functions.php setti inn (merki söluaðila,
     vöruspjöld, póstlisti, karfa, greiðslusíða), þrengdar að #main og
     forminu (V2, Codex 3 og 4). Karfa: dálkar fara ekki lengur 20 px út
     fyrir röðina (Codex 1). Merki söluaðila stíluð líka á forsíðu
     (Codex 6). „Ekki til á lager“ falið með :has() í stað CSS fyrir hverja
     vöru.
   - Kafli 9: magn og hnappur í röð aðeins á einföldum vörum (Codex 2).
     Flipar í síma mega brotna í línur og skerast ekki (Codex 5).
   - Kafli 12: greiðslumátar með „> li.wc_payment_method“ (Codex 7),
     dálkar greiðslusíðu aðeins í greiðsluforminu (Codex 3).
   - Kaflar 13 og 14: fyrirsagnir lita ekki lengur dökka fótinn (Codex 8).
   - Kafli 18: upplýsingatöflur og algengar spurningar (SEO-13, SEO-16,
     SEO-27), tilbúið áður en efnið kemur.
   - Fjarlægt: tvær reglur sem unnu aðeins gegn CSS úr functions.php
     (#main á greiðslusíðu og „Vefverslun“ í haus greiðslusíðu).

   3.3.0 = 3.2.0 + hnappar H2 (ákvörðun eiganda 3.10.2026), sameinað í
   eina skrá:
   - Allir hnappar: 8 px horn (--v-btn-radius), venjulegir hástafir,
     15 px, þykkt 600, stafabil 0, 48 px hæð. Líka vöruspjöld (útlína),
     magnreitur (+/−), afsláttarkóði, greiðslumátar og kökuborði.
     VÍKUR FRÁ HANDBÓK (pilla, hástafir, 0,1em): sjonraent-einkenni.md.
   - Hover aðalhnapps #45403A (í stað bleks, sem sást varla).
   - Óvirkur hnappur („Uppfæra körfu“) læsilegur og án hover.
   - Fókushringur í kökuborða gull-dökkur (3,91:1 í stað 1,94:1).
   - Röðun vöruspjalda: vöruheiti alltaf tvær línur á hæð, svo verð og
     hnappur standist á í hverri röð (kafli 8).
   - Vöruspjöld í síma: 48 px og 15 px eins og aðrir hnappar (var 44/13).
   --v-pill er óbreytt: síðuflettingar, röðunarreitur og „Tilboð“-merki.

   3.2.0 = vira-style 3.1.0 (áfangi 2) + tillögur F, D, A og B + útlit B
   (ákvörðun eiganda 3.10.2026). Ekki tillaga C og ekki F2.
   - F (vörusíða í síma) og B (skilstrik í brauðmolum) eru komnar inn í
     útlit B, sem gengur lengra: magnreitur og hnappur í einni röð og
     gulllitað skilstrik.
   - D (dökkir tenglar í tilkynningum í körfu og greiðslu) og A
     (lagerstaða) eru í köflum 7 og 9.
   - Karfa, greiðslusíða og pöntunarstaðfesting á rjóma (kaflar 11 til
     13), brauðmolinn „Vefverslun“ falinn undir H1 á /vefverslun/,
     inngangur vöruflokka dökkur á rjóma, bakgrunnsmynd titilraðar
     vöruflokka falin, „Vefverslun“ í haus sést aftur á greiðslusíðu, bil
     milli vara í vörusleða forsíðu, stærri snertifletir í fæti,
     Montserrat 600 í kafla 0.

   Letur: Montserrat 600 er skilgreint í kafla 0 hér fyrir neðan (sama
   leturskrá og Flatsome hleður nú þegar fyrir 400 og 500, ekkert
   aukaniðurhal). Gelasio 400 og 500 eins og nú.

   ATH: hækkið „Version“ hér efst við hverja breytingu. Netþjónninn segir
   vöfrum að geyma CSS-skrár í 10 ár, og útgáfunúmerið er það eina sem fær
   þá til að sækja nýja skrá.

   Kaflar
    0. Montserrat 600
    1. Tákn (litir, letur, bil, form)
    2. Ljós og dökk yfirborð (samhengistákn)
    3. Fókus
    4. Hnappar og magnreitir
    5. Letur og fyrirsagnir
    6. Haus, borði og fótur
    7. Tilkynningar WooCommerce
    8. Verslun, vöruflokkar og vöruspjöld
    9. Vörusíða
   10. Forsíða
   11. Karfa
   12. Greiðslusíða
   13. Pöntunarstaðfesting (óprófuð, krefst pöntunar)
   14. Farsímavalmynd, síur og sprettigluggar
   15. Complianz-kökuborði: tenglar, hnappar og fókus
   16. Merki söluaðila, vöruspjöld og póstlisti (úr functions.php)
   17. Karfa og greiðslusíða: uppsetning (úr functions.php, þrengt)
   18. Upplýsingatöflur og algengar spurningar
   19. Skilalínur á rjóma og síuslá verslunar
   20. Vöruleit í haus, beinar niðurstöður og síða án niðurstaðna
   21. Yfirsíður /vorulisti/ og /greinar/ (SEO-05)
   ========================================================================== */


/* ==========================================================================
   0. Montserrat 600 (ákvörðun eiganda 3.10.2026)
   Flatsome (Kirki) hleður Montserrat 400 og 500 af vira.is sjálfu. Skráin
   er breytilegt letur (100 til 900), svo 600 vísar á SÖMU skrá: ekkert
   aukaniðurhal (staðfest í Network 3.10.2026). Án þessa býr vafrinn til
   gervifeitletur úr 500 á hnöppum og eyebrow. Ef Flatsome fær síðar 600
   í Typography má eyða þessum kafla. Ef leturskráin fær nýtt nafn (t.d.
   eftir að letrið er sótt aftur í Flatsome) þarf að uppfæra slóðina hér,
   annars fellur vafrinn aftur í gervifeitletur (ekkert brotnar).
   ========================================================================== */
@font-face{
  font-family:Montserrat;
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url("/wp-content/fonts/montserrat/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2") format("woff2");
  unicode-range:U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* ==========================================================================
   1. Tákn
   Litir úr sjonraent-einkenni.md. Birtuskil reiknuð samkvæmt WCAG 2.2.
   ========================================================================== */
:root{
  /* Litir */
  --v-ink:#141312;
  --v-coal:#222222;
  --v-coal-hover:#45403A;                   /* hover aðalhnapps: rjómatexti 8,53:1, 1,55:1 frá kol (sést greinilega) */
  --v-cream:#F6E9CF;
  --v-cream-2:#EADBB9;
  --v-gold:#C9A55B;                         /* gull á dökku, texti í lagi: 6,83:1 á kol */
  --v-gold-deep:#8E6F30;                    /* gull á ljósu, AÐEINS línur og fókus: 3,91:1 á rjóma */
  --v-gold-text:#7A5E26;                    /* gulllitaður texti á ljósu: 5,06:1 á rjóma */
  --v-gold-line:rgba(201,165,91,.45);       /* fínar skrautlínur á dökku */
  --v-gold-line-on-cream:rgba(142,111,48,.45); /* fínar skrautlínur á rjóma */
  --v-muted-on-dark:rgba(246,233,207,.78);  /* daufur texti á kol: 8,5:1 */
  --v-muted-on-cream:rgba(34,34,34,.78);    /* daufur texti á rjóma: 6,90:1 */
  --v-text-soft:rgba(34,34,34,.85);         /* meginmál í lýsingum á rjóma */
  --v-line-on-dark:rgba(246,233,207,.16);   /* skilalína (skraut) á dökku */
  --v-line-on-cream:rgba(34,34,34,.12);     /* skilalína (skraut) á rjóma */
  --v-field-on-dark:rgba(246,233,207,.45);  /* rammi um reit eða hnapp á dökku: 3,83:1 */
  --v-field-on-cream:rgba(34,34,34,.55);    /* rammi um reit eða hnapp á rjóma: 3,46:1 */
  --v-field-bg:rgba(255,255,255,.5);        /* fylling innsláttarreita á rjóma */
  --v-hover-on-cream:rgba(34,34,34,.06);    /* hover á útlínuhnöppum og magnhnöppum */
  --v-btn-disabled-fg:rgba(34,34,34,.65);   /* óvirkur hnappur: texti 4,62:1 á rjóma */
  --v-btn-disabled-bd:rgba(34,34,34,.30);   /* óvirkur hnappur: ljósari lína en 3,46:1 */
  --v-alert:var(--fs-color-alert, #b20000); /* „Ekki til á lager“: 6:1 á rjóma */
  --v-stock:var(--v-coal);                  /* „Á lager“ (tillaga A) */

  /* Tilkynningar og eldri spjöld (óbreytt úr 3.1.0) */
  --v-card:rgba(246,233,207,.92);
  --v-card-line:rgba(0,0,0,.06);
  --v-card-shadow:0 10px 30px rgba(0,0,0,.08);
  --v-card-radius:16px;
  --v-card-radius-lg:18px;
  --v-max:1050px;

  /* Letur: Gelasio 400 og 500, Montserrat 400, 500 og 600 */
  --v-serif:"Gelasio",Georgia,"Times New Roman",serif;
  --v-sans:"Montserrat",system-ui,-apple-system,"Segoe UI",sans-serif;
  --v-fw-head:500;
  --v-fw-regular:400;
  --v-fw-medium:500;
  --v-fw-semibold:600;

  /* Leturstærðir: 14 / 16 / 20 / 28 / 40, og 12 fyrir eyebrow og smáletur */
  --v-fs-xs:12px;
  --v-fs-sm:14px;
  --v-fs-base:16px;
  --v-fs-md:20px;
  --v-fs-lg:28px;
  --v-fs-xl:40px;
  --v-lh:1.6;
  --v-lh-head:1.2;
  --v-track-caps:.12em;                     /* stafabil á hástafamerkingum */
  --v-measure:68ch;                         /* hámarksbreidd lesmáls */

  /* Bil: 8 px kerfi */
  --v-s1:8px;
  --v-s2:16px;
  --v-s3:24px;
  --v-s4:32px;
  --v-s6:48px;
  --v-s8:64px;

  /* Form */
  --v-radius:10px;
  --v-radius-sm:8px;
  --v-pill:999px;

  /* Hnappar: ein gerð, 8 px horn, venjulegir hástafir (H2, ákvörðun eiganda 3.10.2026) */
  --v-btn-h:48px;
  --v-btn-fs:15px;
  --v-btn-px:28px;
  --v-btn-ls:0;
  --v-btn-fw:var(--v-fw-regular);           /* 400 (ákvörðun eiganda 7.10.2026). Var 600 */
  --v-btn-h-sm:48px;                        /* vöruspjöld í síma. Var 44 px: allir hnappar 48 px */
  --v-btn-fs-sm:15px;                       /* var 13 px: allir hnappar 15 px */
  --v-btn-px-sm:12px;
  --v-btn-ls-sm:0;
  --v-btn-radius:var(--v-radius-sm);       /* 8 px, sama horn og innsláttarreitir. VÍKUR FRÁ HANDBÓK (pilla) */
  --v-btn-case:none;                        /* venjulegir hástafir. VÍKUR FRÁ HANDBÓK (hástafir) */
  --v-ease:.15s ease;

  /* Samhengi. Sjálfgefið er dökkt yfirborð (kol). Ljós yfirborð skipta um
     gildi í kafla 2, svo hnappar, fókus og eyebrow lagi sig sjálf. */
  --v-btn-bg:var(--v-coal);                 /* aðalhnappur: kol, rjómatexti 13,24:1 */
  --v-btn-fg:var(--v-cream);
  --v-btn-bd:var(--v-field-on-dark);
  --v-btn-bg-hover:var(--v-coal-hover);     /* rjómi á #45403A 8,53:1. Blek (#141312) var 1,17:1 frá kol og sást varla */
  --v-btn-bd-hover:var(--v-cream);
  --v-btn2-fg:var(--v-cream);               /* aukahnappur (útlína) */
  --v-btn2-bd:var(--v-field-on-dark);
  --v-btn2-bg-hover:rgba(246,233,207,.08);
  --v-btn2-fill-fg:var(--v-coal);           /* texti þegar aukahnappur fyllist: kol á rjóma 13,24:1 */
  --v-focus:var(--v-gold);                  /* fókushringur á dökku: 6,83:1 */
  --v-eyebrow:var(--v-gold);
  --v-line:var(--v-line-on-dark);
  --v-rule:var(--v-gold-line);
}
@media (max-width:549px){
  :root{
    --v-fs-lg:24px;
    --v-fs-xl:32px;
  }
}


/* ==========================================================================
   2. Ljós og dökk yfirborð
   Útlit B: rjómalitaður grunnur á verslun, vöruflokkum, vörusíðu, körfu,
   greiðslusíðu og pöntunarstaðfestingu. Dökkt aðeins í haus og fæti, sem
   hafa eigin bakgrunn (.header-bg-color og .absolute-footer).
   ========================================================================== */
.woocommerce .product-small .box,
.single-product .product-main,
.single-product .woocommerce-tabs,
.nav-dropdown,
#main-menu,
.mfp-content{
  --v-btn-bg:var(--v-coal);
  --v-btn-fg:var(--v-cream);
  --v-btn-bd:var(--v-coal);
  --v-btn-bg-hover:var(--v-coal-hover);
  --v-btn-bd-hover:var(--v-coal-hover);
  --v-btn2-fg:var(--v-coal);
  --v-btn2-bd:var(--v-field-on-cream);
  --v-btn2-bg-hover:var(--v-hover-on-cream);
  --v-btn2-fill-fg:var(--v-cream);          /* rjómi á kol 13,24:1 */
  --v-focus:var(--v-gold-deep);             /* 3,91:1 á rjóma, nægir fyrir fókus (3:1) */
  --v-eyebrow:var(--v-gold-text);           /* 5,06:1 á rjóma */
  --v-line:var(--v-line-on-cream);
  --v-rule:var(--v-gold-line-on-cream);
}
/* Vörur á dökkum kafla: aðalhnappur í rjóma, svo hann sjáist */
.section.dark .product-small{
  --v-btn-bg:var(--v-cream);
  --v-btn-fg:var(--v-coal);                 /* kol á rjóma 13,24:1 */
  --v-btn-bd:var(--v-cream);
  --v-btn-bg-hover:var(--v-cream-2);        /* kol á rjóma 2: 11,62:1 */
  --v-btn-bd-hover:var(--v-cream-2);
  --v-btn2-fg:var(--v-cream);               /* rjómi á kol 13,24:1 */
  --v-btn2-bd:var(--v-field-on-dark);       /* 3,83:1 á kol */
  --v-btn2-fill-fg:var(--v-coal);
}
/* Rjómalitaður grunnur. Body verslunar og vörusíðu heldur sínum lit
   (sést aðeins utan #main). */
.archive.woocommerce-page,
.tax-product_cat.woocommerce-page{
  background:var(--v-coal);
}
.single-product.woocommerce-page{
  background:var(--v-cream);
}
body.woocommerce-shop #main,
body.tax-product_cat #main,
body.single-product #main,
body.single-product .sticky-add-to-cart--active,
body.woocommerce-cart #main,
body.woocommerce-checkout #main,
body.woocommerce-order-received #main{
  background-color:var(--v-cream);
  color:var(--v-coal);
  --v-btn-bg:var(--v-coal);
  --v-btn-fg:var(--v-cream);
  --v-btn-bd:var(--v-coal);
  --v-btn-bg-hover:var(--v-coal-hover);
  --v-btn-bd-hover:var(--v-coal-hover);
  --v-btn2-fg:var(--v-coal);
  --v-btn2-bd:var(--v-field-on-cream);
  --v-btn2-bg-hover:var(--v-hover-on-cream);
  --v-btn2-fill-fg:var(--v-cream);
  --v-focus:var(--v-gold-deep);
  --v-eyebrow:var(--v-gold-text);
  --v-line:var(--v-line-on-cream);
  --v-rule:var(--v-gold-line-on-cream);
}


/* ==========================================================================
   3. Fókus (lyklaborð)
   ========================================================================== */
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible{
  outline:2px solid var(--v-focus) !important;
  outline-offset:3px !important;
}


/* ==========================================================================
   4. Hnappar og magnreitir
   Ein gerð: 8 px horn, 48 px, Montserrat 400, 15 px, venjulegir hástafir,
   stafabil 0 (hnappar H2, ákvörðun eiganda 3.10.2026, víkur frá handbók).
   Aðalhnappur fylltur, aukahnappur með útlínu. Engin lyfting og enginn
   skuggi: við hover breytist aðeins liturinn. !important er nauðsynlegt
   því Flatsome notar það á sömu hnöppum.
   ========================================================================== */
.woocommerce a.button:not(.product-name):not(.woocommerce-cart-item__name),
.woocommerce button.button,
.woocommerce input.button:not(.plus):not(.minus),
button.button:not(.plus):not(.minus),
a.button:not(.product-name),
html body.single-product .product-summary form.cart .single_add_to_cart_button,
body.woocommerce-cart .checkout-button,
body.woocommerce-cart .wc-proceed-to-checkout a,
body.woocommerce-checkout #place_order,
html body.woocommerce-checkout button#place_order{
  background:var(--v-btn-bg) !important;
  color:var(--v-btn-fg) !important;
  border:1px solid var(--v-btn-bd) !important;
  border-radius:var(--v-btn-radius) !important;
  font-family:var(--v-sans) !important;
  font-weight:var(--v-btn-fw) !important;
  font-style:normal !important;
  font-size:var(--v-btn-fs) !important;
  letter-spacing:var(--v-btn-ls) !important;
  text-transform:var(--v-btn-case) !important;
  line-height:1.2 !important;
  min-height:var(--v-btn-h) !important;
  padding:0 var(--v-btn-px) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:var(--v-s1);
  text-align:center;
  box-shadow:none !important;
  text-shadow:none !important;
  transform:none !important;
  filter:none !important;
  transition:background-color var(--v-ease), color var(--v-ease), border-color var(--v-ease) !important;
}
.woocommerce a.button:not(.product-name):hover,
.woocommerce button.button:hover,
button.button:not(.plus):not(.minus):hover,
a.button:not(.product-name):hover,
html body.single-product .product-summary form.cart .single_add_to_cart_button:hover,
body.woocommerce-cart .checkout-button:hover,
body.woocommerce-checkout #place_order:hover,
html body.woocommerce-checkout button#place_order:hover{
  background:var(--v-btn-bg-hover) !important;
  border-color:var(--v-btn-bd-hover) !important;
  color:var(--v-btn-fg) !important;
  transform:none !important;
  box-shadow:none !important;
  filter:none !important;
}

/* Aukahnappur (útlína): .is-outline utan myndasleða, t.d. stækkunarhnappur
   á vörumynd og „efst á síðu“. Á myndasleða forsíðu eru hnapparnir yfir
   ljósmynd og haldast fylltir. */
html a.button.is-outline:not(.product-name),
html .woocommerce a.button.is-outline:not(.product-name),
html button.button.is-outline:not(.plus):not(.minus){
  background:transparent !important;
  color:var(--v-btn2-fg) !important;
  border-color:var(--v-btn2-bd) !important;
}
html a.button.is-outline:not(.product-name):hover,
html .woocommerce a.button.is-outline:not(.product-name):hover,
html button.button.is-outline:not(.plus):not(.minus):hover{
  background:var(--v-btn2-bg-hover) !important;
  border-color:var(--v-btn2-fg) !important;
  color:var(--v-btn2-fg) !important;
}
html .slider a.button.is-outline:not(.product-name){
  background:var(--v-coal) !important;
  color:var(--v-cream) !important;
  border-color:var(--v-coal) !important;
}
html .slider a.button.is-outline:not(.product-name):hover{
  background:var(--v-coal-hover) !important;
  border-color:var(--v-coal-hover) !important;
}
/* Hringlaga táknhnappar: 44 x 44 px (snertiflötur). Haldast hringir þótt
   aðrir hnappar hafi 8 px horn (t.d. stækkun á vörumynd). */
html a.button.icon.circle:not(.product-name),
html button.button.icon.circle:not(.plus):not(.minus){
  width:44px !important;
  min-width:44px !important;
  height:44px !important;
  min-height:44px !important;
  padding:0 !important;
  letter-spacing:0 !important;
  border-radius:50% !important;
}

/* Vöruspjöld (verslun, vöruflokkar, forsíða): „Setja í körfu“ er
   aukahnappur (útlína), svo listinn verði léttari. Fylltur aðalhnappur
   aðeins á vörusíðu, í körfu og greiðslu. Hover: dauf fylling og kolalína,
   eins og aðrir aukahnappar (fylltist áður af kol). */
html body .product-small .box a.button:not(.product-name){
  background:transparent !important;
  color:var(--v-btn2-fg) !important;
  border-color:var(--v-btn2-bd) !important;
}
html body .product-small .box a.button:not(.product-name):hover{
  background:var(--v-btn2-bg-hover) !important;
  border-color:var(--v-btn2-fg) !important;
  color:var(--v-btn2-fg) !important;
}
/* Óvirkur hnappur (t.d. „Uppfæra körfu“ áður en magni er breytt).
   Flatsome setur opacity .6, svo textinn varð nær ólæsilegur og hover
   virkaði. Nú: læsilegur texti (4,62:1), ljósari lína, ekkert hover.
   Sama regla fyrir körfuna er í kafla 11. */
.woocommerce button.button:is(:disabled, [disabled]),
.woocommerce button.button:is(:disabled, [disabled]):hover{
  opacity:1 !important;
  background:transparent !important;
  color:var(--v-btn-disabled-fg) !important;
  border-color:var(--v-btn-disabled-bd) !important;
  cursor:not-allowed !important;
}
@media (max-width:549px){
  .product-small{
    --v-btn-h:var(--v-btn-h-sm);
    --v-btn-fs:var(--v-btn-fs-sm);
    --v-btn-px:var(--v-btn-px-sm);
    --v-btn-ls:var(--v-btn-ls-sm);
  }
  html .product-small a.button:not(.product-name){
    width:100% !important;
    white-space:nowrap !important;
  }
}

/* Magnhnappar (+ og −) eru input.button. Grunnur, sama letur og form og
   aðrir hnappar. Vörusíða og karfa (hér fyrir neðan) stilla útlitið nánar. */
.woocommerce input.button{
  background:var(--v-coal) !important;
  color:var(--v-cream) !important;
  border:1px solid var(--v-line-on-cream) !important;
  border-radius:var(--v-btn-radius) !important;
  font-family:var(--v-sans) !important;
  font-weight:var(--v-btn-fw) !important;
  font-style:normal !important;
  font-size:var(--v-btn-fs) !important;
  letter-spacing:var(--v-btn-ls) !important;
  text-transform:var(--v-btn-case) !important;
  line-height:1.2 !important;
  padding:12px 24px !important;
  min-height:auto !important;
  display:inline-block !important;
  box-shadow:none !important;
  text-shadow:none !important;
  transition:background-color var(--v-ease) !important;
}

/* Magnreitur á vörusíðu og í körfu: einn reitur með línu og 8 px hornum,
   sama hæð og sama horn og hnappurinn við hliðina. */
html body.single-product .product-summary form.cart .quantity,
html body.woocommerce-cart .woocommerce-cart-form .quantity{
  flex:0 0 auto !important;
  max-width:none !important;
  height:var(--v-btn-h);
  display:flex;
  align-items:center;
}
html body.single-product .product-summary form.cart .quantity input.qty,
html body.woocommerce-cart .woocommerce-cart-form .quantity input.qty{
  height:var(--v-btn-h) !important;
  width:44px;
  margin:0;
  border:1px solid var(--v-field-on-cream) !important;
  border-left:0 !important;
  border-right:0 !important;
  border-radius:0 !important;
  padding:4px 3px !important;
  background:transparent !important;
  box-shadow:none !important;
  font:var(--v-fw-medium) var(--v-fs-base)/1 var(--v-sans) !important;
  color:var(--v-coal) !important;
  text-align:center !important;
}
html body.single-product .product-summary form.cart .quantity .minus,
html body.single-product .product-summary form.cart .quantity .plus,
html body.woocommerce-cart .woocommerce-cart-form .quantity .minus,
html body.woocommerce-cart .woocommerce-cart-form .quantity .plus{
  width:44px !important;
  height:var(--v-btn-h) !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:1px solid var(--v-field-on-cream) !important;
  font-family:var(--v-sans) !important;
  font-weight:var(--v-fw-medium) !important;
  font-size:var(--v-fs-base) !important;
  letter-spacing:0 !important;
  color:var(--v-coal) !important;
  box-shadow:none !important;
  transform:none !important;
  filter:none !important;
  cursor:pointer;
}
html body.single-product .product-summary form.cart .quantity .minus,
html body.woocommerce-cart .woocommerce-cart-form .quantity .minus{
  border-radius:var(--v-btn-radius) 0 0 var(--v-btn-radius) !important;
  border-right:0 !important;
}
html body.single-product .product-summary form.cart .quantity .plus,
html body.woocommerce-cart .woocommerce-cart-form .quantity .plus{
  border-radius:0 var(--v-btn-radius) var(--v-btn-radius) 0 !important;
  border-left:0 !important;
}
html body.single-product .product-summary form.cart .quantity .minus:hover,
html body.single-product .product-summary form.cart .quantity .plus:hover,
html body.woocommerce-cart .woocommerce-cart-form .quantity .minus:hover,
html body.woocommerce-cart .woocommerce-cart-form .quantity .plus:hover{
  background:var(--v-hover-on-cream) !important;
}

/* Tenglar sem eiga aldrei að líta út eins og hnappar (karfa og skilmálar) */
.product-name a,
td.product-name a,
.product-thumbnail a,
td.product-thumbnail a,
.woocommerce-cart-item__name a,
.woocommerce-terms-and-conditions-link{
  background:none !important;
  border:none !important;
  padding:0 !important;
  border-radius:0 !important;
  text-transform:none !important;
  letter-spacing:normal !important;
  font-weight:var(--v-fw-semibold) !important;
  display:inline !important;
  min-height:0 !important;
  box-shadow:none !important;
  color:var(--v-coal) !important;
}
.product-thumbnail a{
  display:block !important;
}


/* ==========================================================================
   5. Letur og fyrirsagnir
   Gelasio 500 í fyrirsögnum (handbók 400 til 600). Ekkert 700 eða 800.
   ========================================================================== */
h1, h2, h3, h4, h5, h6, .heading-font{
  font-weight:var(--v-fw-head);
  line-height:var(--v-lh-head);
  letter-spacing:0;
}
.section.dark, .section.dark p, .dark .heading-font,
.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6{
  color:var(--v-cream);
}
/* Feitletur í texta: 600 í stað 700. Í fyrirsögnum erfist þyngdin, því
   Gelasio er aðeins hlaðið í 400 og 500. */
body strong, body b{
  font-weight:var(--v-fw-semibold);
}
:is(h1, h2, h3, h4, h5, h6) :is(strong, b){
  font-weight:inherit;
}
/* Flatsome setur span.amount í feitletur. Verð erfir nú þyngd. */
span.amount, .price span.amount, .dark span.amount, .dark .price{
  font-weight:inherit;
  color:inherit;
}

/* Kaflatitlar forsíðu: fínar gulllínur í stað grárra 2 px lína */
.section-title-container .section-title{
  font-family:var(--v-serif);
  font-weight:var(--v-fw-head);
}
.section-title-container .section-title .section-title-main{
  color:var(--v-cream) !important;
  margin:0 var(--v-s3);
  padding:0;
  border:0;
  text-wrap:balance;                        /* „VEFVERSLUN“ stóð ein í línu */
}
.section-title-container .section-title b{
  background-color:var(--v-rule);
  opacity:1;
  height:1px;
}
/* H1 forsíðu: frumtextinn er í venjulegu letri, hástafirnir komu úr CSS */
.section-title-container h1.section-title{
  font-size:var(--v-fs-lg);
  line-height:1.25;
}
.section-title-container h1.section-title .section-title-main{
  text-transform:none;
  letter-spacing:0;
}
/* H2 kaflatitlar: litlir hástafir með stafabili, eins og kaflar á vínlista */
.section-title-container h2.section-title{
  font-size:var(--v-fs-md);
  line-height:1.3;
}
.section-title-container h2.section-title .section-title-main{
  letter-spacing:.08em;
}
@media (max-width:549px){
  .section-title-container h2.section-title{
    font-size:var(--v-fs-base);
  }
  .section-title-container .section-title .section-title-main{
    margin:0 var(--v-s2);
  }
}

/* Myndasleði forsíðu */
#content .slider h2{
  font-size:var(--v-fs-xl);
  letter-spacing:.04em;
  line-height:1.1;
}
#content .slider h4{
  font-size:var(--v-fs-md);
  font-weight:var(--v-fw-regular);
  line-height:1.3;
}

/* Titill verslunar */
.shop-page-title h1,
.shop-page-title .page-title-inner h1{
  font-size:var(--v-fs-xl);
  line-height:1.1;
  margin-bottom:var(--v-s1);
}

/* Brauðmolar: 14 px, 500, gull í skilstriki. Á rjómalituðum titilröndum
   (kaflar 8 og 9) verða þeir kolalitir. Tillaga B (sýnilegt skilstrik)
   felst í þessu. */
html body .breadcrumbs{
  font-family:var(--v-sans);
  font-size:var(--v-fs-sm);
  font-weight:var(--v-fw-medium);
  letter-spacing:.02em;
  text-transform:none;
}
html body .breadcrumbs a{
  font-weight:var(--v-fw-medium);
  color:var(--v-muted-on-dark);
}
html body .breadcrumbs a:hover{
  color:var(--v-cream);
}
html body .breadcrumbs .divider{
  color:var(--v-gold);
  font-weight:var(--v-fw-regular);
  margin:0 var(--v-s1);
}


/* ==========================================================================
   6. Haus, borði og fótur
   ========================================================================== */
p.demo_store,
.woocommerce-store-notice{
  background:var(--v-ink);
  color:var(--v-cream);
  font-family:var(--v-sans);
  font-size:var(--v-fs-sm);
  font-weight:var(--v-fw-medium);
  letter-spacing:.02em;
  padding:var(--v-s1) var(--v-s2);
}
/* „Loka“ á borðanum var svart á svörtu, ósýnilegur en smellanlegur. Falinn,
   svo skilaboðin um fría sendingu standi alltaf. */
.woocommerce-store-notice a.woocommerce-store-notice__dismiss-link{
  display:none;
}
#header .header-nav-main.nav > li > a{
  font-size:var(--v-fs-xs);
  font-weight:var(--v-fw-medium);
  letter-spacing:.1em;
  color:var(--v-cream);
}
#header .header-nav-main.nav > li > a:hover,
#header .header-nav-main.nav > li.active > a,
#header .header-nav-main.nav > li.current-menu-item > a{
  color:var(--v-cream);
  text-decoration:underline;
  text-decoration-color:var(--v-gold);
  text-decoration-thickness:1px;
  text-underline-offset:8px;
}
/* Karfan í haus (3.3.2): línan fer aðeins undir verðið. Undirstrikun á
   tenglinum sjálfum náði líka yfir körfutáknið, í annarri hæð. */
#header .header-nav-main.nav > li > a.header-cart-link:hover,
#header .header-nav-main.nav > li.active > a.header-cart-link,
#header .header-nav-main.nav > li.current-menu-item > a.header-cart-link{
  text-decoration:none;
}
#header .header-nav-main.nav > li > a.header-cart-link:hover .cart-price,
#header .header-nav-main.nav > li.active > a.header-cart-link .cart-price,
#header .header-nav-main.nav > li.current-menu-item > a.header-cart-link .cart-price{
  text-decoration:underline;
  text-decoration-color:var(--v-gold);
  text-decoration-thickness:1px;
  text-underline-offset:8px;
}
/* Gegnsær haus (verslun og flokkar) fær kolalitaðan bakgrunn, annars
   hverfur valmyndin á rjóma. */
body.woocommerce-shop #header .header-wrapper,
body.tax-product_cat #header .header-wrapper{
  background-color:var(--v-coal);
}
/* Fjöldi í körfutákni */
.icon-shopping-cart[data-icon-label]::after,
.header-cart-link .icon-shopping-cart::after,
i.icon-shopping-cart::after{
  color:var(--v-coal) !important;
  font-weight:var(--v-fw-semibold) !important;
}
.absolute-footer{
  color:var(--v-muted-on-dark);
  border-top:1px solid var(--v-line-on-dark);
  padding-top:var(--v-s4);
  padding-bottom:var(--v-s4);
  font-size:var(--v-fs-xs);
}
.absolute-footer a{
  font-size:var(--v-fs-xs);
  font-weight:var(--v-fw-medium);
  letter-spacing:.1em;
  color:var(--v-muted-on-dark);
}
.absolute-footer a:hover{
  color:var(--v-cream);
}
/* Fótartenglar: snertiflötur að minnsta kosti 24 px á hæð (WCAG 2.2, 2.5.8) */
.absolute-footer ul.footer-nav > li > a{
  display:inline-block;
  padding:6px 4px;
}
.absolute-footer .copyright-footer,
.absolute-footer p{
  color:var(--v-muted-on-dark);
  font-size:var(--v-fs-xs);
}
/* Póstlisti í fæti: ef hann birtist fær hnappurinn sama útlit og aðrir
   hnappar. Grunnur póstlistans er í kafla 16 (var í functions.php), sem
   setur hástafi með !important. Því „html body“ fremst. */
html body .footer-wrapper input.tnp-submit{
  min-height:var(--v-btn-h) !important;
  padding:0 var(--v-btn-px) !important;
  font-size:var(--v-btn-fs) !important;
  font-weight:var(--v-btn-fw) !important;
  letter-spacing:var(--v-btn-ls) !important;
  text-transform:var(--v-btn-case) !important;
  border-radius:var(--v-btn-radius) !important;
  background:var(--v-cream) !important;
  color:var(--v-coal) !important;
  transform:none !important;
  box-shadow:none !important;
  filter:none !important;
}
html body .footer-wrapper input.tnp-submit:hover{
  background:var(--v-cream-2) !important;        /* kol á rjóma 2: 11,62:1 */
}
.footer-wrapper .tnp-field input.tnp-email,
.footer-wrapper .tnp-field input.tnp-name{
  border-radius:var(--v-radius-sm) !important;
  min-height:var(--v-btn-h);
}


/* ==========================================================================
   7. Tilkynningar WooCommerce
   Afbrigði 1 (í línu), drög vefhönnuðar 3.10.2026. Kemur í stað kafla 7 í
   3.3.1 í heild. Grannt spjald í breidd efnisins, ljós tónn, fín lína,
   lítill hringur með tákni og „Skoða körfu“ sem textatengill með ör.
   Ekkert dökkt band, enginn skuggi.
   Útlitið er allt á innri kassanum (.message-container). Ytri umgjörðin
   (.woocommerce-message/-info/-error) er aðeins gegnsæ, svo kafli 12
   (afsláttarkóði) og kafli 13 (pöntunarstaðfesting) haldast óbreyttir.
   ========================================================================== */

/* 7.1 Ytri umgjörð: gegnsæ, án ramma og skugga. Villur eru <ul><li>. */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  color:var(--v-coal) !important;
  font-family:var(--v-sans) !important;
}
ul.woocommerce-error,
ul.woocommerce-error > li{
  list-style:none !important;
  margin-left:0 !important;
  padding-left:0 !important;
}

/* 7.2 Tilkynning efst á síðu (barn #wrapper, milli brauðmola og efnis).
   Flatsome setur 1,1em letur og bil, og #wrapper er kolalitaður, svo
   dökkt band myndaðist. Á rjómasíðum (sömu síður og í kafla 2) fær
   umgjörðin rjóma og ljós samhengistákn. Dökkar síður (t.d. Mínar síður)
   halda kolabandinu, spjaldið sjálft er ljóst. Bil að neðan, því Flatsome
   tekur bilið ofan af vörunni þegar tilkynning er á undan. */
:is(body.single-product, body.woocommerce-shop, body.tax-product_cat, body.woocommerce-cart, body.woocommerce-checkout) #wrapper > .message-wrapper{
  background:var(--v-cream) !important;
  --v-focus:var(--v-gold-deep);             /* 3,91:1 á rjóma */
}
#wrapper > .message-wrapper{
  font-size:var(--v-fs-base) !important;    /* var 1,1em (17,6 px) */
  margin:0 !important;
  padding:var(--v-s1) 0 var(--v-s3) !important;
}
/* Sama breidd og efnið: brún spjaldsins í línu við brauðmola og vöru
   (1170 px rammi Flatsome mínus 15 px hvoru megin). */
#wrapper > .message-wrapper .message-container{
  width:calc(100% - 30px) !important;
  max-width:calc(1170px - 30px) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Verslun og vöruflokkar (gegnsær haus liggur yfir efninu): Flatsome
   lætur tilkynninguna fljóta efst fyrir miðju (fixed, top 150 px, 80vw,
   hámark 800 px), annars hyrfi hún undir hausinn. Staðsetningin heldur
   sér. Hvíti kassinn, bilið og rjómabandið víkja fyrir spjaldinu, sem
   fær mjúkan skugga af því að það flýtur yfir efni. */
html body #wrapper > .has-transparent ~ .message-wrapper{
  background:transparent !important;
  box-shadow:none !important;
  padding:0 !important;
  width:min(800px, calc(100% - 30px)) !important;
}
html body #wrapper > .has-transparent ~ .message-wrapper .message-container{
  width:auto !important;
  max-width:none !important;
  box-shadow:var(--v-card-shadow) !important;
}

/* 7.3 Spjaldið. Ljós tónn (hvít slæða á rjóma) óháð bakgrunni, kolalitur
   texti 15 px vinstrijafnaður (líka í síma, þar sem Flatsome miðjar með
   !important). Kol á spjaldi um 14:1. */
.message-wrapper .message-container{
  --v-focus:var(--v-gold-deep);
  background:linear-gradient(var(--v-field-bg), var(--v-field-bg)), var(--v-cream) !important;
  border:1px solid var(--v-line-on-cream) !important;
  border-radius:var(--v-radius-sm) !important;
  box-shadow:none !important;
  color:var(--v-coal) !important;
  font-family:var(--v-sans) !important;
  font-size:var(--v-btn-fs) !important;     /* 15 px */
  font-weight:var(--v-fw-regular) !important;
  line-height:1.5 !important;
  text-align:left !important;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  padding:12px var(--v-s2) !important;
}
.message-wrapper .message-container::after{
  display:none !important;                  /* hreinsun Flatsome, annars aukabil í flex */
}
/* Fyrir miðju þar sem síðan er miðjuð (tóm karfa), aðeins í tölvu.
   Í síma er textinn alltaf vinstrijafnaður við táknið. */
.text-center .message-wrapper .message-container{
  justify-content:center !important;
}
/* Bil undir tilkynningu inni í efni (t.d. tóm karfa og hnappurinn
   „Til baka í vefverslun“). Flatsome: .5em. */
.message-wrapper{
  padding-bottom:var(--v-s2);
}
/* Greiðslusíða: kafli 17 setur 15 px bil á öll .container í #main
   (1,3,2), líka á spjaldið. Hér (1,4,2) svo bilið haldist. */
html body.woocommerce-checkout #main .message-wrapper .message-container{
  padding:12px var(--v-s2) !important;
}
/* Villa: rauð lína um spjaldið, enginn rauður flötur (6:1 á rjóma) */
.woocommerce-error .message-container{
  border-color:var(--v-alert) !important;
}

/* 7.4 Tákn: 24 px hringur. Hak (gull-dökkt), villa (--v-alert), upplýsingar
   (kol). Táknin eru skraut (aria-hidden eða án texta), textinn ber
   merkinguna. Hringir yfir 3:1 á spjaldi. */
.message-container > i.icon-checkmark,
.message-container > .message-icon{
  flex:0 0 auto;
  position:relative;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  width:24px;
  height:24px;
  margin:0 !important;
  border-radius:50%;
  background:var(--v-gold-deep);            /* 3,91:1 á rjóma */
  color:var(--v-cream) !important;          /* rjómi á gulli 3,91:1 */
  font-size:11px;
  font-weight:var(--v-fw-regular) !important;
  line-height:1;
}
.woocommerce-error .message-container > .message-icon{
  background:var(--v-alert);                /* rjómi á #b20000 um 6:1 */
}
/* Villutáknið (span.icon-close) er tómt: leturtákn Flatsome hleðst ekki
   á span. Krossinn er teiknaður með tveimur línum. */
.woocommerce-error .message-container > .message-icon::before,
.woocommerce-error .message-container > .message-icon::after{
  content:"";
  position:absolute;
  left:7px;
  top:11px;
  width:10px;
  height:2px;
  border-radius:1px;
  background:var(--v-cream);
  transform:rotate(45deg);
}
.woocommerce-error .message-container > .message-icon::after{
  transform:rotate(-45deg);
}
/* Upplýsingar hafa ekkert tákn í HTML. „i“ í hring með tómum alt-texta
   („/ ''“), svo skjálesari les það ekki. Vafrar án stuðnings sýna ekkert. */
@supports (content:"i" / ""){
  .woocommerce-info .message-container::before{
    content:"i" / "";
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:24px;
    height:24px;
    border-radius:50%;
    background:var(--v-coal);
    color:var(--v-cream);
    font:italic var(--v-fw-head) 14px/1 var(--v-serif);
  }
}

/* 7.5 Tenglar í tilkynningum: dökkir og undirstrikaðir (tillaga D), t.d.
   „Smelltu hér til að slá inn kóðann“ (a.showcoupon) og „Afturkalla?“
   (a.restore-item). */
.message-container a,
.woocommerce-message a,
.woocommerce-info a,
.woocommerce-error a{
  color:var(--v-coal) !important;
  font-weight:var(--v-fw-semibold) !important;
  text-decoration:underline !important;
  text-underline-offset:3px !important;
}
.message-container a:hover,
.woocommerce-message a:hover,
.woocommerce-info a:hover{
  color:var(--v-ink) !important;
}
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before{
  color:var(--v-coal) !important;
}

/* 7.6 „Skoða körfu“ (a.button.wc-forward): textatengill með ör, hægra
   megin. Vinnur hnappareglur kafla 4 (0,4,1) á sértækni (0,4,3).
   Flatsome felur .wc-forward í tilkynningum, svo display þarf hér.
   Örin er teiknuð með línum (enginn stafur sem skjálesari les).
   Snertiflötur 44 px á hæð, neikvætt bil heldur spjaldinu grönnu. */
html body .message-wrapper .message-container a.wc-forward.button{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  flex:0 0 auto;
  min-height:44px !important;
  margin:-10px 0 -10px auto !important;
  padding:0 4px !important;
  background:transparent !important;
  border:0 !important;
  border-radius:var(--v-radius-sm) !important;
  color:var(--v-coal) !important;
  font-family:var(--v-sans) !important;
  font-size:var(--v-btn-fs) !important;
  font-weight:var(--v-fw-semibold) !important;
  line-height:1.2 !important;
  white-space:nowrap;
  text-decoration:underline !important;
  text-decoration-color:var(--v-gold-deep) !important; /* 3,91:1 */
  text-decoration-thickness:1px !important;
  text-underline-offset:5px !important;
}
html body .message-wrapper .message-container a.wc-forward.button::after{
  content:"";
  width:7px;
  height:7px;
  border-top:1.5px solid currentColor;
  border-right:1.5px solid currentColor;
  transform:rotate(45deg);
  margin-right:2px;
}
html body .message-wrapper .message-container a.wc-forward.button:hover{
  background:transparent !important;
  color:var(--v-ink) !important;
  text-decoration-color:currentColor !important;
}

/* 7.7 Sími: tákn til vinstri, texti flæðir eðlilega (oftast tvær línur)
   og „Skoða körfu“ verður heil lína neðst í spjaldinu með fínni línu
   ofan við, 48 px snertiflötur í fullri breidd. Venjulegt flæði í stað
   flex, svo allar gerðir tilkynninga brotni eins (líka afsláttarkóði). */
@media (max-width:549px){
  .message-wrapper .message-container{
    display:block !important;
    position:relative;
    padding:12px var(--v-s2) 12px 52px !important;  /* 16 + 24 tákn + 12 */
  }
  html body.woocommerce-checkout #main .message-wrapper .message-container{
    padding-left:52px !important;
  }
  .message-container > i.icon-checkmark,
  .message-container > .message-icon,
  .woocommerce-info .message-container::before{
    position:absolute;
    left:var(--v-s2);
    top:12px;
  }
  html body .message-wrapper .message-container a.wc-forward.button{
    display:flex !important;
    justify-content:space-between !important;
    width:calc(100% + 52px + var(--v-s2)) !important;
    max-width:none !important;               /* Flatsome: .button max-width 100% */
    min-height:var(--v-btn-h) !important;
    margin:12px calc(var(--v-s2) * -1) -12px -52px !important;
    padding:0 var(--v-s2) !important;
    border-top:1px solid var(--v-line-on-cream) !important;
    border-radius:0 0 var(--v-radius-sm) var(--v-radius-sm) !important;
    text-decoration:none !important;
  }
  html body .message-wrapper .message-container a.wc-forward.button:hover{
    background:var(--v-hover-on-cream) !important;
  }
}

/* 7.8 „Skoða körfu“ sem birtist undir „Setja í körfu“ á vörulistum (AJAX).
   Var þungt spjald (18 px horn, skuggi). Nú textatengill með sömu ör,
   litur eftir samhengi (kol á rjóma, rjómi á dökkum köflum). */
.added_to_cart.wc-forward{
  display:inline-flex !important;
  align-items:center;
  gap:10px;
  min-height:44px;
  padding:0 4px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:var(--v-radius-sm) !important;
  color:var(--v-btn2-fg) !important;
  font-family:var(--v-sans) !important;
  font-size:var(--v-btn-fs) !important;
  font-weight:var(--v-fw-semibold) !important;
  text-decoration:underline !important;
  text-underline-offset:5px !important;
}
.added_to_cart.wc-forward::after{
  content:"";
  width:7px;
  height:7px;
  border-top:1.5px solid currentColor;
  border-right:1.5px solid currentColor;
  transform:rotate(45deg);
}


/* ==========================================================================
   8. Verslun, vöruflokkar og vöruspjöld
   Engin kort: vörur standa beint á rjóma, aðgreindar með lofti.
   ========================================================================== */
/* Titilrönd verslunar og flokka á rjóma. Röndin er utan #main. */
body.woocommerce-shop .page-title.shop-page-title,
body.tax-product_cat .page-title.shop-page-title{
  background:var(--v-cream);
  color:var(--v-coal);
  text-shadow:none;
  border-bottom:1px solid var(--v-line-on-cream);
  margin-bottom:0;
  --v-focus:var(--v-gold-deep);
}
body.woocommerce-shop .page-title.shop-page-title *,
body.tax-product_cat .page-title.shop-page-title *{
  text-shadow:none;
}
/* Bakgrunnsmynd titilraðar (t.d. hvítt BOLLE-merki á /vorur/bolle/) var
   gerð fyrir dökkt yfirlag. Á rjóma truflar hún H1 og brauðmola, svo hún
   er falin. Titilröðin er hrein rjómarönd með fínni línu. */
body.woocommerce-shop .shop-page-title .page-title-bg,
body.tax-product_cat .shop-page-title .page-title-bg{
  display:none;
}
body.woocommerce-shop .shop-page-title .title-overlay,
body.tax-product_cat .shop-page-title .title-overlay{
  background-color:transparent;
}
body.woocommerce-shop .shop-page-title .page-title-inner,
body.tax-product_cat .shop-page-title .page-title-inner{
  padding-top:var(--v-s4);
  padding-bottom:var(--v-s3);
}
html body .shop-page-title h1,
html body .shop-page-title .breadcrumbs,
html body .shop-page-title .filter-button,
html body .shop-page-title .category-filtering a{
  color:var(--v-coal);
}
html body .shop-page-title .breadcrumbs a{
  color:var(--v-muted-on-cream);
}
html body .shop-page-title .breadcrumbs .divider{
  color:var(--v-gold-text);
}
/* /vefverslun/: brauðmolinn er aðeins orðið „Vefverslun“ (ekki tengill),
   beint undir H1 „Vefverslun“. Falinn þar. Á vöruflokkum („Vefverslun /
   BOLLE“) heldur hann sér. Yoast-schema (BreadcrumbList) breytist ekki. */
html body.woocommerce-shop:not(.tax-product_cat) .shop-page-title .breadcrumbs{
  display:none;
}
.shop-page-title .filter-button,
.shop-page-title .category-filtering a{
  font-size:var(--v-fs-sm);
  font-weight:var(--v-fw-medium);
  letter-spacing:.06em;
}
html body .shop-page-title .woocommerce-ordering select{
  background-color:transparent !important;   /* Flatsome: .dark .form-flat select með !important */
  border:1px solid var(--v-field-on-cream);
  border-radius:var(--v-btn-radius);          /* 8 px eins og hnappar (3.3.4, var pilla) */
  color:var(--v-coal) !important;
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-size:16px 16px !important;
  background-position:right 14px center !important;
  font-size:var(--v-fs-sm);
  font-weight:var(--v-fw-regular);
  height:40px;
  min-height:40px;
  padding:0 40px 0 14px;
  box-shadow:none;
  cursor:pointer;
  transition:border-color var(--v-ease);
}
html body .shop-page-title .woocommerce-ordering select:hover{
  border-color:var(--v-coal);
}
/* Inngangur vöruflokka: kóðabútur frá 28.9. gerir hann ljósan (#f2ede4)
   fyrir dökkan grunn. Á rjóma verður hann kolalitur. */
html body.tax-product_cat .term-description,
html body.tax-product_cat .term-description p{
  color:var(--v-coal);
}

/* Vöruspjöld */
html .woocommerce .product-small .box{
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  overflow:visible;
  transition:none;
}
html .woocommerce .product-small:hover .box{
  transform:none;
  box-shadow:none;
}
html .woocommerce .product-small .box-image{
  background:transparent;
  border-radius:var(--v-radius);
}
html .woocommerce .product-small .box-text{
  padding:var(--v-s2) 0 0;
  border-radius:0;
}
/* Hvítur grunnur sumra vörumynda rennur saman við rjómann */
.woocommerce .product-small .box-image img{
  mix-blend-mode:multiply;
}
html .woocommerce .products .product-small.col{
  padding-bottom:var(--v-s6);
}
@media (max-width:549px){
  html .woocommerce .products .product-small.col{
    padding-bottom:var(--v-s4);
  }
}
/* Flokkur sem eyebrow: Montserrat 600, 12 px, hástafir, gull */
.product-small .box-text .category,
.product-small .box-text .product-cat{
  font-family:var(--v-sans);
  font-size:var(--v-fs-xs);
  font-weight:var(--v-fw-semibold);
  letter-spacing:var(--v-track-caps);
  text-transform:uppercase;
  color:var(--v-eyebrow);
  opacity:1;
  margin-bottom:var(--v-s1);
}
/* Vöruheiti: alltaf tvær línur á hæð (2 × línubil 1,35) og í mesta lagi
   tvær línur. Var 2,5em, styttra en tvær línur (2,7em), svo verð og hnappur
   færðust upp um 3 px á spjaldi með heiti í einni línu og stóðust ekki á
   við næsta spjald (3.3.0). */
.woocommerce .product-small .name{
  min-height:calc(2 * 1.35em);
  margin-bottom:8px;
}
.product-small .box-text .name{
  font-size:var(--v-fs-base);
  line-height:1.35;
}
.woocommerce .product-small .name a{
  color:var(--v-coal);
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
html .product-small .box-text .name a{
  font-weight:var(--v-fw-medium);
  letter-spacing:0;
  line-height:1.35;
}
.section.dark .product-small .box-text .name a{
  color:var(--v-cream);
}
html .product-small .box-text .price{
  font-size:var(--v-fs-base);
  font-weight:var(--v-fw-regular);
  font-variant-numeric:tabular-nums;
  margin-top:var(--v-s1);
}
.woocommerce .product-small .box-text .price{
  color:var(--v-coal);
}
.section.dark .product-small .box-text .price{
  color:var(--v-cream);
}
@media (max-width:549px){
  .product-small .box-text .name,
  html .product-small .box-text .price{
    font-size:var(--v-fs-sm);
  }
}
/* „Ekki til á lager“ yfir mynd: blek og rjómi í stað hvíts kassa */
html .box-image .out-of-stock-label{
  background:rgba(20,19,18,.88);
  color:var(--v-cream);                    /* 11,1:1 */
  font-family:var(--v-sans);
  font-size:var(--v-fs-xs);
  font-weight:var(--v-fw-semibold);
  letter-spacing:var(--v-track-caps);
  padding:var(--v-s2) 0;
}
.woocommerce span.onsale{
  background:var(--v-coal) !important;
  color:var(--v-cream) !important;
  border-radius:var(--v-pill) !important;
  padding:6px 10px !important;
  font-weight:var(--v-fw-semibold) !important;
  letter-spacing:.03em;
  box-shadow:none !important;
}
.badge-inner{
  font-weight:var(--v-fw-semibold) !important;
  box-shadow:none !important;
}
/* Tengill á söluaðila á spjaldi: fín lína í stað kassa */
.woocommerce .product-small .vira-custom-sku-button--loop{
  border-top-color:var(--v-line-on-cream);
}
/* Merki söluaðila (Vínbúðin, Smáríkið) á rjóma: hvítur grunnur PNG-merkisins
   rennur saman við rjómann */
body.woocommerce-shop #main .vira-custom-sku-button__img,
body.tax-product_cat #main .vira-custom-sku-button__img,
body.single-product #main .vira-custom-sku-button__img,
.home .row:has(.product-small) .vira-custom-sku-button__img{
  mix-blend-mode:multiply;
}

/* Síðuflettingar. Grunnurinn nær líka yfir leitarsíðu og bloggflokk. */
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
.nav-pagination a,
.nav-pagination span,
.page-numbers a,
.page-numbers span,
a.page-number,
span.page-number{
  font-family:var(--v-sans) !important;
  transition:background-color var(--v-ease), color var(--v-ease);
}
html .woocommerce nav.woocommerce-pagination ul li a,
html .woocommerce nav.woocommerce-pagination ul li span,
html a.page-number,
html span.page-number{
  background:transparent !important;
  border:1px solid var(--v-field-on-cream) !important;
  border-radius:var(--v-pill) !important;
  color:var(--v-coal) !important;
  font-weight:var(--v-fw-medium) !important;
  min-width:44px;
  height:44px;
  line-height:42px !important;
  transform:none !important;
  box-shadow:none !important;
}
html .woocommerce nav.woocommerce-pagination ul li span.current,
html span.page-number.current{
  background:var(--v-coal) !important;
  color:var(--v-cream) !important;
  border-color:var(--v-coal) !important;
}
html .woocommerce nav.woocommerce-pagination ul li a:hover,
html a.page-number:hover{
  background:var(--v-hover-on-cream) !important;
  color:var(--v-coal) !important;
  transform:none !important;
  box-shadow:none !important;
}


/* ==========================================================================
   9. Vörusíða
   Engin spjöld. Lína skilur að vöru og lýsingu.
   ========================================================================== */
.single-product .product-main,
.single-product .woocommerce-tabs{
  max-width:var(--v-max);
  margin-left:auto;
  margin-right:auto;
}
html body.single-product .product-main{
  background:transparent;
  border:0;
  box-shadow:none;
  border-radius:0;
  padding:var(--v-s4) 0 var(--v-s6);
  margin:0 auto;
}
.single-product .product-main .product-gallery,
.single-product .product-main .product-summary{
  background:transparent;
  border:none;
  box-shadow:none;
}
.single-product .product-main .row{
  display:flex;
  flex-wrap:wrap;
}
.single-product .product-main .product-gallery{
  padding-right:14px;
  width:50%;
  max-width:50%;
  flex:0 0 50%;
}
.single-product .product-summary{
  display:flex;
  flex-direction:column;
  height:100%;
  padding-left:14px;
  width:50%;
  max-width:50%;
  flex:0 0 50%;
  overflow:hidden;
}
html body.single-product .product-gallery img{
  mix-blend-mode:multiply;
}

/* Titilrönd vörusíðu: rjómi, brauðmolar í kolalit. Röndin er utan #main. */
html body.single-product .product-page-title{
  background:var(--v-cream);
  --v-focus:var(--v-gold-deep);
}
html body.single-product .product-page-title .breadcrumbs{
  color:var(--v-coal);
}
html body.single-product .product-page-title .breadcrumbs a{
  color:var(--v-muted-on-cream);
}
html body.single-product .product-page-title .breadcrumbs a:hover{
  color:var(--v-coal);
}
html body.single-product .product-page-title .breadcrumbs .divider{
  color:var(--v-gold-text);
}
/* Síuhnappur („SÍA“) gerir ekkert gagn á vörusíðu */
html body.single-product .product-filter-row{
  display:none !important;
}

/* Vöruheiti, gulllína, verð og lagerstaða */
.single-product .product-title{
  color:var(--v-coal);
  font-weight:var(--v-fw-semibold);
  letter-spacing:.01em;
  line-height:1.15;
  margin-bottom:10px;
}
html body.single-product h1.product-title{
  font-family:var(--v-serif);
  font-weight:var(--v-fw-head);
  font-size:var(--v-fs-lg);
  line-height:var(--v-lh-head);
  letter-spacing:0;
  color:var(--v-coal);
  margin-bottom:var(--v-s2);
}
html body.single-product .product-info .is-divider{
  height:1px;
  max-width:32px;
  background-color:var(--v-gold-deep);
}
.single-product .product-summary .price{
  order:30;
}
html body.single-product .product-info .price{
  font-family:var(--v-sans);
  font-size:var(--v-fs-md);
  font-weight:var(--v-fw-medium);
  letter-spacing:.01em;
  font-variant-numeric:tabular-nums;
  color:var(--v-coal);
}
/* Lagerstaða (tillaga A): „Á lager“ kol, „Ekki til á lager“ rautt */
.product-info p.stock{
  font-size:.8em;
  font-weight:var(--v-fw-semibold);
  line-height:1.3;
  margin-bottom:1em;
  color:var(--v-stock);
}
.product-info p.stock.out-of-stock{
  color:var(--v-alert);
}
html body.single-product .product-info p.stock{
  font-size:var(--v-fs-sm);
  font-weight:var(--v-fw-medium);
  line-height:1.4;
  margin:var(--v-s1) 0 var(--v-s3);
}

/* Magn og „Setja í körfu“ í einni röð (tölva og sími). Codex 2: aðeins
   einfaldar vörur. Afbrigðavörur (form.variations_form) hafa töflu með
   vali ofan við hnappinn, og þar er röðin sett á
   .woocommerce-variation-add-to-cart. Flokkaðar vörur (form.grouped_form)
   halda uppsetningu Flatsome. Allar vörur eru einfaldar í dag (2.10.2026). */
html body.single-product .product-summary form.cart{
  order:25;
  width:100%;
  margin:8px 0 10px;
}
html body.single-product .product-summary form.cart:not(.variations_form):not(.grouped_form),
html body.single-product .product-summary form.variations_form .woocommerce-variation-add-to-cart{
  display:flex;
  flex-wrap:nowrap;
  gap:var(--v-s1);
  align-items:center;
}
html body.single-product .product-summary :is(form.cart:not(.variations_form):not(.grouped_form), form.variations_form .woocommerce-variation-add-to-cart) .single_add_to_cart_button{
  flex:1 1 calc(100% - 120px) !important;
  width:auto !important;
}

/* Smámyndir: fínt horn og lína */
html body.single-product .product-thumbnails .col a{
  border:1px solid var(--v-line-on-cream);
  border-radius:var(--v-radius-sm);
  overflow:hidden;
}
html body.single-product .product-thumbnails .is-nav-selected a{
  border-color:var(--v-gold-deep);
}

/* Flipar (lýsing o.fl.): 14 px, 500, virkur flipi 600 með gullstriki.
   Codex 5: overflow:visible í stað hidden, svo flipar og breitt efni
   skerist aldrei af. flow-root heldur sama umgjörðarsamhengi (BFC) og
   overflow:hidden gaf, svo bil og fljótandi einingar haldast eins. */
.single-product .woocommerce-tabs{
  margin:0 auto;
  display:flow-root;
  visibility:visible;
  opacity:1;
  width:100%;
  overflow:visible;
  box-sizing:border-box;
}
html body.single-product .woocommerce-tabs{
  background:transparent;
  border:0;
  border-top:1px solid var(--v-line-on-cream);
  box-shadow:none;
  border-radius:0;
  padding:var(--v-s6) 0 var(--v-s8);
}
html body.single-product .woocommerce-tabs ul.tabs{
  padding:0;
  margin:0 0 var(--v-s4) 0;
  display:flex;
  gap:var(--v-s4);
  background:transparent;
  border:none;
}
.single-product .woocommerce-tabs ul.tabs li{
  background:transparent;
  border:none;
}
html body.single-product .woocommerce-tabs ul.tabs li a{
  font-family:var(--v-sans);
  font-size:var(--v-fs-sm);
  font-weight:var(--v-fw-medium);
  letter-spacing:.02em;
  text-transform:none;
  color:var(--v-muted-on-cream);
  padding:var(--v-s1) 0;
  line-height:1.2;
  background:transparent;
  border:none;
}
html body.single-product .woocommerce-tabs ul.tabs li.active a{
  position:relative;
  color:var(--v-coal);
  font-weight:var(--v-fw-semibold);
}
html body.single-product .woocommerce-tabs ul.tabs li.active a:after{
  content:"";
  position:absolute;
  left:0;
  bottom:-2px;
  width:100%;
  height:2px;
  background:var(--v-gold-deep);
  opacity:1;
}
/* Lýsing: 16 px meginmál, línubil 1,6, hámarksbreidd lesmáls */
html body.single-product .woocommerce-tabs .panel{
  background:transparent;
  padding:0;
  max-width:var(--v-measure);
  width:100%;
  margin-left:auto;
  margin-right:auto;
  overflow-wrap:break-word;
  word-wrap:normal;
  word-break:normal;
  box-sizing:border-box;
}
.single-product .woocommerce-tabs .panel *{
  max-width:100%;
  box-sizing:border-box;
}
.single-product .woocommerce-tabs .panel p,
.single-product .woocommerce-tabs .panel h1,
.single-product .woocommerce-tabs .panel h2,
.single-product .woocommerce-tabs .panel h3,
.single-product .woocommerce-tabs .panel h4,
.single-product .woocommerce-tabs .panel h5,
.single-product .woocommerce-tabs .panel h6,
.single-product .woocommerce-tabs .panel ul,
.single-product .woocommerce-tabs .panel ol{
  font-family:var(--v-sans);
  color:var(--v-coal);
  line-height:var(--v-lh);
  margin-bottom:1em;
}
html body.single-product .woocommerce-tabs .panel p,
html body.single-product .woocommerce-tabs .panel ul li,
html body.single-product .woocommerce-tabs .panel ol li{
  font-size:var(--v-fs-base);
  line-height:var(--v-lh);
  color:var(--v-text-soft);
}
.single-product .woocommerce-tabs .panel p{
  font-weight:var(--v-fw-regular);
  text-align:left;
  width:100%;
  overflow-wrap:break-word;
  word-wrap:break-word;
  word-break:break-word;
  hyphens:auto;
  white-space:normal;
}
html body.single-product .woocommerce-tabs .panel h2,
html body.single-product .woocommerce-tabs .panel h3{
  font-family:var(--v-serif);
  font-weight:var(--v-fw-head);
  font-size:var(--v-fs-md);
  line-height:1.3;
  letter-spacing:0;
  color:var(--v-coal);
  margin-top:0;
  margin-bottom:var(--v-s2);
}
.single-product .woocommerce-tabs .panel ul,
.single-product .woocommerce-tabs .panel ol{
  padding-left:1.5em;
}
.single-product .woocommerce-tabs .panel ul li,
.single-product .woocommerce-tabs .panel ol li{
  margin-bottom:.5em;
}
html body.single-product .woocommerce-tabs .panel table th,
html body.single-product .woocommerce-tabs .panel table td{
  font-size:var(--v-fs-sm);
  font-weight:var(--v-fw-regular);
}
html body.single-product .woocommerce-tabs .panel table th{
  font-weight:var(--v-fw-semibold);
}

/* Sími og spjaldtölva (tillaga F og útlit B): mynd og samantekt í fullri
   breidd. Magnreitur (124 px) og „Setja í körfu“ í sömu röð, hnappurinn
   tekur restina af breiddinni. */
@media (max-width:849px){
  .single-product .product-main .product-gallery,
  .single-product .product-main .product-summary{
    width:100% !important;
    max-width:100%;
    flex:0 0 100%;
    padding:0 !important;
  }
  .single-product .product-main .product-summary h1.product-title{
    margin-top:16px;
  }
  html body.single-product .product-main{
    padding:var(--v-s2) var(--v-s2) var(--v-s4);
  }
  html body.single-product .woocommerce-tabs{
    padding:var(--v-s4) var(--v-s2) var(--v-s6);
  }
  html body.single-product .product-summary form.cart:not(.variations_form):not(.grouped_form),
  html body.single-product .product-summary form.variations_form .woocommerce-variation-add-to-cart{
    justify-content:center;
  }
  html body.single-product .product-summary form.cart .quantity input.qty{
    width:36px;
  }
  html body.single-product .product-summary :is(form.cart:not(.variations_form):not(.grouped_form), form.variations_form .woocommerce-variation-add-to-cart) .single_add_to_cart_button{
    flex:1 1 auto !important;
    width:auto !important;
    min-width:0 !important;
    padding:0 var(--v-s2) !important;
  }
}
/* Sími: „Setja í körfu“ sést án þess að fletta (neðri brún ≤ 820 px á
   390 × 844). Aðalmynd að hámarki 320 px á hæð. Flickity les hæðina við
   ræsingu, svo reglan þarf að vera í skránni sjálfri. */
@media (max-width:549px){
  html body.single-product .product-gallery .woocommerce-product-gallery__image img{
    width:100%;
    max-height:320px;
    object-fit:contain;
    object-position:center;
  }
  html body.single-product .product-main .product-summary h1.product-title{
    margin-bottom:var(--v-s1);
  }
  html body.single-product .product-info .is-divider{
    margin-top:var(--v-s1);
    margin-bottom:var(--v-s1);
  }
  html body.single-product .product-info .price{
    margin-top:4px;
    margin-bottom:4px;
  }
  html body.single-product .product-info p.stock{
    margin:4px 0 var(--v-s2);
  }
  /* Flipar hlið við hlið (Flatsome staflar þeim í fulla breidd). Codex 5:
     ef þeir komast ekki fyrir (lengri heiti, stærra letur) brotna þeir í
     aðra línu í stað þess að skerast. „safe center“: flipi sem er breiðari
     en skjárinn byrjar við vinstri brún og sést allur. */
  html body.single-product .woocommerce-tabs ul.tabs.small-nav-collapse{
    flex-wrap:wrap;
    justify-content:center;
    justify-content:safe center;
    gap:var(--v-s1) var(--v-s3);
  }
  html body.single-product .woocommerce-tabs ul.tabs.small-nav-collapse > li{
    width:auto;
    flex:0 1 auto;
    max-width:100%;
  }
  html body.single-product .woocommerce-tabs ul.tabs.small-nav-collapse > li > a{
    white-space:normal;
  }
}


/* ==========================================================================
   10. Forsíða
   „Vinsælustu vörurnar“ á rjómalitaðri rönd í fullri breidd. Myndasleði,
   merkjaröð og Instagram haldast dökk.
   ========================================================================== */
.home .section-title-container:has(+ .row .product-small),
.home .row:has(.product-small){
  background:var(--v-cream);
  box-shadow:0 0 0 100vmax var(--v-cream);
  clip-path:inset(-1px -100vmax);           /* 1 px skörun lokar sauminum milli titils og vara */
  --v-btn-bg:var(--v-coal);
  --v-btn-fg:var(--v-cream);
  --v-btn-bd:var(--v-coal);
  --v-btn-bg-hover:var(--v-coal-hover);
  --v-btn-bd-hover:var(--v-coal-hover);
  --v-btn2-fg:var(--v-coal);
  --v-btn2-bd:var(--v-field-on-cream);
  --v-btn2-bg-hover:var(--v-hover-on-cream);
  --v-btn2-fill-fg:var(--v-cream);
  --v-focus:var(--v-gold-deep);
  --v-eyebrow:var(--v-gold-text);
  --v-rule:var(--v-gold-line-on-cream);
}
.home .section-title-container:has(+ .row .product-small){
  margin-top:var(--v-s8) !important;
  margin-bottom:0 !important;
  padding-top:var(--v-s6);
  padding-bottom:var(--v-s4);
}
.home .row:has(.product-small){
  padding-bottom:var(--v-s6);
  margin-bottom:var(--v-s8);
}
.home .section-title-container:has(+ .row .product-small) .section-title .section-title-main{
  color:var(--v-coal) !important;
}
.home .row:has(.product-small) .product-small,
.home .row:has(.product-small) .product-small .box-text .name a,
.home .row:has(.product-small) .product-small .box-text .price,
.home .row:has(.product-small) .product-small span.amount,
.home .row:has(.product-small) .vira-custom-sku-button__label{
  color:var(--v-coal);
}
.home .row:has(.product-small) .product-small{
  --v-btn-bg:var(--v-coal);
  --v-btn-fg:var(--v-cream);
  --v-btn-bd:var(--v-coal);
  --v-btn-bg-hover:var(--v-coal-hover);
  --v-btn-bd-hover:var(--v-coal-hover);
  --v-btn2-fg:var(--v-coal);                /* kafli 2 setur rjóma á .section.dark .product-small */
  --v-btn2-bd:var(--v-field-on-cream);
  --v-btn2-fill-fg:var(--v-cream);
}
.home .row:has(.product-small) .box-image img{
  mix-blend-mode:multiply;
}
/* Vörusleðinn er „row-collapse“ (Flatsome: padding 0 !important). Án
   korta runnu myndirnar saman og náðu út í jaðra í síma. */
.home .row:has(.product-small) .product-small.col{
  padding:0 var(--v-s1) !important;
}
.home .row:has(.product-small) .flickity-button{
  background:transparent;
  color:var(--v-coal);
}
@media (max-width:549px){
  .home .section-title-container:has(+ .row .product-small){
    margin-top:var(--v-s6) !important;
    padding-top:var(--v-s4);
    padding-bottom:var(--v-s3);
  }
  .home .row:has(.product-small){
    padding-bottom:var(--v-s4);
    margin-bottom:var(--v-s6);
  }
}
/* Merkjaröð í síma (BOLLE, BOLD, 24 ICE, BeGin, REBELS): 3 + 2 dálkar í
   stað fimm raða í fullri breidd, merki að hámarki 60 px á hæð. Auðkenni
   Flatsome (#row-…, #image_…) eru ekki notuð því þau geta breyst. */
@media (max-width:549px){
  .home .section.dark > .section-content > .row.align-equal.align-center{
    justify-content:center;
    align-items:center;
    row-gap:var(--v-s3);
    padding:var(--v-s1) var(--v-s2) var(--v-s2);
  }
  .home .section.dark > .section-content > .row.align-equal.align-center > .col{
    flex:0 0 33.333%;
    max-width:33.333%;
    padding:0 var(--v-s1);
  }
  .home .section.dark > .section-content > .row.align-equal.align-center > .col .img{
    width:100% !important;                   /* Flatsome: #image_… {width:60%} */
    margin:0 auto;
  }
  .home .section.dark > .section-content > .row.align-equal.align-center > .col .img-inner{
    margin:0 !important;                     /* Flatsome: style="margin:40px 0 0" */
  }
  .home .section.dark > .section-content > .row.align-equal.align-center > .col img{
    display:block;
    width:auto;
    height:auto;
    max-width:100%;
    max-height:60px;
    margin:0 auto;
    object-fit:contain;
  }
}


/* ==========================================================================
   11. Karfa (/vorukarfa/)
   Rjómi án korta. Samantekt aðgreind með fínni línu. Uppsetning dálka
   (bil og breiddir) er í kafla 17. „html body“ var sett til að vinna CSS
   úr functions.php (fjarlægt í 3.3.1) og er látið standa.
   ========================================================================== */
html body.woocommerce-cart #main .woocommerce.row.row-divided > .large-7.col.pb-0,
html body.woocommerce-cart #main .woocommerce.row.row-divided > .large-5.col.pb-0{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding:0 15px !important;               /* sama bil og dálkar Flatsome */
}
html body.woocommerce-cart #main .woocommerce.row.row-divided > .large-5.col.pb-0{
  border-left:1px solid var(--v-line-on-cream) !important;
  padding-left:var(--v-s4) !important;
}
html body.woocommerce-cart #main .woocommerce.row.row-divided > .col + .col:not(.large-12){
  border-left-color:var(--v-line-on-cream);
}
body.woocommerce-cart #main .woocommerce{
  padding-top:var(--v-s4);
  padding-bottom:var(--v-s6);
}
/* Tafla */
body.woocommerce-cart table.shop_table th,
body.woocommerce-cart table.shop_table td{
  background:transparent !important;
  color:var(--v-coal) !important;
  border-color:var(--v-line-on-cream) !important;
  font-family:var(--v-sans) !important;
}
/* Flatsome setur 3 px línu undir töfluhaus og samtölu. Hér 1 px. */
body.woocommerce-cart table.shop_table thead th,
body.woocommerce-cart .cart_totals tr:last-child th,
body.woocommerce-cart .cart_totals tr:last-child td{
  border-bottom-width:1px;
}
/* Fyrirsagnirnar „Samtals í körfu“ og „Afsláttarkóði“: grá 3 px lína
   Flatsome (#ececec) verður 1 px lína á rjóma */
body.woocommerce-cart .cart_totals > table:first-child th,
body.woocommerce-cart .cart-sidebar .widget-title{
  border-bottom:1px solid var(--v-line-on-cream) !important;
}
body.woocommerce-cart table.shop_table thead th,
body.woocommerce-cart .cart_totals table th{
  font-size:var(--v-fs-xs);
  font-weight:var(--v-fw-semibold);
  letter-spacing:var(--v-track-caps);
  text-transform:uppercase;
  color:var(--v-muted-on-cream) !important;
}
body.woocommerce-cart .cart_totals > table:first-child th{
  font-family:var(--v-serif) !important;
  font-size:var(--v-fs-md);
  font-weight:var(--v-fw-head);
  letter-spacing:0;
  text-transform:none;
  color:var(--v-coal) !important;
}
body.woocommerce-cart table.shop_table td.product-subtotal,
body.woocommerce-cart table.shop_table td.product-price,
body.woocommerce-cart .cart_totals td{
  font-variant-numeric:tabular-nums;
}
body.woocommerce-cart .product-name a{
  color:var(--v-coal) !important;
}
/* Fjarlægja-hnappur (×): 32 px hringur með fínni línu. Hover eins og aðrir
   aukahnappar (dauf fylling, kolalína). */
body.woocommerce-cart .product-remove a,
body.woocommerce-cart a.remove{
  background:transparent !important;
  color:var(--v-coal) !important;
  border:1px solid var(--v-field-on-cream) !important;
  border-radius:50% !important;
  width:32px !important;
  height:32px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  font-size:18px !important;
  font-weight:var(--v-fw-regular) !important;
  line-height:1 !important;
  text-decoration:none !important;
  transition:background-color var(--v-ease), color var(--v-ease) !important;
}
body.woocommerce-cart .product-remove a:hover,
body.woocommerce-cart a.remove:hover{
  background:var(--v-hover-on-cream) !important;
  color:var(--v-coal) !important;
  border-color:var(--v-coal) !important;
}
/* „Áfram í greiðsluferli“: aðalhnappur í fullri breidd (kafli 4) */
body.woocommerce-cart .checkout-button,
body.woocommerce-cart .wc-proceed-to-checkout a{
  width:100% !important;
}
/* Aukahnappar í körfu: „Uppfæra körfu“, „Nota afsláttarkóða“ og „Halda
   áfram að versla“ fá útlínu, svo aðeins einn fylltur hnappur sé á síðunni */
html body.woocommerce-cart .woocommerce-cart-form button.button,
html body.woocommerce-cart .ux-cart-coupon button.button,
html body.woocommerce-cart a.button-continue-shopping{
  background:transparent !important;
  color:var(--v-coal) !important;
  border-color:var(--v-field-on-cream) !important;
}
html body.woocommerce-cart .woocommerce-cart-form button.button:hover,
html body.woocommerce-cart .ux-cart-coupon button.button:hover,
html body.woocommerce-cart a.button-continue-shopping:hover{
  background:var(--v-hover-on-cream) !important;
  border-color:var(--v-coal) !important;
  color:var(--v-coal) !important;
}
/* Óvirkur hnappur í körfu („Uppfæra körfu“ áður en magni er breytt):
   vinnur reglurnar hér fyrir ofan á sértækni (líka :hover). */
html body.woocommerce-cart .woocommerce-cart-form button.button:is(:disabled, [disabled]),
html body.woocommerce-cart .woocommerce-cart-form button.button:is(:disabled, [disabled]):hover{
  opacity:1 !important;
  background:transparent !important;
  color:var(--v-btn-disabled-fg) !important;
  border-color:var(--v-btn-disabled-bd) !important;
  cursor:not-allowed !important;
}
/* Afsláttarkóði */
body.woocommerce-cart .ux-cart-coupon .widget-title,
body.woocommerce-cart .cart-sidebar .widget-title{
  font-family:var(--v-sans);
  font-size:var(--v-fs-xs);
  font-weight:var(--v-fw-semibold);
  letter-spacing:var(--v-track-caps);
  text-transform:uppercase;
  color:var(--v-coal) !important;
}
body.woocommerce-cart .ux-cart-coupon .is-divider,
body.woocommerce-cart .cart-sidebar .is-divider{
  background-color:var(--v-gold-deep);
  height:1px;
  max-width:32px;
}
body.woocommerce-cart .ux-cart-coupon input[type="text"]{
  min-height:var(--v-btn-h);
  border:1px solid var(--v-field-on-cream) !important;
  border-radius:var(--v-radius-sm) !important;
  background:var(--v-field-bg) !important;
  box-shadow:none !important;
  font-family:var(--v-sans) !important;
  font-size:var(--v-fs-base);
  color:var(--v-coal);
  padding:0 var(--v-s2);
}
/* Tilkynningar ofan við körfuna og í henni: dökkur texti (tillaga D) */
body.woocommerce-cart .woocommerce-message,
body.woocommerce-cart .woocommerce-info,
body.woocommerce-cart .woocommerce-error{
  color:var(--v-coal) !important;
}
@media (max-width:849px){
  html body.woocommerce-cart #main .woocommerce.row.row-divided > .large-5.col.pb-0{
    border-left:0 !important;
    border-top:1px solid var(--v-line-on-cream) !important;
    padding-left:15px !important;
    padding-top:var(--v-s3) !important;
  }
  html body.woocommerce-cart #main .woocommerce.row.row-divided > .col + .col:not(.large-12){
    border-left:0;
  }
  body.woocommerce-cart #main .woocommerce{
    padding-top:var(--v-s2);
  }
}


/* ==========================================================================
   12. Greiðslusíða (/klara-kaup/)
   Rjómi án korta. Breidd efnis, bil og breiddir dálka eru í kafla 17.
   Codex 3: dálkareglur aðeins í greiðsluforminu, ekki í haus og fæti.
   ========================================================================== */
html body.woocommerce-checkout #main form.checkout > .row > .col.large-7,
html body.woocommerce-checkout #main form.checkout > .row > .col.large-5{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding:0 !important;
}
html body.woocommerce-checkout #main form.checkout > .row > .col.large-5{
  padding-left:var(--v-s3) !important;
}
body.woocommerce-checkout #main .woocommerce{
  padding-top:var(--v-s4);
  padding-bottom:var(--v-s6);
}
/* Pöntunin þín: fín gulllína í stað þykks svarts ramma Flatsome */
html body.woocommerce-checkout #main .col-inner.has-border{
  border:1px solid var(--v-gold-line-on-cream);
  border-radius:var(--v-radius);
  padding:var(--v-s3);
  background:transparent;
}
/* Fyrirsagnir greiðsluformsins: Gelasio 500 */
html body.woocommerce-checkout form.woocommerce-checkout h3{
  color:var(--v-coal) !important;
  font-family:var(--v-serif) !important;
  font-weight:var(--v-fw-head) !important;
  font-size:var(--v-fs-md);
  letter-spacing:0;
  text-transform:none;
  padding-top:0;
  margin-bottom:var(--v-s2);
}
/* „Senda á annað heimilisfang?“ er h3 með gátreit: venjulegt letur */
html body.woocommerce-checkout #ship-to-different-address,
html body.woocommerce-checkout #ship-to-different-address label{
  font-family:var(--v-sans) !important;
  font-size:var(--v-fs-sm) !important;
  font-weight:var(--v-fw-medium) !important;
}
html body.woocommerce-checkout .woocommerce-billing-fields{
  border-top:1px solid var(--v-line-on-cream);
}
body.woocommerce-checkout form.woocommerce-checkout label{
  font-size:var(--v-fs-sm);
  font-weight:var(--v-fw-medium);
  color:var(--v-coal);
}
/* Reitir aðeins í #main (V2): leitarreitur í haus heldur sínu útliti.
   Valgluggi select2 (land) opnast í body, utan #main, en reiturinn sjálfur
   er í forminu. */
body.woocommerce-checkout #main input[type="text"],
body.woocommerce-checkout #main input[type="email"],
body.woocommerce-checkout #main input[type="tel"],
body.woocommerce-checkout #main select,
body.woocommerce-checkout #main textarea,
body.woocommerce-checkout #main .select2-container .select2-selection--single{
  border-radius:var(--v-radius-sm) !important;
  border:1px solid var(--v-field-on-cream) !important;
  background:var(--v-field-bg) !important;
  box-shadow:none !important;
  font-family:var(--v-sans) !important;
  font-size:var(--v-fs-base);
  color:var(--v-coal);
}
body.woocommerce-checkout #main input[type="text"],
body.woocommerce-checkout #main input[type="email"],
body.woocommerce-checkout #main input[type="tel"],
body.woocommerce-checkout #main select,
body.woocommerce-checkout #main .select2-container .select2-selection--single{
  min-height:var(--v-btn-h);
}
body.woocommerce-checkout .select2-container .select2-selection--single .select2-selection__rendered{
  line-height:46px;
}
body.woocommerce-checkout .select2-container .select2-selection--single .select2-selection__arrow{
  height:46px;
}
/* Pöntunartafla */
body.woocommerce-checkout table.shop_table th,
body.woocommerce-checkout table.shop_table td{
  color:var(--v-coal);
  border-color:var(--v-line-on-cream);
  font-family:var(--v-sans);
  font-variant-numeric:tabular-nums;
}
body.woocommerce-checkout table.shop_table thead th,
body.woocommerce-checkout table.shop_table tfoot tr:last-child th,
body.woocommerce-checkout table.shop_table tfoot tr:last-child td{
  border-bottom-width:1px;
}
body.woocommerce-checkout table.shop_table thead th{
  font-size:var(--v-fs-xs);
  font-weight:var(--v-fw-semibold);
  letter-spacing:var(--v-track-caps);
  text-transform:uppercase;
  color:var(--v-muted-on-cream);
}
body.woocommerce-checkout .product-name{
  color:var(--v-coal) !important;
  font-weight:var(--v-fw-medium) !important;
}
/* Greiðslumátar: gegnsætt í stað grás kassa */
html body.woocommerce-checkout #payment,
html body.woocommerce-checkout #payment div.payment_box{
  background:transparent;
}
html body.woocommerce-checkout #payment div.payment_box{
  border:1px solid var(--v-line-on-cream);
  border-radius:var(--v-radius-sm);
  color:var(--v-coal);
  padding:var(--v-s1) var(--v-s2);
}
html body.woocommerce-checkout #payment div.payment_box::before{
  display:none;
}
/* Greiðslumátar: hver lína eins og aukahnappur, 48 px, sama horn og
   hnapparnir. Valhnappurinn situr inni í línunni. Valin lína fær kolalínu.
   Codex 7: aðeins línur greiðslumáta („> li.wc_payment_method“), ekki
   vistuð greiðslukort innan þeirra (ul.woocommerce-SavedPaymentMethods). */
html body.woocommerce-checkout #payment ul.payment_methods{
  padding:0 0 var(--v-s2) !important;
  border-bottom:1px solid var(--v-line-on-cream);
}
html body.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method{
  position:relative;
  list-style:none;
  margin:0 0 var(--v-s1) !important;
  padding:0 !important;
  line-height:1.3;
}
html body.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method > input.input-radio{
  position:absolute;
  left:var(--v-s2);
  top:14px;                                 /* (48 − 20) / 2 */
  margin:0 !important;
  z-index:1;
}
html body.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method > label{
  display:flex !important;
  flex-wrap:nowrap;                         /* ein lína: merkin minnka frekar en að brotna */
  align-items:center;
  gap:4px;
  min-height:var(--v-btn-h);
  margin:0 !important;
  padding:6px var(--v-s2) 6px calc(var(--v-s2) + 20px + 12px) !important;
  border:1px solid var(--v-field-on-cream);
  border-radius:var(--v-btn-radius);
  font-family:var(--v-sans) !important;
  font-size:var(--v-btn-fs) !important;
  font-weight:var(--v-fw-semibold) !important;
  letter-spacing:0;
  color:var(--v-coal) !important;
  cursor:pointer;
  transition:background-color var(--v-ease), border-color var(--v-ease);
}
html body.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method > label img{
  flex:0 1 auto;
  min-width:0;
  width:auto;
  height:auto;
  max-height:20px;
  object-fit:contain;
  margin:0 !important;
}
html body.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method > label img:first-of-type{
  margin-left:4px !important;               /* bil milli heitis og fyrsta merkis: 8 px */
}
html body.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method > label:hover{
  background:var(--v-hover-on-cream);
  border-color:var(--v-coal);
}
html body.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method:has(> input.input-radio:checked) > label{
  border-color:var(--v-coal);
}
html body.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method div.payment_box{
  margin:var(--v-s1) 0 0 !important;
  font-size:var(--v-fs-sm);
}
/* „Ertu með afsláttarkóða?“ og afsláttarkóðaform. Tengillinn er dökkur
   (tillaga D, kafli 7). */
body.woocommerce-checkout .woocommerce-info,
body.woocommerce-checkout .woocommerce-form-coupon-toggle{
  color:var(--v-coal) !important;
}
body.woocommerce-checkout .woocommerce-form-coupon-toggle{
  background:transparent !important;
  border:none !important;
  padding:0 0 10px 0 !important;
  margin-bottom:20px !important;
}
body.woocommerce-checkout .checkout_coupon,
body.woocommerce-checkout .woocommerce-form-coupon{
  background:transparent !important;
  border:1px solid var(--v-line-on-cream) !important;
  border-radius:var(--v-radius) !important;
  padding:var(--v-s3) !important;
  margin-bottom:20px !important;
}
html body.woocommerce-checkout .checkout_coupon button.button{
  background:transparent !important;
  color:var(--v-coal) !important;
  border-color:var(--v-field-on-cream) !important;
}
/* „Nýta afsláttarkóða“ á greiðslusíðu: hover eins og aukahnappar (3.2.0
   hafði ekkert hover sem vann, svo hann fylltist af kol). */
html body.woocommerce-checkout .checkout_coupon button.button:hover{
  background:var(--v-hover-on-cream) !important;
  border-color:var(--v-coal) !important;
  color:var(--v-coal) !important;
}
/* „Panta“: aðalhnappur í fullri breidd (kafli 4) */
html body.woocommerce-checkout button#place_order{
  width:100% !important;
}
@media (max-width:849px){
  html body.woocommerce-checkout #main form.checkout > .row > .col.large-5{
    padding-left:0 !important;
    padding-top:var(--v-s3) !important;
  }
  html body.woocommerce-checkout #main .col-inner.has-border{
    padding:var(--v-s2);
  }
  /* Afsláttarkóðaborðinn: uppsetning í kafla 7 (tákn, vinstrijöfnun,
     línuskil í síma). Reglu 3.2.0 um miðjun og nowrap eytt í 3.3.2. */
  body.woocommerce-checkout #main .woocommerce{
    padding-top:var(--v-s2);
  }
}


/* Karfa og greiðsla: valhnappar og gátreitir í kolalit (ekki bláum lit
   vafrans), 20 px. Textinn í tómum reitum dekkri (#757575 náði 4,2:1). */
body.woocommerce-cart :is([type="radio"], [type="checkbox"]),
body.woocommerce-checkout :is([type="radio"], [type="checkbox"]){
  accent-color:var(--v-coal);
  width:20px;
  height:20px;
}
body.woocommerce-cart :is(input, textarea)::placeholder,
body.woocommerce-checkout :is(input, textarea)::placeholder{
  color:rgba(34,34,34,.65);                /* um 4,6:1 á fyllingu reits */
  opacity:1;
}


/* ==========================================================================
   13. Pöntunarstaðfesting (óprófuð í vafra: krefst pöntunar)
   Sama mynstur og karfa og greiðsla: rjómi, fínar línur, kolalitur texti.
   ========================================================================== */
body.woocommerce-order-received #main .woocommerce{
  padding-top:var(--v-s4);
  padding-bottom:var(--v-s6);
}
body.woocommerce-order-received .is-well,
body.woocommerce-order-received .entry-content{
  box-shadow:none !important;
  background:transparent !important;
}
body.woocommerce-order-received .woocommerce-order-details,
body.woocommerce-order-received .woocommerce-customer-details,
body.woocommerce-order-received .woocommerce-order-overview{
  background:transparent !important;
  border:1px solid var(--v-line-on-cream) !important;
  box-shadow:none !important;
  border-radius:var(--v-radius) !important;
  padding:var(--v-s3) !important;
  margin-bottom:20px !important;
}
body.woocommerce-order-received .woocommerce-order-overview{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:20px !important;
  justify-content:space-between !important;
}
body.woocommerce-order-received .woocommerce-order-overview li,
body.woocommerce-order-received .woocommerce-order-overview strong,
body.woocommerce-order-received th,
body.woocommerce-order-received td{
  color:var(--v-coal) !important;
  font-family:var(--v-sans) !important;
}
/* Codex 8: aðeins í #main, svo fyrirsagnir í dökkum fæti haldist ljósar */
body.woocommerce-order-received #main h2,
body.woocommerce-order-received #main h3{
  color:var(--v-coal) !important;
  font-family:var(--v-serif) !important;
  font-weight:var(--v-fw-head) !important;
  font-size:var(--v-fs-md) !important;
  font-style:normal !important;
  margin-bottom:var(--v-s2) !important;
}
body.woocommerce-order-received .woocommerce-customer-details address{
  font-style:normal !important;
}
body.woocommerce-order-received .woocommerce-table,
body.woocommerce-order-received table{
  background:transparent !important;
}
body.woocommerce-order-received .woocommerce-thankyou-order-received,
body.woocommerce-order-received .woocommerce-notice--success,
body.woocommerce-order-received .woocommerce-message{
  color:var(--v-coal) !important;
  font-family:var(--v-serif) !important;
  font-size:var(--v-fs-md) !important;
  text-align:center !important;
  text-shadow:none !important;
  background:transparent !important;
  box-shadow:none !important;
  border:none !important;
  border-radius:0 !important;
  padding:0 !important;
  margin-bottom:var(--v-s4) !important;
}
body.woocommerce-order-received .woocommerce-notice--success strong,
body.woocommerce-order-received .woocommerce-message strong{
  color:var(--v-coal) !important;
}


/* ==========================================================================
   14. Farsímavalmynd, síur og sprettigluggar (Flatsome off-canvas og lightbox)
   ========================================================================== */
.mfp-bg,
.mfp-content,
#main-menu,
.widget-area{
  background:var(--v-cream) !important;
}
.mfp-wrap{
  background:rgba(0,0,0,.5) !important;
}
.off-canvas .mfp-content,
#main-menu,
#main-menu .social-icons,
.widget-area{
  color:var(--v-coal) !important;
}
/* Tenglar í búnaðarhólfum: síuspjald verslunar (.sidebar-inner),
   bloggdálkur (.widget-area) og körfuspjald (.cart-sidebar). :where()
   heldur sértækninni óbreyttri, svo hnappar halda sínum lit. */
.off-canvas a,
#main-menu a,
.sidebar-menu a,
:where(.sidebar-inner, .widget-area, .cart-sidebar) .widget a{
  color:var(--v-coal) !important;
}
.off-canvas a:hover,
#main-menu a:hover,
.sidebar-menu a:hover,
:where(.sidebar-inner, .widget-area, .cart-sidebar) .widget a:hover{
  color:var(--v-ink) !important;
}
/* Codex 8: titlar búnaðar aðeins í ljósum spjöldum, ekki í dökkum fæti */
:where(.sidebar-inner, .widget-area, .cart-sidebar, .off-canvas) .widget-title,
:where(.sidebar-inner, .widget-area, .cart-sidebar, .off-canvas) .widget h3{
  color:var(--v-coal) !important;
}
.mfp-close,
button.mfp-close{
  color:var(--v-coal) !important;
}


/* ==========================================================================
   15. Complianz-kökuborði: tenglar, hnappar og fókus
   Persónuverndartengillinn í borðanum og í skilmálatexta greiðslusíðu.
   Ef litur tengla er stilltur í Complianz (#222222, sjá innsetningarskjal
   3.10.2026) má eyða fyrri veljaranum.
   ========================================================================== */
.cmplz-cookiebanner a[href*="personuvernd"],
.woocommerce-privacy-policy-link{
  color:var(--v-coal) !important;
  text-decoration:underline !important;
}

/* Hnappar borðans: letur, form og fókus eins og aðrir hnappar.
   Litir hnappanna eru STILLINGAR í Complianz (innsetningarskjal 3.10.2026,
   kafli 6.2), ekki CSS. Hover hér gerir ráð fyrir þeim litum (kol og
   rjómi), svo stillingarnar fara inn á undan 3.3.0 eða samtímis.
   Staðsetning og þéttleiki í síma eru í Custom CSS-reit Complianz (6.3).
   WPCode #3519 setur text-transform:none, letter-spacing:normal og
   min-height:45px á „.cmplz-cookiebanner .cmplz-buttons .cmplz-btn“
   (0,3,0, án !important). Þessi regla er (0,3,2) með !important og
   vinnur. „html body“ þarf vegna reglu Complianz sjálfs með !important
   innan fjölmiðlafyrirspurnar. Línuskil (white-space:normal) úr #3519
   standa, svo íslenskur texti brotnar ef þarf. */
html body .cmplz-cookiebanner{
  --v-focus:var(--v-gold-deep);             /* gull (#C9A55B) væri 1,94:1 á rjómaborða */
}
html body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn{
  font-family:var(--v-sans) !important;
  font-size:var(--v-btn-fs) !important;
  font-weight:var(--v-fw-medium) !important;  /* 500 (3.3.2, eigandi vildi grennra). Aðrir hnappar 400 frá 3.3.5 */
  letter-spacing:var(--v-btn-ls) !important;
  text-transform:var(--v-btn-case) !important;
  border-radius:var(--v-btn-radius) !important;
  min-height:var(--v-btn-h) !important;
  line-height:1.2 !important;
  box-shadow:none !important;
  transform:none !important;
  transition:background-color var(--v-ease), border-color var(--v-ease), color var(--v-ease);
}
html body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn:is(.cmplz-accept, .cmplz-deny):hover{
  background-color:var(--v-coal-hover) !important;
  border-color:var(--v-coal-hover) !important;
}
html body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences:hover{
  background-color:var(--v-hover-on-cream) !important;
}


/* ==========================================================================
   16. Merki söluaðila, vöruspjöld og póstlisti
   Var í functions.php (#vira-custom-sku-button-css, #vira-custom-sku-hide-oos
   og #vira-newsletter-footer-css) og hlóðst aðeins á síðum WooCommerce.
   Hér gildir það líka á forsíðu og öðrum síðum með vörulykkjum (Codex 6).
   Kaflar 8 og 10 fínstilla liti á rjóma. Röð: þessi kafli kemur á eftir
   köflum 1 til 15, eins og CSS úr functions.php gerði.
   ========================================================================== */
/* „Þessi vara er fáanleg í:“ og merki Smáríkisins og Vínbúðarinnar
   (merkin eru hýst á vira.is, Ö2). Merki hvert undir öðru, fyrir miðju. */
.vira-custom-sku-button{
  text-align:center;
  margin:18px 0;
}
.vira-custom-sku-button__label{
  font-size:var(--v-fs-sm);
  font-weight:var(--v-fw-semibold);
  color:var(--v-coal);
  margin:0 0 var(--v-s1) 0;
  line-height:1.3;
}
.vira-custom-sku-button__logos{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
}
.vira-custom-sku-button--loop .vira-custom-sku-button__logos{
  gap:var(--v-s1);
}
.vira-custom-sku-button__link{
  display:inline-block;
  line-height:0;
  background:transparent;
  border:0;
  padding:0;
  box-shadow:none;
  transition:transform var(--v-ease), opacity var(--v-ease);
}
.vira-custom-sku-button__link:hover{
  transform:translateY(-1px);
  opacity:.9;
}
.vira-custom-sku-button__img{
  display:inline-block;
  max-width:180px;
  max-height:72px;
  height:auto;
  width:auto;
}
.vira-custom-sku-button--loop{
  margin:var(--v-s1) 0 4px 0;
  padding-top:var(--v-s1);
  border-top:1px solid rgba(0,0,0,.08);
}
.vira-custom-sku-button--loop .vira-custom-sku-button__label{
  font-size:11px;
  font-weight:var(--v-fw-medium);
  margin-bottom:6px;
}
.vira-custom-sku-button--loop .vira-custom-sku-button__img{
  max-width:110px;
  max-height:46px;
}
@media (prefers-reduced-motion:reduce){
  .vira-custom-sku-button__link,
  .vira-custom-sku-button__link:hover{
    transition:none;
    transform:none;
  }
}

/* „Ekki til á lager“ á vöru sem fæst hjá söluaðila: falið, því merki
   söluaðila vísar gestinum áfram. Áður bjó functions.php til sér reglu
   fyrir hvert vörunúmer á hverri síðu. Lagerstaða vörunnar er óbreytt. */
.product-small:has(.vira-custom-sku-button) .out-of-stock-label,
.product-small:has(.vira-custom-sku-button) .ribbon-inner.ribbon-warning,
.product:has(.vira-custom-sku-button--single) .stock.out-of-stock{
  display:none !important;
}

/* „Setja í körfu“ á vöruspjöldum (functions.php bætir hnappnum við) */
.vira-loop-add-to-cart{
  padding-top:10px;
  text-align:center;
}
.vira-loop-add-to-cart .button{
  display:inline-block;
}

/* Jafnhá vöruspjöld í verslun og vöruflokkum: verð, hnappur og merki
   söluaðila standast á í hverri röð. */
.woocommerce ul.products li.product,
.products .product-small.col{
  display:flex !important;
  flex-direction:column;
}
.woocommerce ul.products li.product > .col-inner,
.products .product-small.col > .col-inner{
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
  width:100%;
}
.woocommerce ul.products li.product .product-small.box,
.products .product-small.col .product-small.box{
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
  height:100%;
}
/* Myndin heldur eðlilegri hæð (Flatsome notar padding-top fyrir hlutfall,
   sem fellur saman ef .box-image má skreppa saman í flex) */
.woocommerce ul.products li.product .product-small.box > .box-image,
.products .product-small.col .product-small.box > .box-image{
  flex:0 0 auto;
  width:100%;
}
.woocommerce ul.products li.product .product-small.box > .box-text,
.products .product-small.col .product-small.box > .box-text{
  flex:1 1 auto;
}
.woocommerce ul.products li.product .box-text .vira-custom-sku-button--loop,
.woocommerce ul.products li.product .box-text .vira-loop-add-to-cart{
  margin-top:auto;
}

/* Póstlisti í fæti (Newsletter-viðbótin) á dökkum fæti. Birtist ekki á
   vefnum í dag (3.10.2026), óprófað í vafra. Hnappurinn og horn reitanna
   koma úr kafla 6 (8 px, 48 px). Codex 9: ekkert outline:none, svo
   fókushringur kafla 3 sést. Texti í tómum reit 65% (var 55%). */
.footer-wrapper .tnp-widget,
.footer-wrapper .tnp-subscription{
  color:var(--v-cream);
}
.footer-wrapper .tnp-field{
  margin-bottom:10px;
}
.footer-wrapper .tnp-field label{
  display:block;
  color:var(--v-cream);
  font-size:var(--v-fs-xs);
  font-weight:var(--v-fw-medium);
  letter-spacing:.04em;
  margin-bottom:4px;
  text-transform:uppercase;
}
.footer-wrapper .tnp-field input.tnp-name,
.footer-wrapper .tnp-field input.tnp-email,
.footer-wrapper .tnp-field input[type="text"],
.footer-wrapper .tnp-field input[type="email"]{
  width:100%;
  background:var(--v-cream) !important;
  color:var(--v-coal) !important;
  border:1px solid rgba(246,233,207,.25) !important;
  padding:10px 12px !important;
  font-size:var(--v-fs-sm) !important;
  line-height:1.3 !important;
  box-shadow:none !important;
}
.footer-wrapper .tnp-field input.tnp-name::placeholder,
.footer-wrapper .tnp-field input.tnp-email::placeholder{
  color:rgba(34,34,34,.65);
}
.footer-wrapper .tnp-field input.tnp-name:focus,
.footer-wrapper .tnp-field input.tnp-email:focus{
  border-color:var(--v-cream) !important;
  box-shadow:0 0 0 2px rgba(246,233,207,.25) !important;
}
.footer-wrapper .tnp-field-button{
  text-align:left !important;
  margin-top:6px;
}
.footer-wrapper input.tnp-submit{
  display:inline-block;
  border:1px solid rgba(246,233,207,.45) !important;
  font-family:var(--v-sans) !important;
  cursor:pointer;
  transition:background-color var(--v-ease);
}


/* ==========================================================================
   17. Karfa og greiðslusíða: uppsetning
   Var í functions.php (#vira-cart-dynamic og #vira-checkout-dynamic í
   wp_footer, svo síðan hoppaði eftir teikningu, H5). Reglurnar náðu yfir
   haus og fót síðunnar (V2, Codex 3 og 4). Hér eru þær bundnar við #main
   og greiðsluformið. Litir, línur og hnappar eru í köflum 4, 11 og 12.
   ========================================================================== */
/* Karfa: vörur og samantekt hlið við hlið í tölvu með 20 px bili. Í
   functions.php voru breiddirnar 58,33% og 41,67% auk bilsins, svo
   dálkarnir fóru 20 px út fyrir röðina. Codex 1: bilið er dregið frá.
   Aðeins röð körfunnar sjálfrar, ekki aðrar raðir í #main. */
html body.woocommerce-cart #main .woocommerce.row.row-divided{
  display:flex;
  flex-wrap:nowrap;
  gap:20px;
}
html body.woocommerce-cart #main .woocommerce.row.row-divided > .large-7.col.pb-0{
  flex:0 0 calc(58.33% - 10px);
  max-width:calc(58.33% - 10px);
}
html body.woocommerce-cart #main .woocommerce.row.row-divided > .large-5.col.pb-0{
  flex:0 0 calc(41.67% - 10px);
  max-width:calc(41.67% - 10px);
}
/* Vöruheiti í körfutöflu: 15 px (þyngd og litur í köflum 4 og 11) */
html body.woocommerce-cart #main table.shop_table td.product-name a{
  font-size:15px !important;
}
@media (max-width:849px){
  html body.woocommerce-cart #main .woocommerce.row.row-divided{
    flex-wrap:wrap;
  }
  html body.woocommerce-cart #main .woocommerce.row.row-divided > .large-7.col.pb-0,
  html body.woocommerce-cart #main .woocommerce.row.row-divided > .large-5.col.pb-0{
    flex:1 1 100%;
    max-width:100%;
  }
}

/* Greiðslusíða: efnið 1050 px fyrir miðju, rjóminn í fullri breidd.
   Áður náði reglan líka yfir .container í haus og fæti (Codex 3). */
html body.woocommerce-checkout #main{
  padding-left:15px !important;
  padding-right:15px !important;
}
html body.woocommerce-checkout #main .content-area,
html body.woocommerce-checkout #main .container{
  max-width:var(--v-max) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:15px !important;
  padding-right:15px !important;
}
/* Greiðsluform: upplýsingar og „Þín pöntun“ hlið við hlið, 20 px bil */
html body.woocommerce-checkout #main form.checkout > .row{
  display:flex;
  flex-wrap:nowrap;
  gap:20px;
  margin-left:0;
  margin-right:0;
}
html body.woocommerce-checkout #main form.checkout > .row > .col.large-7{
  flex:0 0 calc(58.33% - 10px);
  max-width:calc(58.33% - 10px);
  margin:0;
}
html body.woocommerce-checkout #main form.checkout > .row > .col.large-5{
  flex:0 0 calc(41.67% - 10px);
  max-width:calc(41.67% - 10px);
  margin:0;
}
@media (max-width:849px){
  html body.woocommerce-checkout #main form.checkout > .row{
    flex-wrap:wrap;
  }
  html body.woocommerce-checkout #main form.checkout > .row > .col.large-7,
  html body.woocommerce-checkout #main form.checkout > .row > .col.large-5{
    flex:1 1 100%;
    max-width:100%;
  }
}

/* Sendingarmátar (Dropp): valhnappur vinstra megin, texti, staður og
   hnappur Dropp undir honum. Óprófað í vafra (birtist aðeins með vöru í
   körfu og vali á sendingu). */
html body.woocommerce-checkout #main .woocommerce-shipping-methods li{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  position:relative !important;
  padding-left:0 !important;
}
html body.woocommerce-checkout #main .woocommerce-shipping-methods li input[type="radio"]{
  position:absolute !important;
  left:0 !important;
  top:8px !important;
}
html body.woocommerce-checkout #main .woocommerce-shipping-methods li label{
  padding-left:28px !important;
  display:block !important;
  width:100% !important;
  margin-bottom:var(--v-s1) !important;
}
html body.woocommerce-checkout #main .woocommerce-shipping-methods li > div,
html body.woocommerce-checkout #main .woocommerce-shipping-methods li > span{
  padding-left:28px !important;
  display:block !important;
  width:100% !important;
  margin-top:var(--v-s1) !important;
}
html body.woocommerce-checkout #main .woocommerce-shipping-methods .dropp-location,
html body.woocommerce-checkout #main .woocommerce-shipping-methods small{
  display:block !important;
  padding-left:28px !important;
  margin-top:4px !important;
  margin-bottom:var(--v-s1) !important;
  font-family:var(--v-sans) !important;
  font-size:13px !important;
  font-weight:var(--v-fw-regular) !important;
  color:var(--v-coal) !important;
  line-height:1.4 !important;
}
/* „Veldu afhendingarstað“ (Dropp): aukahnappur eins og aðrir hnappar
   (8 px, 48 px, 15/600, venjulegir hástafir; ákvörðun eiganda 3.10.2026).
   Var 11 px pilla í hástöfum úr functions.php. Ef Dropp teiknar hnappinn
   inni í eigin vefeiningu (shadow DOM) nær þetta ekki til hans. */
html body.woocommerce-checkout #main .woocommerce-shipping-methods button,
html body.woocommerce-checkout #main .woocommerce-shipping-methods a[data-modal],
html body.woocommerce-checkout #main button.dropp-button,
html body.woocommerce-checkout #main button[onclick*="dropp"]{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:var(--v-btn-h) !important;
  margin-top:var(--v-s1) !important;
  padding:0 var(--v-s2) !important;
  background:transparent !important;
  color:var(--v-coal) !important;
  border:1px solid var(--v-field-on-cream) !important;
  border-radius:var(--v-btn-radius) !important;
  font-family:var(--v-sans) !important;
  font-size:var(--v-btn-fs) !important;
  font-weight:var(--v-btn-fw) !important;
  font-style:normal !important;
  letter-spacing:var(--v-btn-ls) !important;
  text-transform:var(--v-btn-case) !important;
  line-height:1.2 !important;
  box-shadow:none !important;
  transform:none !important;
  cursor:pointer !important;
  transition:background-color var(--v-ease), border-color var(--v-ease) !important;
}
html body.woocommerce-checkout #main .woocommerce-shipping-methods button:hover,
html body.woocommerce-checkout #main .woocommerce-shipping-methods a[data-modal]:hover,
html body.woocommerce-checkout #main button.dropp-button:hover,
html body.woocommerce-checkout #main button[onclick*="dropp"]:hover{
  background:var(--v-hover-on-cream) !important;
  border-color:var(--v-coal) !important;
  color:var(--v-coal) !important;
}

/* Tengill á skilmála í gátreit: venjulegur undirstrikaður tengill */
html body.woocommerce-checkout #main .woocommerce-terms-and-conditions-link,
html body.woocommerce-checkout #main .woocommerce-form__label a{
  background:transparent !important;
  color:var(--v-coal) !important;
  font-family:inherit !important;
  font-weight:var(--v-fw-regular) !important;
  font-size:inherit !important;
  letter-spacing:normal !important;
  text-transform:none !important;
  border-radius:0 !important;
  padding:0 !important;
  border:none !important;
  box-shadow:none !important;
  line-height:inherit !important;
  min-height:auto !important;
  transition:none !important;
  cursor:pointer !important;
  margin:0 !important;
  text-decoration:underline !important;
  display:inline !important;
}
html body.woocommerce-checkout #main .woocommerce-terms-and-conditions-link:hover,
html body.woocommerce-checkout #main .woocommerce-form__label a:hover{
  background:transparent !important;
  color:var(--v-coal) !important;
  text-decoration:underline !important;
  transform:none !important;
  box-shadow:none !important;
  filter:none !important;
}

/* „Halda áfram að versla“ á greiðslusíðu (birtist t.d. ef karfan tæmist):
   aukahnappur eins og í körfu (kafli 11). Codex 4: aðeins þessi hnappur í
   #main, ekki allir tenglar á /vefverslun/ í haus og fæti. */
html body.woocommerce-checkout #main a.button-continue-shopping{
  background:transparent !important;
  color:var(--v-coal) !important;
  border-color:var(--v-field-on-cream) !important;
}
html body.woocommerce-checkout #main a.button-continue-shopping:hover{
  background:var(--v-hover-on-cream) !important;
  border-color:var(--v-coal) !important;
  color:var(--v-coal) !important;
}


/* ==========================================================================
   18. Upplýsingatöflur og algengar spurningar
   Fyrir SEO-13 (tafla og 3 til 5 spurningar á vörusíðum), SEO-27
   (inngangur og spurningar á vöruflokkum) og SEO-16 (spurningar í greinum).

   Sjálfgefið, án klasa (rjómi):
   - lýsing vöru: #tab-description (EKKI „Frekari upplýsingar“),
   - inngangur vöruflokka: .term-description.
   Með klasa (opt-in) í greinum og UX Builder: .vira-tafla (á table eða á
   umbúðum, t.d. figure.wp-block-table) og .vira-spurningar (umbúðir utan um
   details) eða details.vira-spurning. Litir koma úr currentColor, svo þetta
   virkar bæði á rjóma og dökku.

   Ósnert: table.shop_table (karfa, greiðsla), table.woocommerce-product-
   attributes, töflur á /vafrakokustefna/ og details frá Complianz. Engin
   regla er sett á ílátin sjálf (#tab-description, .term-description),
   aðeins á töflur og spurningar inni í þeim. Því breytist ekkert á síðum
   sem hafa hvorugt.

   Engin !important. Fókus kemur úr kafla 3.
   ========================================================================== */

/* 18.1 Tafla: grunnur.
   Línur: --v18-line. Á rjóma táknið --v-line-on-cream (skraut), í
   klösunum 18 % af textalit (currentColor), svo þær sjáist á dökku líka. */
:is(html body.single-product .woocommerce-tabs #tab-description, html body.tax-product_cat .term-description) table:not(.shop_table, .woocommerce-product-attributes),
:is(table.vira-tafla, .vira-tafla table){
  --v18-line:color-mix(in srgb, currentColor 18%, transparent);
  width:100%;
  max-width:100%;
  margin:0 0 var(--v-s3);
  border:0;
  border-top:1px solid var(--v18-line);
  border-collapse:collapse;
  border-spacing:0;
  background:transparent;
  color:inherit;
  font-family:var(--v-sans);
  font-size:var(--v-fs-base);
  line-height:1.5;
  font-variant-numeric:tabular-nums;
  text-align:left;
}
:is(html body.single-product .woocommerce-tabs #tab-description, html body.tax-product_cat .term-description) table:not(.shop_table, .woocommerce-product-attributes){
  --v18-line:var(--v-line-on-cream);
}
/* Með töfluhaus er línan undir hausnum, ekki ofan við hann */
:is(html body.single-product .woocommerce-tabs #tab-description, html body.tax-product_cat .term-description) table:not(.shop_table, .woocommerce-product-attributes):has(> thead),
:is(table.vira-tafla, .vira-tafla table):has(> thead){
  border-top:0;
}

/* Hólf: fínar láréttar línur, engir lóðréttir rammar, enginn bakgrunnur.
   Löng orð brotna (síminn flettir ekki til hliðar). */
:is(html body.single-product .woocommerce-tabs #tab-description, html body.tax-product_cat .term-description) table:not(.shop_table, .woocommerce-product-attributes) :is(thead, tbody, tfoot, tr),
:is(table.vira-tafla, .vira-tafla table) :is(thead, tbody, tfoot, tr){
  border:0;
  background:transparent;
}
:is(html body.single-product .woocommerce-tabs #tab-description, html body.tax-product_cat .term-description) table:not(.shop_table, .woocommerce-product-attributes) :is(th, td),
:is(table.vira-tafla, .vira-tafla table) :is(th, td){
  padding:calc(var(--v-s1) * 1.5) var(--v-s2) calc(var(--v-s1) * 1.5) 0;
  border:0;
  border-bottom:1px solid var(--v18-line);
  background:transparent;
  color:inherit;
  font-family:inherit;
  font-size:inherit;
  font-weight:var(--v-fw-regular);
  line-height:inherit;
  letter-spacing:0;
  text-transform:none;
  text-align:left;
  vertical-align:top;
  overflow-wrap:anywhere;
  hyphens:auto;
}
:is(html body.single-product .woocommerce-tabs #tab-description, html body.tax-product_cat .term-description) table:not(.shop_table, .woocommerce-product-attributes) :is(th, td):last-child,
:is(table.vira-tafla, .vira-tafla table) :is(th, td):last-child{
  padding-right:0;
}
/* Lykildálkur (th scope="row") 600, gildi 400 */
:is(html body.single-product .woocommerce-tabs #tab-description, html body.tax-product_cat .term-description) table:not(.shop_table, .woocommerce-product-attributes) :is(tbody, tfoot) th,
:is(table.vira-tafla, .vira-tafla table) :is(tbody, tfoot) th{
  font-weight:var(--v-fw-semibold);
}
/* Tvídálka tafla: lykill 40 % svo gildin fái pláss í síma */
:is(html body.single-product .woocommerce-tabs #tab-description, html body.tax-product_cat .term-description) table:not(.shop_table, .woocommerce-product-attributes) tr:has(> :nth-child(2):last-child) > :first-child,
:is(table.vira-tafla, .vira-tafla table) tr:has(> :nth-child(2):last-child) > :first-child{
  width:40%;
}
/* Töfluhaus eins og í körfu: 12 px, hástafir, stafabil, daufur litur */
:is(html body.single-product .woocommerce-tabs #tab-description, html body.tax-product_cat .term-description) table:not(.shop_table, .woocommerce-product-attributes) thead th,
:is(table.vira-tafla, .vira-tafla table) thead th{
  padding-top:var(--v-s1);
  padding-bottom:var(--v-s1);
  font-size:var(--v-fs-xs);
  font-weight:var(--v-fw-semibold);
  letter-spacing:var(--v-track-caps);
  text-transform:uppercase;
  vertical-align:bottom;
  color:inherit;
  color:color-mix(in srgb, currentColor 78%, transparent);   /* = --v-muted-on-cream á rjóma (6,90:1), --v-muted-on-dark á dökku */
}
/* Titill töflu (valfrjáls) í Gelasio, minni en H2 (20 px) svo hann lesist
   ekki sem önnur fyrirsögn */
:is(html body.single-product .woocommerce-tabs #tab-description, html body.tax-product_cat .term-description) table:not(.shop_table, .woocommerce-product-attributes) > caption,
:is(table.vira-tafla, .vira-tafla table) > caption{
  caption-side:top;
  padding:0 0 var(--v-s1);
  font-family:var(--v-serif);
  font-size:var(--v-fs-base);
  font-weight:var(--v-fw-head);
  line-height:1.3;
  text-align:left;
  color:inherit;
}

/* 18.2 Tafla í umbúðum (figure.wp-block-table eða div/figure.vira-tafla):
   ef taflan er breiðari en skjárinn flettir aðeins taflan til hliðar
   (Chrome og Firefox gera flettisvæðið aðgengilegt lyklaborði). Þá eru orð
   ekki brotin í miðju. Án umbúða brotna orðin í staðinn (18.1). */
:is(html body.single-product .woocommerce-tabs #tab-description, html body.tax-product_cat .term-description) figure.wp-block-table,
.vira-tafla:not(table){
  max-width:100%;
  margin:0 0 var(--v-s3);
  overflow-x:auto;
  border:0;
}
:is(html body.single-product .woocommerce-tabs #tab-description, html body.tax-product_cat .term-description) figure.wp-block-table table,
.vira-tafla:not(table) table{
  margin-bottom:0;
}
:is(html body.single-product .woocommerce-tabs #tab-description, html body.tax-product_cat .term-description) figure.wp-block-table :is(th, td),
.vira-tafla:not(table) :is(th, td){
  overflow-wrap:break-word;
}
/* Myndatexti WordPress-töflu (figcaption) */
:is(html body.single-product .woocommerce-tabs #tab-description, html body.tax-product_cat .term-description) figure.wp-block-table > figcaption,
.vira-tafla:not(table) > figcaption{
  margin:var(--v-s1) 0 0;
  font-family:var(--v-serif);
  font-size:var(--v-fs-sm);
  line-height:1.4;
  text-align:left;
  color:inherit;
  color:color-mix(in srgb, currentColor 78%, transparent);
}
/* Stíll „Rendur“ í WordPress: enginn grár bakgrunnur, sömu línur */
.vira-tafla.is-style-stripes,
:is(html body.single-product .woocommerce-tabs #tab-description, html body.tax-product_cat .term-description) .wp-block-table.is-style-stripes{
  border-bottom:0;
}
.vira-tafla.is-style-stripes tbody tr:nth-child(n),
:is(html body.single-product .woocommerce-tabs #tab-description, html body.tax-product_cat .term-description) .wp-block-table.is-style-stripes tbody tr:nth-child(n){
  background-color:transparent;
}
.vira-tafla.is-style-stripes table :is(th, td){
  border-color:var(--v18-line);
}

/* Fyrirsagnir í inngangi vöruflokka (t.d. „Algengar spurningar“).
   Stillingar Flatsome gera allar fyrirsagnir rjómalitar (h1 til h6 í
   custom-css), svo á rjóma sæjust þær ekki (1:1). Kolalitur 13,24:1,
   sama stærð og í lýsingu vöru (kafli 9). Engar slíkar fyrirsagnir eru
   til í dag, svo ekkert annað breytist. */
html body.tax-product_cat .term-description :is(h2, h3){
  font-family:var(--v-serif);
  font-weight:var(--v-fw-head);
  font-size:var(--v-fs-md);
  line-height:1.3;
  color:var(--v-coal);
  margin:var(--v-s4) 0 var(--v-s2);
}

/* 18.3 Algengar spurningar (details og summary).
   Lína undir hverri spurningu og ofan við þá fyrstu í hverjum hópi. */
:is(html body.single-product .woocommerce-tabs #tab-description, html body.tax-product_cat .term-description) details:not([class*="cmplz"], .accordion details),
:is(.vira-spurningar details, details.vira-spurning):not([class*="cmplz"], .accordion details){
  --v18-line:color-mix(in srgb, currentColor 18%, transparent);
  --v-focus:var(--v-gold-deep);             /* 3,91:1 á rjóma og 3,38:1 á kol: gull (#C9A55B) væri 1,94:1 á rjóma */
  display:block;
  margin:0;
  padding:0;
  border:0;
  border-bottom:1px solid var(--v18-line);
  background:transparent;
  color:inherit;
  text-align:left;
}
:is(html body.single-product .woocommerce-tabs #tab-description, html body.tax-product_cat .term-description) details:not([class*="cmplz"], .accordion details){
  --v18-line:var(--v-line-on-cream);
}
:is(html body.single-product .woocommerce-tabs #tab-description, html body.tax-product_cat .term-description) details:not([class*="cmplz"], .accordion details):not(details + details),
:is(.vira-spurningar details, details.vira-spurning):not([class*="cmplz"], .accordion details):not(details + details){
  border-top:1px solid var(--v18-line);
}
/* Bil á eftir hópnum, svo næsta málsgrein líti ekki út fyrir að vera svar */
:is(html body.single-product .woocommerce-tabs #tab-description, html body.tax-product_cat .term-description) details:not([class*="cmplz"], .accordion details):not(:has(+ details)),
details.vira-spurning:not([class*="cmplz"], .accordion details):not(:has(+ details)){
  margin-bottom:var(--v-s3);
}

/* Spurningin: 48 px snertiflötur að lágmarki, Montserrat 600 16 px,
   ör úr CSS hægra megin. Sjálfgefni þríhyrningurinn falinn. */
:is(html body.single-product .woocommerce-tabs #tab-description, html body.tax-product_cat .term-description) details:not([class*="cmplz"], .accordion details) > summary,
:is(.vira-spurningar details, details.vira-spurning):not([class*="cmplz"], .accordion details) > summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--v-s2);
  min-height:var(--v-btn-h);
  margin:0;
  padding:calc(var(--v-s1) * 1.5) 0;
  border:0;
  background:transparent;
  list-style:none;
  cursor:pointer;
  color:inherit;
  font-family:var(--v-sans);
  font-size:var(--v-fs-base);
  font-weight:var(--v-fw-semibold);
  line-height:1.4;
  letter-spacing:0;
  text-transform:none;
  text-align:left;
}
:is(html body.single-product .woocommerce-tabs #tab-description, html body.tax-product_cat .term-description) details:not([class*="cmplz"], .accordion details) > summary::-webkit-details-marker,
:is(.vira-spurningar details, details.vira-spurning):not([class*="cmplz"], .accordion details) > summary::-webkit-details-marker{
  display:none;
}
:is(html body.single-product .woocommerce-tabs #tab-description, html body.tax-product_cat .term-description) details:not([class*="cmplz"], .accordion details) > summary::marker,
:is(.vira-spurningar details, details.vira-spurning):not([class*="cmplz"], .accordion details) > summary::marker{
  content:"";
}
/* Fyrirsögn inni í summary (t.d. h3) tekur letur spurningarinnar */
:is(html body.single-product .woocommerce-tabs #tab-description, html body.tax-product_cat .term-description) details:not([class*="cmplz"], .accordion details) > summary > :is(h2, h3, h4, h5, h6, p),
:is(.vira-spurningar details, details.vira-spurning):not([class*="cmplz"], .accordion details) > summary > :is(h2, h3, h4, h5, h6, p){
  margin:0;
  padding:0;
  font:inherit;
  color:inherit;
  letter-spacing:inherit;
  text-transform:inherit;
}
/* Ör: tvö 2 px strik í textalit (13,24:1 á rjóma og á kol), snýst upp
   þegar spurningin er opin */
:is(html body.single-product .woocommerce-tabs #tab-description, html body.tax-product_cat .term-description) details:not([class*="cmplz"], .accordion details) > summary::after,
:is(.vira-spurningar details, details.vira-spurning):not([class*="cmplz"], .accordion details) > summary::after{
  content:"";
  flex:none;
  box-sizing:border-box;
  width:10px;
  height:10px;
  margin:0 var(--v-s1) 4px 0;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(45deg);
}
:is(html body.single-product .woocommerce-tabs #tab-description, html body.tax-product_cat .term-description) details[open]:not([class*="cmplz"], .accordion details) > summary::after,
:is(.vira-spurningar details[open], details.vira-spurning[open]):not([class*="cmplz"], .accordion details) > summary::after{
  margin-bottom:0;
  margin-top:4px;
  transform:rotate(-135deg);
}
@media (prefers-reduced-motion:no-preference){
  :is(html body.single-product .woocommerce-tabs #tab-description, html body.tax-product_cat .term-description) details:not([class*="cmplz"], .accordion details) > summary::after,
  :is(.vira-spurningar details, details.vira-spurning):not([class*="cmplz"], .accordion details) > summary::after{
    transition:transform var(--v-ease);
  }
}
:is(html body.single-product .woocommerce-tabs #tab-description, html body.tax-product_cat .term-description) details:not([class*="cmplz"], .accordion details) > summary:hover,
:is(.vira-spurningar details, details.vira-spurning):not([class*="cmplz"], .accordion details) > summary:hover{
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:.2em;
}

/* Svarið: sama meginmál og lýsingin (16 px, línubil 1,6) */
:is(html body.single-product .woocommerce-tabs #tab-description, html body.tax-product_cat .term-description) details:not([class*="cmplz"], .accordion details) > :not(summary),
:is(.vira-spurningar details, details.vira-spurning):not([class*="cmplz"], .accordion details) > :not(summary){
  margin:0 0 var(--v-s2);
  padding-left:0;
  font-family:var(--v-sans);
  font-size:var(--v-fs-base);
  font-weight:var(--v-fw-regular);
  line-height:var(--v-lh);
  text-align:left;
  color:inherit;
  color:color-mix(in srgb, currentColor 85%, transparent);  /* á dökku: rjómi 85 % */
}
:is(html body.single-product .woocommerce-tabs #tab-description, html body.tax-product_cat .term-description) details:not([class*="cmplz"], .accordion details) > :not(summary){
  color:var(--v-text-soft);                 /* kol 85 % á rjóma */
}
:is(html body.single-product .woocommerce-tabs #tab-description, html body.tax-product_cat .term-description) details:not([class*="cmplz"], .accordion details) > :is(ul, ol),
:is(.vira-spurningar details, details.vira-spurning):not([class*="cmplz"], .accordion details) > :is(ul, ol){
  padding-left:1.5em;
}
:is(html body.single-product .woocommerce-tabs #tab-description, html body.tax-product_cat .term-description) details:not([class*="cmplz"], .accordion details) > :not(summary):last-child,
:is(.vira-spurningar details, details.vira-spurning):not([class*="cmplz"], .accordion details) > :not(summary):last-child{
  margin-bottom:var(--v-s3);
}
/* Eldri harmonikka á fjórum REBELS-vörusíðum (Sweet Amaretti, Malt Blend,
   Rosso, Dark Spice, staða 3.10.2026, „.accordion details“) er undanskilin,
   svo þær síður breytist ekki. Svörin þar eru í <div class="panel">, sem
   Flatsome felur, svo þau sjást ekki í dag. Textinn er óyfirlesinn
   (þankastrik, upphrópanir). Þegar hann hefur verið lesinn yfir (SEO-13)
   má virkja þessa kafla þar með því að taka „, .accordion details“ úr
   veljurunum hér fyrir ofan og bæta við:
   #tab-description details > .panel{height:auto;visibility:visible;
   opacity:1;overflow:visible} */

/* Í tölvu nær svarið ekki inn undir örina */
@media (min-width:550px){
  :is(html body.single-product .woocommerce-tabs #tab-description, html body.tax-product_cat .term-description) details:not([class*="cmplz"], .accordion details) > :not(summary),
  :is(.vira-spurningar details, details.vira-spurning):not([class*="cmplz"], .accordion details) > :not(summary){
    padding-right:var(--v-s4);
  }
}

/* Vafrar án color-mix() (eldri en 2023): línur í textalit í stað 18 %,
   svo þær hverfi ekki. Rjómareglurnar hér fyrir ofan gilda áfram. */
@supports not (color:color-mix(in srgb, black, white)){
  :is(table.vira-tafla, .vira-tafla table),
  :is(.vira-spurningar details, details.vira-spurning):not([class*="cmplz"], .accordion details){
    --v18-line:currentColor;
  }
}


/* ==========================================================================
   19. Skilalínur á rjóma og síuslá verslunar (3.3.2)
   19.1 Flatsome setur sjálfgefnar línur #ececec og #ddd (hannaðar fyrir
   hvítan grunn). Á rjóma (#F6E9CF) eru þær nær hvítar og sjást illa.
   Skannað 3.10.2026 í 1440 og 375 px (forsíða, verslun, vöruflokkur,
   vörusíða, karfa, grein, hafa samband, opin farsímavalmynd og síuslá).
   Fannst: vöruflokkar í síuslá, farsímavalmynd (valmyndaratriði og
   samfélagsmiðlar), Viðbótarupplýsingar á vörusíðu og leitarreitur í
   leitarglugga hauss. Hér fá þær hlýja línu úr táknum (--v-line-on-cream,
   kol 12 %). Aðeins í ljósum spjöldum og á rjómasíðum: haus og fótur eru
   utan þessara svæða og halda sínum línum. :where() heldur sértækninni
   lágri (hæst 0,2,2, sama og .nav-sidebar.nav-vertical > li + li í
   Flatsome), svo eldri reglur í þessari skrá vinna áfram þar sem þær eru
   til.
   ========================================================================== */
:where(.mfp-content, #main-menu, .widget-area, .sidebar-inner, .cart-sidebar,
       body.woocommerce-shop #main, body.tax-product_cat #main,
       body.single-product #main, body.woocommerce-cart #main,
       body.woocommerce-checkout #main, body.woocommerce-order-received #main)
  :is(.widget > ul > li + li,
      ul.menu > li + li,
      .nav-vertical > li + li,
      .nav-sidebar.nav-vertical > li + li,
      ul.product_list_widget li + li,
      .widget_shopping_cart p.total,
      .cart-sidebar .widget-title,
      .woocommerce-product-attributes :is(th, td),
      .product-footer .woocommerce-tabs,
      .product-section,
      .wc-terms-and-conditions){
  border-color:var(--v-line-on-cream);
}
/* Undirvalmyndir í farsímavalmynd og síuslá */
:where(.mfp-content, #main-menu, .widget-area, .sidebar-inner)
  :is(.widget > ul > li ul, ul.menu > li ul){
  border-left-color:var(--v-line-on-cream);
}
/* Leitarreitur í leitarglugga hauss (.nav-dropdown, rjómi í kafla 2):
   #ddd var 1,4:1 á rjóma. Rammi um innsláttarreit þarf 3:1 (WCAG 1.4.11),
   sama og aðrir reitir á rjóma (3,46:1). Dökki hausinn sjálfur breytist
   ekki. */
:where(.nav-dropdown, .mfp-content, #main-menu) input[type="search"]{
  border-color:var(--v-field-on-cream);
  background-color:var(--v-field-bg);
}

/* 19.2 Síuslá verslunar (#shop-sidebar): „Vöruflokkar“ og „Flokka eftir
   verði“. Grennri og rólegri í anda útlits B, á 8 px kvarða.
   - Fyrirsagnir sem „eyebrow“ (sjonraent-einkenni.md): Montserrat 600,
     12 px, hástafir, stafabil .12em, gulltexti #7A5E26 (5,06:1 á rjóma).
     Ljósa strikið undir (.is-divider, rjómi á rjóma) er falið.
   - Flokkatenglar 15 px, 400, kol (13,24:1), 44 px raðir, undirstrikun
     við hover. Valinn flokkur 500.
   - Verðsleði: 2 px braut, virka bilið gull-dökkt #8E6F30 (3,91:1),
     handföng 16 px í kol með rjómahring og 28 px snertiflöt.
   - Verðbilið stendur eitt í línu, vinstrijafnað, og „Sía“ undir því
     (brotnaði áður í tvær línur við hlið hnappsins). Línubil 1,4.
   - „Sía“ er útlínuhnappur (8 px horn) í fullri breidd, 40 px (3.3.3). */
#shop-sidebar .widget{
  margin-bottom:var(--v-s4);
}
#shop-sidebar .widget .widget-title{
  display:block;
  font-family:var(--v-sans);
  font-size:var(--v-fs-xs);
  font-weight:var(--v-fw-semibold);
  letter-spacing:var(--v-track-caps);
  text-transform:uppercase;
  line-height:1.4;
  color:var(--v-gold-text) !important;
  margin:0 0 var(--v-s2);
}
#shop-sidebar .widget .is-divider{
  display:none;
}
#shop-sidebar .product-categories > li > a{
  display:block;
  font-size:var(--v-btn-fs);
  font-weight:var(--v-fw-regular);
  line-height:24px;
  padding:10px 0;
  color:var(--v-coal) !important;
  text-decoration:none;
}
#shop-sidebar .product-categories > li > a:hover{
  color:var(--v-ink) !important;
  text-decoration:underline;
  text-underline-offset:3px;
  text-decoration-thickness:1px;
}
#shop-sidebar .product-categories > li.current-cat > a{
  font-weight:var(--v-fw-medium);
}
/* Verðsleði */
#shop-sidebar .price_slider.ui-slider{
  height:2px;
  border:0;
  border-radius:0;
  background:rgba(34,34,34,.2);
  margin:var(--v-s3) 8px var(--v-s3);
}
#shop-sidebar .price_slider .ui-slider-range{
  height:2px;
  top:0;
  background:var(--v-gold-deep);
}
#shop-sidebar .price_slider .ui-slider-handle{
  width:16px;
  height:16px;
  top:-7px;
  margin-left:-8px;
  border:2px solid var(--v-cream);
  border-radius:50%;
  background:var(--v-coal);
  box-shadow:0 0 0 1px var(--v-coal);
  cursor:grab;
}
#shop-sidebar .price_slider .ui-slider-handle::before{
  content:"";
  position:absolute;
  inset:-6px;
}
/* Verðbil og hnappur */
.widget_price_filter .price_slider_amount{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--v-s2);
  text-align:left;
}
.widget_price_filter .price_slider_amount .price_label{
  order:1;
  font-size:var(--v-fs-sm);
  line-height:1.4;
  text-align:left;
  color:var(--v-coal);
}
.widget_price_filter .price_slider_amount .price_label :is(.from, .to){
  white-space:nowrap;
  font-weight:var(--v-fw-medium);
}
.widget_price_filter .price_slider_amount .button{
  order:2;
  float:none;
  margin:0;
}
.widget_price_filter .price_slider_amount .clear{
  display:none;
}
html body #shop-sidebar .price_slider_amount .button{
  background:transparent !important;
  color:var(--v-coal) !important;
  border:1px solid var(--v-field-on-cream) !important;
  border-radius:var(--v-btn-radius) !important;
}
/* „Sía“ (3.3.3): full breidd, lægri og grennri en aðrir hnappar. */
html body #shop-sidebar .price_slider_amount .button{
  align-self:stretch;
  width:100%;
  height:40px;
  min-height:40px !important;
  line-height:38px !important;
  padding:0 var(--v-s2) !important;
  font-size:var(--v-fs-sm) !important;
  font-weight:var(--v-fw-medium) !important;
}
html body #shop-sidebar .price_slider_amount .button:hover{
  background:var(--v-hover-on-cream) !important;
  border-color:var(--v-coal) !important;
  color:var(--v-coal) !important;
}


/* ==========================================================================
   20. Vöruleit í haus, beinar niðurstöður og síða án niðurstaðna (3.3.6)
   Vefhönnuður og vefstjóri 5.10.2026, prófað í 1440 og 390 px. Snertir
   aðeins li.header-search og .vira-engar-nidurstodur. Kökuborðinn er
   ósnertur. !important aðeins í 20.5: devbridge autocomplete
   (flatsome-live-search.js) setur position, width og max-height sem
   inline-stíl á .autocomplete-suggestions.
   20.6 á við blokkina sem PHP-kóðabrotið „VS Vöruleit“ setur inn.
   ========================================================================== */
/* --------------------------------------------------------------------------
   20.1 Tákn í haus: 44 x 44 snertiflötur í síma (WCAG 2.5.8 og 44 px viðmið)
   Á tölvu helst táknið óbreytt svo valmyndin hliðrast ekki.
   -------------------------------------------------------------------------- */
@media (max-width:849px){
  .header-main .nav > li.header-search > a.nav-top-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:44px;
    min-height:44px;
    padding:0;
  }
}


/* --------------------------------------------------------------------------
   20.2 Leitarspjaldið (fellivalmyndin)
   Rjómi, 8 px horn, 16 px innra bil, mjúkur skuggi.
   -------------------------------------------------------------------------- */
.header-main .nav > li.header-search > .nav-dropdown{
  --v-focus:var(--v-gold-deep,#8E6F30);       /* fókus á rjóma: 3,91:1 */
  box-sizing:border-box;
  width:360px;
  min-width:0;
  max-width:calc(100vw - 32px);
  padding:var(--v-s2,16px);
  border-radius:var(--v-radius-sm,8px);
  background-color:var(--v-cream,#F6E9CF);
  color:var(--v-ink-on-cream,#1E1B17);
  border:1px solid var(--v-line-on-cream,rgba(34,34,34,.12));
  box-shadow:0 12px 32px rgba(20,19,18,.22), 0 2px 6px rgba(20,19,18,.12);
  font-size:var(--v-fs-base,16px);
}
/* Ósýnileg brú milli tákns og spjalds, svo músin missi ekki hover á leiðinni */
.header-main .nav > li.header-search > .nav-dropdown::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:100%;
  height:16px;
}
/* Ör Flatsome (nav-dropdown-has-arrow) er falin: hún miðast við li, sem er
   static hér að neðan, og lenti því undir öðru valmyndaratriði. */
.header-main .nav > li.header-search.has-dropdown::before,
.header-main .nav > li.header-search.has-dropdown::after{
  display:none;
}
/* Innri reitur Flatsome (li.html) fær ekki eigið bil */
.header-main .nav > li.header-search .nav-dropdown > li.header-search-form{
  padding:0;
  margin:0;
  list-style:none;
}

/* Tölva: hægri brún spjalds í línu við körfuna (hægri brún valmyndarinnar).
   li verður static svo spjaldið miðast við ul.header-nav, sem er relative
   og endar við körfuna. */
@media (min-width:850px){
  .header-main .nav > li.header-search{
    position:static;
  }
  .header-main .nav > li.header-search.current-dropdown > .nav-dropdown,
  .no-js .header-main .nav > li.header-search:hover > .nav-dropdown{
    left:auto;
    right:0;
    top:calc(100% + 8px);
  }
}

/* Sími: spjaldið í fullri breidd beint undir hausnum.
   li og ul verða static svo spjaldið miðast við #masthead (.header-main).
   Engin :has(), virkar í öllum vöfrum. */
@media (max-width:849px){
  .header-main .nav > li.header-search,
  .header-main .show-for-medium .nav{
    position:static;
  }
  .header-main .nav > li.header-search.current-dropdown > .nav-dropdown{
    left:0;
    right:0;
    top:100%;
    display:block;                       /* Flatsome: table, sem minnkar spjaldið ef engar niðurstöður eru */
    width:auto;
    max-width:none;
    border-width:1px 0;
    border-radius:0 0 var(--v-radius-sm,8px) var(--v-radius-sm,8px);
  }
}


/* --------------------------------------------------------------------------
   20.3 Reitur og hnappur: jafnháir, 48 px
   Hnappurinn kemur úr kafla 4 í style.css (kol, 8 px horn, 48 px).
   Reiturinn fær sömu hæð og horn, 8 px bil á milli.
   -------------------------------------------------------------------------- */
.header-search .searchform .flex-row{
  align-items:stretch;
}
.header-search .searchform .flex-row > .flex-col + .flex-col{
  margin-left:var(--v-s1,8px);
}
.header-search .searchform input.search-field{
  box-sizing:border-box;
  height:var(--v-btn-h,48px);
  min-height:var(--v-btn-h,48px);
  margin:0;
  padding:0 14px;
  border:1px solid var(--v-field-on-cream,rgba(34,34,34,.55));  /* 3,46:1 */
  border-radius:var(--v-radius-sm,8px);
  background-color:#fff;
  color:var(--v-ink-on-cream,#1E1B17);
  font-family:var(--v-sans,"Montserrat",system-ui,sans-serif);
  font-size:var(--v-fs-base,16px);       /* 16 px: iOS þysjar ekki inn */
  line-height:1.2;
  box-shadow:none;
}
.header-search .searchform input.search-field::placeholder{
  color:var(--v-muted-on-cream,rgba(34,34,34,.78));  /* um 7,8:1 á hvítu */
  opacity:1;
}
.header-search .searchform input.search-field:hover{
  border-color:var(--v-coal,#222);
}
.header-search .searchform input.search-field:focus{
  border-color:var(--v-coal,#222);
  background-color:#fff;
  box-shadow:none;
}
.header-search .searchform .ux-search-submit{
  height:var(--v-btn-h,48px);
  margin:0;
}


/* --------------------------------------------------------------------------
   20.4 Fókus: gull-dökkt, 2 px, á rjóma (3,91:1, krafa 3:1)
   style.css 3.3.4 notar sjálft var(--v-focus) með !important. Breytan er
   sett í kafla 2, og þessi regla gildir ef style.css hefur hana ekki.
   -------------------------------------------------------------------------- */
.header-search .nav-dropdown :is(input, button, a):focus-visible{
  outline:2px solid var(--v-gold-deep,#8E6F30);
  outline-offset:3px;                    /* sama og kafli 3 í style.css */
}


/* --------------------------------------------------------------------------
   20.5 Beinar niðurstöður (.live-search-results > .autocomplete-suggestions)
   -------------------------------------------------------------------------- */
.header-search .live-search-results{
  position:relative;
  top:0;
  background:transparent;
  box-shadow:none;
}
.header-search .live-search-results .autocomplete-suggestions{
  position:static !important;            /* inline-stíll frá devbridge */
  width:auto !important;                 /* inline: breidd reitsins í px */
  max-height:min(60vh, 384px) !important;/* inline: 300px */
  overflow-y:auto;
  overscroll-behavior:contain;
  margin-top:var(--v-s1,8px);
  padding-top:var(--v-s1,8px);
  border-top:1px solid var(--v-line-on-cream,rgba(34,34,34,.12));
  background:transparent;
}
.header-search .autocomplete-suggestion{
  display:grid;
  grid-template-columns:48px minmax(0,1fr) auto;
  align-items:center;
  column-gap:12px;
  min-height:64px;
  padding:8px;
  border-bottom:1px solid var(--v-line-on-cream,rgba(34,34,34,.12));
  border-radius:var(--v-radius-sm,8px);
  color:var(--v-ink-on-cream,#1E1B17);
  cursor:pointer;
  transition:background-color var(--v-ease,.15s ease);
}
.header-search .autocomplete-suggestion:last-child{
  border-bottom:0;
}
.header-search .autocomplete-suggestion:hover,
.header-search .autocomplete-suggestion.autocomplete-selected{
  background-color:var(--v-hover-on-cream,rgba(34,34,34,.06));
}
/* Vörumynd: 48 x 48, hvítur grunnur, 8 px horn, öll flaskan sést */
.header-search .autocomplete-suggestion img.search-image{
  display:block;
  width:48px;
  height:48px;
  margin:0;
  padding:2px;
  border-radius:var(--v-radius-sm,8px);
  background:#fff;
  object-fit:contain;
}
/* Ef mynd vantar fer heitið í fyrsta dálk: færa það í miðdálk */
.header-search .autocomplete-suggestion > .search-name:first-child{
  grid-column:2;
}
.header-search .autocomplete-suggestion .search-name{
  margin:0;
  padding:0;
  font-family:var(--v-sans,"Montserrat",system-ui,sans-serif);
  font-size:15px;
  font-weight:var(--v-fw-regular,400);
  line-height:1.35;
  color:inherit;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-clamp:2;
  overflow:hidden;
  overflow-wrap:anywhere;
}
.header-search .autocomplete-suggestion .search-name strong{
  font-weight:var(--v-fw-semibold,600);
}
.header-search .autocomplete-suggestion .search-price{
  margin:0;
  padding:0;
  font-size:var(--v-fs-sm,14px);
  font-weight:var(--v-fw-semibold,600);
  line-height:1.35;
  color:var(--v-coal,#222);
  text-align:right;
  white-space:nowrap;
}
/* Afsláttarverð frá WooCommerce: gamla verðið dauft, nýja undir */
.header-search .autocomplete-suggestion .search-price del{
  display:block;
  font-weight:var(--v-fw-regular,400);
  color:var(--v-muted-on-cream,rgba(34,34,34,.78));
}
.header-search .autocomplete-suggestion .search-price ins{
  text-decoration:none;
}

@media (prefers-reduced-motion:reduce){
  .header-search .autocomplete-suggestion{
    transition:none;
  }
}


/* --------------------------------------------------------------------------
   20.6 Síða án niðurstaðna (vefstjóri). Útlit blokkarinnar sem PHP-kóðabrotið
   „VS Vöruleit“ setur inn (.vira-engar-nidurstodur). „SÍA“ falið þegar
   ekkert fannst. Prófað með innsprautun 5.10.2026 (skjáskot 06).
   -------------------------------------------------------------------------- */
body.search-no-results .category-filtering{
  display:none;
}
.vira-engar-nidurstodur{
  max-width:680px;
  margin:0 auto var(--v-s6,48px);
  padding:0 var(--v-s2,16px);
  text-align:center;
}
.vira-engar-nidurstodur h2{
  margin:var(--v-s3,24px) 0 var(--v-s1,8px);
  font-family:var(--v-serif,"Gelasio",Georgia,serif);
  font-size:24px;
  font-weight:500;
  line-height:1.25;
  letter-spacing:0;
  text-transform:none;
  color:var(--v-coal,#222);
}
.vira-engar-nidurstodur p{
  margin:0 0 var(--v-s3,24px);
  color:var(--v-muted-on-cream,rgba(34,34,34,.78));
}
.vira-engar-nidurstodur .searchform-wrapper{
  max-width:480px;
  margin:0 auto var(--v-s4,32px);
}
.vira-engar-nidurstodur .searchform .flex-row{
  align-items:stretch;
}
.vira-engar-nidurstodur .searchform .flex-row > .flex-col + .flex-col{
  margin-left:var(--v-s1,8px);
}
.vira-engar-nidurstodur input.search-field{
  box-sizing:border-box;
  height:var(--v-btn-h,48px);
  margin:0;
  border-radius:var(--v-radius-sm,8px);
  font-size:var(--v-fs-base,16px);
}
.vira-engar-nidurstodur .ux-search-submit{
  height:var(--v-btn-h,48px);
  margin:0;
}
.vira-engar-nidurstodur ul{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:var(--v-s1,8px);
  margin:0;
  padding:0;
  list-style:none;
}
.vira-engar-nidurstodur li{
  margin:0;
}
.vira-engar-nidurstodur li a{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 16px;
  border:1px solid var(--v-field-on-cream,rgba(34,34,34,.55));
  border-radius:var(--v-radius-sm,8px);
  font-family:var(--v-sans,"Montserrat",system-ui,sans-serif);
  font-size:15px;
  font-weight:500;
  color:var(--v-coal,#222);
  text-decoration:none;
}
.vira-engar-nidurstodur li a:hover{
  background-color:var(--v-hover-on-cream,rgba(34,34,34,.06));
}
.vira-engar-nidurstodur li a:focus-visible{
  outline:2px solid var(--v-gold-deep,#8E6F30);
  outline-offset:2px;
}


/* ==========================================================================
   21. Yfirsíður /vorulisti/ og /greinar/ (3.3.7, SEO-05)
   Vefstjóri 7.10.2026. Rjómaspjald á kolagráum grunni, eins og aðrar
   efnissíður í útliti B. Á aðeins við HTML-þáttinn <section class="vs-hub">.
   ========================================================================== */
.vs-hub{background:#222222;padding:104px 15px 48px;font-family:Montserrat,"Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.6}
.vs-hub *{box-sizing:border-box}
.vs-hub .vs-kort{max-width:760px;margin:0 auto;background:#F6E9CF;color:#282828;border-radius:30px;padding:40px 32px}
.vs-hub h1{font-family:Gelasio,Georgia,"Times New Roman",serif;font-weight:500;font-size:2em;line-height:1.2;margin:0 0 16px;color:#282828;text-transform:none;letter-spacing:normal}
.vs-hub p{margin:0 0 14px;color:#282828}
.vs-hub ul{list-style:none;margin:24px 0 8px;padding:0}
.vs-hub li{margin:0 0 14px;padding:0 0 14px;border-bottom:1px solid rgba(40,40,40,.15);color:#282828}
.vs-hub a{color:#282828;text-decoration:underline;text-underline-offset:3px}
.vs-hub li a{font-weight:600}
.vs-hub a:focus-visible{outline:2px solid #282828;outline-offset:3px}
@media (max-width:549px){.vs-hub{padding-top:84px}.vs-hub .vs-kort{border-radius:20px;padding:28px 20px}.vs-hub h1{font-size:1.6em}}