/* Gjør header knapp 1 hvit */
.header-button-1 a,
.header-button-1 .button {
    background-color:  !important; /* hvit bakgrunn */
    color: #ffffff !important;            /* svart tekst/ikon (kan endres) */
    border-color:  !important;     /* hvit kantlinje */
}

/* Hover-effekt */
.header-button-1 a:hover,
.header-button-1 .button:hover {
    background-color:  !important; /* oransje på hover */
    color: #f68b1f !important;            /* hvit tekst */
    border-color:  !important;
}
/* Endrer høyden på FiboSearch søkefelt */
.dgwt-wcas-search-input {
    height: 35px !important;
    /* Alternativt kan du endre padding for å øke høyden */
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
/* Flatsome: fjern checkout progress/steps/breadcrumbs KUN i kasse og kurv */
.woocommerce-checkout .checkout-breadcrumbs,
.woocommerce-checkout .woocommerce-breadcrumb,
.woocommerce-checkout .breadcrumbs,
.woocommerce-checkout .breadcrumb,
.woocommerce-checkout .ux-checkout-steps,
.woocommerce-checkout .checkout-steps,
.woocommerce-checkout .checkout-steps-wrapper,
.woocommerce-cart .checkout-breadcrumbs,
.woocommerce-cart .woocommerce-breadcrumb,
.woocommerce-cart .breadcrumbs,
.woocommerce-order-received .woocommerce-breadcrumb,
.woocommerce-order-received .checkout-breadcrumbs {
  display: none !important;
}
/* Trekk checkout opp mot header (negativ margin) */
.woocommerce-checkout .page-wrapper {
  margin-top: -60px !important;
}
/* Be om tilbud – ScaleIt */
.button.be-om-tilbud {
  background-color: #001d2c;
  color: #ffffff;
  border: none;
}

.button.be-om-tilbud:hover,
.button.be-om-tilbud:focus {
  background-color: #6f6f6f;
  color: #ffffff;
}
/* Fluid Checkout – Ordren din (grå boks) */
.fc-checkout-order-review,
.woocommerce-checkout-review-order {
  background-color: #f5f5f5;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 20px;
}

/* Fjern oransje kant/markering */
.fc-checkout-order-review {
  box-shadow: none;
}

/* Litt bedre spacing mellom linjene */
.fc-checkout-order-review table {
  margin-bottom: 0;
}
/* Flatsome – fjern oransje ramme rundt ordreoppsummering */
.woocommerce-checkout .col-inner.has-border {
  border: none !important;
}
/* Align overskrifter på checkout (Flatsome) */
.woocommerce-checkout .col-inner.has-border{
  padding-top: 10 !important;   /* viktig */
  margin-top: 10 !important;
}
/* Skjul "(valgfritt)" i checkout */
.woocommerce-checkout .optional {
  display: none;
}
/* Fjern "Delsum" kolonneoverskrift i checkout order review */
.woocommerce-checkout-review-order-table thead th.product-total {
  display: none;
}
/* Skjul "Shipment 1" / fraktoverskrift i ordreoppsummering */
.woocommerce-checkout-review-order-table .shipping th {
  display: none;
}
.scaleit-price-request-inline,
.scaleit-price-request {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
}
/* På lager */
.single-product .stock.in-stock{
  font-size: 16px;
  font-weight: 600;
}

/* På restordre / backorder */
.single-product .stock.available-on-backorder,
.single-product .stock.backorder{
  font-size: 16px;
  font-weight: 600;
  color: #a06a00; /* dempet oransje/gul */
}

/* Utsolgt */
.single-product .stock.out-of-stock{
  font-size: 16px;
  font-weight: 600;
  color: #b10000; /* rolig rød */
}
/* Vi bruker !important for å tvinge Flatsome til å prioritere denne stilen */
.custom-fra-label {
    font-size: 100% !important;
    font-weight: bold !important;
    color: #111 !important; /* Mørk farge som matcher tallene */
    display: inline-block !important;
    margin-right: 0em !important;
    line-height: inherit !important;
    vertical-align: baseline !important;
}

/* Dette sørger for at den arver fargen hvis prisen er rød/oransje */
.price .custom-fra-label {
    color: inherit !important;
}
/* Fjerner utsolgt-merket fra produktbilder i katalogen */
.out-of-stock-label {
    display: none !important;
}





/* 1. TEKNISK SPES - Kompakt versjon med zebra-farger (Grå-blå) */
.spec-box table.shop_attributes {
    border: 1px solid #ececec !important; 
    border-collapse: collapse !important;
    width: 100% !important;
    background-color: #ffffff !important; 
    text-transform: none !important;      
}

/* Standard bakgrunn for alle rader */
.spec-box table.shop_attributes tr {
    background-color: #ffffff !important;
}

/* Annenhver rad (partall) får en lys grå-blå farge */
.spec-box table.shop_attributes tr:nth-child(even) {
    background-color: #f0f4f7 !important; /* Lys grå-blå farge */
}

/* Venstre kolonne - Kompakt høyde og venstrestilt */
.spec-box table.shop_attributes th {
    text-align: left !important;
    font-weight: normal !important;
    color: #000000 !important;
    padding: 7px 10px !important; /* Styrer den lave radhøyden */
    border: 1px solid #ececec !important;
    width: 45%;
    text-transform: none !important; 
}

/* Høyre kolonne - Kompakt høyde og venstrestilt */
.spec-box table.shop_attributes td {
    text-align: left !important;
    font-weight: normal !important;
    color: #000000 !important;
    padding: 7px 10px !important; /* Styrer den lave radhøyden */
    border: 1px solid #ececec !important;
    font-style: normal !important;
    text-transform: none !important; 
}

/* Fjerner margin på p-tagger inni tabellen som kan skape ekstra høyde */
.spec-box table.shop_attributes td p {
    margin: 0 !important;
    padding: 0 !important;
}

/* Tvinger bort alle automatiske store bokstaver i innholdet */
.spec-box table.shop_attributes td *,
.spec-box table.shop_attributes th * {
    text-transform: none !important;
}





/* Tvinger Cookiebot-knapper til normale bokstaver */
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll,
.CybotCookiebotDialogBodyButton {
    text-transform: none !important;
}
/* Tvinger Cookiebot Privacy Trigger til å ligge øverst */
#CookiebotPrivacyTrigger {
    z-index: 999999 !important;
    display: block !important;
}
/* Fjerner linjer og boks-stiler fra listen */
ul.liste-uten-linjer, 
ul.liste-uten-linjer li {
    list-style: none !important;
    border: none !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    background: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* Beholder haken (checkmark) men fjerner linjer som kan ligge i denne klassen */
.bullet-checkmark {
    border: none !important;
    border-bottom: 0 !important;
    text-decoration: none !important;
}
.knapp-produktkategori {
    width: 215px !important;
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    text-align: center;
}



/* HOVER FARGE PÅ KNAPP, Tilstand når du holder musa over (Hover) */
.knapp-produktkategori:hover {
    background-color: #7d7d7d !important;
    color: #ffffff !important; /* Sikrer at teksten forblir hvit */
}
/* Gjør lenken lik vanlig tekst */
.usynlig-lenke {
    color: inherit;         /* Arver fargen til teksten rundt (svart) */
    text-decoration: none;  /* Fjerner understrek */
    display: inline-block;
    cursor: pointer;
}

/* Fargeendring når man holder over */
.usynlig-lenke:hover {
    color: #0077c0 !important; /* Den blåfargen du ba om */
    text-decoration: none;     /* Holder den ren uten understrek ved hover også */
}
/* Hover-effekt med gråfargen du valgte */
.forside-knapp:hover {
    background-color: #7d7d7d !important;
    color: white !important; /* Valgfritt: sikrer hvit tekst på grå bakgrunn */
}
/* Hvis det er selve "hover-boksen" som trenger radius */
.header-dropdown .menu-item a:hover,
.nav-dropdown li a:hover {
    border-radius: 5px !important;
}
/* Fjerner standard lenke-stil */
.helt-usynlig {
    text-decoration: none !important;
    color: inherit !important;
    display: block; /* Gjør at hele avsnittet kan klikkes */
}




/* 1. GRÅ RAMME RUNDT PRODUKTENE, Legger ramme og luft rundt produktene i Flatsome */
.products .product-small .col-inner {
    border: 1px solid #e2e2e2 !important; /* Den grå rammen */
    background-color: #ffffff !important; /* Hvit bakgrunn */
    padding: 15px !important;             /* Luft inni boksen */
    border-radius: 0px !important;        /* Litt runde hjørner */
    transition: 0.3s !important;          /* Myk effekt */
}

/* Valgfritt: Litt skygge når man holder musa over (hover) */
.products .product-small .col-inner:hover {
    border-color: #cccccc !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1) !important;
}

/* Sørger for at bildet ikke krasjer med ramma */
.product-small .box-image {
    margin-bottom: 10px !important;
}





/* 1. HOVEDRAMME FOR PRODUKTENE */
.product-small.col .col-inner,
.product-box .col-inner {
    border: 1px solid #e2e2e2 !important; 
    background-color: #ffffff !important;
    padding: 15px !important; /* Dette gir luft rundt både bilde og tekst */
    border-radius: 0px !important;
    transition: all 0.3s ease !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    text-align: left !important;
}

/* 2. BILDE-KONTROLL (Hindrer at bildene blir gigantiske) */
.product-small .box-image,
.product-box .box-image {
    width: 100% !important;
    max-width: 200px !important; /* JUSTER DENNE for å endre bildestørrelsen */
    margin: 0 auto 15px 0 !important; /* Sentrerer bildet i seg selv, eller sett til 0 for venstre */
}

.product-small .box-image img,
.product-box .box-image img {
    width: auto !important;
    max-height: 180px !important; /* Hindrer at bildene blir for høye */
    object-fit: contain !important;
}

/* 3. VENSTRESTILLING AV TEKST OG INNHOLD */
.product-small .box-text, 
.product-box .box-text {
    text-align: left !important;
    padding: 5px 0 !important;
    margin: 0 !important;
}

.product-small .title, 
.product-small .price,
.product-small .category,
.product-small .price-wrapper {
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    display: block !important;
}

/* 4. KNAPPE-STYLING */
.product-small .add-to-cart-grid-default {
    justify-content: flex-start !important;
    margin-top: auto !important; /* Dytter knappen til bunnen av ramma */
}





/* 1. KNAPP PRODUKTKATALOG Juster selve knappen og tving tekststørrelsen */
.product-small .add_to_cart_button, 
.product-small .ajax_add_to_cart,
.product-small .product-button a,
.product-small .button,
.product-small a.add_to_cart_button {
    display: block !important;
    width: 100% !important;
    background-color: #0c2a3e !important;
    color: #ffffff !important;
    text-align: center !important;
    
    /* ENDRE DISSE FOR STØRRELSE */
    font-size: 14px !important;    /* Her setter du ønsket tekststørrelse */
    font-weight: bold !important;  /* Gjør teksten tykkere */
    padding: px 5px !important;  /* Gir knappen mer luft rundt stor tekst */
    
    /* Tekst-formatering */
    text-transform: none !important; /* Fjerner tvungen store bokstaver */
}

/* 2. Sørg for at eventuelle tekst-elementer inni knappen arver størrelsen */
.product-small .button *,
.product-small .add_to_cart_button * {
    font-size: inherit !important;
}

/* 3. Hover-effekt */
.product-small .button:hover {
    background-color: #7d7d7d !important;
}

/* Containeren som holder hele prisen */
.pris-seksjon {
    margin-top: 20px !important;    /* Luft over prisen (fra produktnavn) */
    margin-bottom: 25px !important; /* Luft under prisen (ned til knappen) */
    display: block;
}

/* Boksen som holder teksten og prisen */
.pris-container-boks {
    padding: 15px 0 !important; /* Gir 15px luft over og under prisen */
    display: inline-block;
    width: 100%;
}

.pris-seksjon {
    margin: 20px 0 !important; /* Gir ekstra avstand til overskrift og knapp */
}

.pris-wrapper {
    display: block;
    line-height: 1.5 !important;
    font-size: 1.1em !important;
    text-transform: lowercase !important;
}

/* Stor forbokstav */
.pris-wrapper::first-letter {
    text-transform: uppercase !important;
}


/* 2. KNAPP PÅ PRODUKTSIDEN - Spesifikt for [ux_product_add_to_cart style="minimal"] */

/* 1. Beholderen – sørger for at alt står på samme rad */
.add-to-cart-container {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
}

/* 2. Sørg for at antallsvelgeren (quantity) har en fast plass */
.add-to-cart-container .quantity {
    flex: 0 0 80px !important; /* Låser antalls-boksen til 80px */
    width: 100% !important;
    margin: 0 !important;
}

/* 3. Knappen – Her fjerner vi 100% bredde så den kan dele plassen */
.add-to-cart-container .button.add_to_cart_button,
.add-to-cart-container .single_add_to_cart_button,
.add-to-cart-container button[type="submit"] {
    display: inline-block !important;
    
    /* VIKTIG: Vi bruker flex: 1 for at den skal fylle resten av plassen */
    flex: 1 !important; 
    width: auto !important;
    min-width: 0 !important; /* Lar knappen krympe hvis nødvendig */
    
    /* Juster høyden slik at den matcher antallsvelgeren din */
    height: 40px !important; 
    line-height: 40px !important;
    padding: 0 15px !important;
    
    /* Styling */
    background-color: #0c2a3e !important;
    color: #ffffff !important;
    text-align: center !important;
    font-weight: 600 !important;
    text-transform: none !important;
    border-radius: 5px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

/* Sørger for at mengdevelgeren ved siden av også har riktig høyde */
.add-to-cart-container .quantity,
.add-to-cart-container .quantity input {
    height: 40px !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
}


/* 1. STYLING FOR KATALOG/OVERSIKT  */
.archive .pris-seksjon, 
.post-type-archive-product .pris-seksjon {
    margin: 0px 0 !important;
    padding-bottom: 0 !important; /* Fjerner luft under pris-seksjonen */
}

/* 1. Kontroll over selve teksten "Pris fra" */
.archive .pris-wrapper, 
.post-type-archive-product .pris-wrapper {
    font-size: 1em !important; 
    color: #000;
    line-height: 1.2;
    display: block !important; /* Sørger for at "Pris fra" står på egen linje */
}

/* 2. Kontroll over selve prislappen (tallet og kr) */
.archive .pris-wrapper .woocommerce-Price-amount, 
.post-type-archive-product .pris-wrapper .woocommerce-Price-amount {
    font-size: 0.9em !important; 
    color: #000 !important;      
    font-weight: bold;           
}

/* 3. Teksten "ekskl. mva" skal IKKE være bold */
.archive .pris-wrapper .woocommerce-price-suffix, 
.post-type-archive-product .pris-wrapper .woocommerce-price-suffix,
.archive .pris-wrapper small,
.post-type-archive-product .pris-wrapper small {
    font-weight: normal !important;
    font-size: 0.8em; 
    color: #222;    
}

.archive .selve-prisen, 
.post-type-archive-product .selve-prisen {
    font-size: 1.2em !important; 
    display: block;
    margin-top: 0px !important;
    font-weight: bold !important;
    color: #000;
}

/* ENDRINGEN: Fjerner padding i boksen og tetter gapet til spesifikasjonene */
.archive .pris-container-boks {
    padding: 2 !important; /* Fjerner 15px luft over/under som var standard */
    margin-bottom: 5px !important; /* Minimal avstand til spesifikasjons-streken */
}

/* Fjerner ekstra luft under produktspesifikasjonene */
.archive .product-specs-box {
    margin-top: 5px !important;
    margin-bottom: 5px !important; /* Gjør det tettere ned mot knappen */
}

/* 2. STYLING FOR SELVE PRODUKTSIDEN (Litt større, men ikke "alt for stor") */
.single-product .pris-seksjon {
    margin: 0px 0 !important;
}

.single-product .pris-wrapper {
    font-size: 1em !important;
    color: #000;
}

.single-product .selve-prisen {
    font-size: 1.2em !important; /* Juster denne ned hvis den fortsatt er for stor */
    display: block;
    font-weight: 800 !important;
    color: #000;
}

/* 3. FIX FOR FORBOKSTAV (Gjelder begge) */
.pris-wrapper::first-letter {
    text-transform: uppercase !important;
}


/* Tvinger 1:1 format på alle produktbilder og slider-elementer */
.woocommerce-product-gallery img, 
.woocommerce-product-gallery__image,
.flex-control-thumbs img,
.slick-slide img,
.product-images img {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important; /* Garanterer kvadratisk form */
    object-fit: contain !important;  /* Sørger for at bildet fyller ruten uten å strekkes */
    height: auto !important;
    border-radius: 0 !important;   /* Fjerner alle runde hjørner */
}

/* Spesifikt for slider-containere slik at de ikke kutter bildene feil */
.woocommerce-product-gallery__wrapper, 
.slick-track {
    display: flex !important;
    align-items: stretch;
}

/* Fjerner eventuell skygge eller rammer som kan ha runde hjørner */
.woocommerce-product-gallery__image {
    border: none !important;
    box-shadow: none !important;
}



/* Lager en tynn grå ramme rundt produktbildet */
.woocommerce-product-gallery img, 
.woocommerce-product-gallery__image,
.flex-control-thumbs img,
.slick-slide img,
.product-images img {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important; /* Låser til kvadrat */
    object-fit: contain !important; /* Viser hele bildet (zoom ut) */
    
    /* Ramme-innstillinger */
    border: 1px solid #d3d3d3 !important; /* Den grå streken */
    background-color: transparent !important; /* Ingen fyllfarge */
    padding: 0px !important;            /* Luft mellom bildet og streken */
    
    /* Spisse hjørner */
    border-radius: 0 !important;
    box-sizing: border-box;
}

/* Fjerner alt av standard avrunding og skygge fra slider-beholderen */
.woocommerce-product-gallery__wrapper, 
.woocommerce-product-gallery__image,
.woocommerce-product-gallery {
    border-radius: 0 !important;
    box-shadow: none !important;
    border: none !important;
}

/* Valgfritt: Gjør miniatyrbildene (thumbnails) like med en tynnere strek */
.flex-control-thumbs li img {
    border: 1px solid #e5e5e5 !important;
    padding: 0px !important;
}




/* Målretter kun lister inne i kort beskrivelse på produktsiden */
.product-short-description ul {
    list-style: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    margin-bottom: 15px !important; /* Avstand til neste element */
}

.product-short-description ul li.bullet-checkmark {
    position: relative;
    padding-left: 20px !important; /* Plass til haken */
    margin-bottom: 3px !important;  /* Minimalt mellomrom mellom punktene */
    line-height: 1.2 !important;    /* Veldig tett linjeavstand */
    font-size: 0.95em !important;   /* Litt mindre tekst gjør det ofte ryddigere */
    list-style-type: none !important;
}



/* Tvinger tabellen til å bli synlig uansett innstillinger */
.product-short-description .shop_attributes,
.spec-box .shop_attributes {
    display: table !important;
    visibility: visible !important;
    opacity: 1 !important;
}



.spec-box .download-link {
    color: #f68b1f !important; /* Oransje farge */
    font-weight: bold !important;
    text-transform: lowercase !important;
    text-decoration: none !important;
}

.spec-box .download-link:hover {
    color: #000 !important; /* Sort ved hover */
}

.spec-box table.shop_attributes td {
    text-align: left !important;
}



/* Setter tabellen til å bli en rad */
table.variations tbody {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap;
    gap: 15px; /* Avstand mellom boksene */
}

/* Gjør hver kolonne (Kapasitet/Deling) til en frittstående boks */
table.variations tr {
    display: flex !important;
    flex-direction: column !important; /* Overskrift over meny */
    flex: 1; /* Lar dem dele plassen likt */
    min-width: 180px;
}

/* Fjerner standardbredden på overskriftene */
table.variations td.label {
    width: auto !important;
    padding: 0 0 5px 0 !important;
    text-align: left !important;
}

/* Sørger for at selve dropdown-boksen tar hele bredden av sin kolonne */
table.variations td.value {
    width: 100% !important;
    padding: 0 !important;
}

table.variations select {
    width: 100% !important;
    min-width: 0 !important;
}

/* Fjerner den vertikale streken/padding som Flatsome ofte legger til */
table.variations td {
    border: 0 !important;
}



/* Øker tekststørrelsen på selve valgene (Swatches) */
.swatch-display-type-label, 
.ux-swatch {
    font-size: 15px !important; /* Juster tallet for å endre størrelsen */
    padding: 5px 10px !important; /* Gir litt mer rom rundt teksten */
}

/* Øker tekststørrelsen på merkelappen over (f.eks. "Kapasitet") */
.label label {
    font-size: 15px !important;
    font-weight: normal !important;
    color: #000 !important;
}

/* Gjør teksten i dropdown-menyen større (hvis du bruker standard dropdown) */
select.resizeselect {
    font-size: 15px !important;
}



/* Skjuler lagerstatus, restordre og alle meldinger om tilgjengelighet helt */
.stock, 
.availability, 
.out-of-stock, 
.in-stock, 
.available-on-backorder {
    display: none !important;
}
/* Fjerner den stiplede linjen over lagerstatus/variasjonsknapper i Flatsome */
.woocommerce-variation-availability,
.single_variation_wrap .is-divider,
.variations_button {
    border-top: none !important;
    border-bottom: none !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
}



.leveringstidbanner {
    border-radius: 5px !important;
}


/* Skjuler breadcrumbs i produktkatalogen */
.archive .woocommerce-breadcrumb {
    display: none !important;
}



/* Styling for ren tekst-status */
.stock-text-backorder, 
.stock-text-instock {
    font-size: 15px;
    font-weight: 500;
    display: flex;
    align-items: center;
}

/* Farge for restordre (nøytral mørk grå) */
.stock-text-backorder {
    color: #444;
}

/* Farge for på lager (grønn) */
.stock-text-instock {
    color: #2e7d32;
}

/* Mellomrom mellom ikon og tekst */
.stock-text-backorder i, 
.stock-text-instock i {
    margin-right: 8px;
}



/* Fjerner luft under selve handlekurv-skjemaet (knapper og antall) */
form.cart {
    margin-bottom: 5px !important;
}

/* Fjerner luft som ofte ligger rundt variasjons-velgerne (Kapasitet/Presisjon) */
.variations_form {
    margin-bottom: 5px !important;
}

/* Justerer avstanden på selve containeren vi laget tidligere */
.custom-checkbox-container {
    margin-top: 0 !important; /* Trekker boksen din helt opp til knappen */
    margin-bottom: 5px !important; /* Avstand til leveringstid-boksen */
}



/* Tvinger tekstfeltet i popupen til normal skriftvekt */
textarea[name="your-subject"] {
    font-weight: normal !important;
}


/* Fjerner blokkbokstaver på send-knappen i Contact Form 7 */
.wpcf7-submit {
    text-transform: none !important;
    letter-spacing: normal !important;
}


.button.product_type_simple, .button.wc-forward, .button.get_quoted {
    min-height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}



/* Spesifikk fargelegging og justering av Flatsome-sidebaren */
#shop-sidebar, 
.shop-sidebar-wrapper,
.is-sticky-column .is-sticky-column__inner {
    background-color: #F1F1F1 !important; /* Lys grå */
    padding: 30px !important;
    padding-top: 0px !important; /* Gir litt luft fra toppen av boksen til teksten */
    border-radius: 5px !important;
    border: 1px solid #e2e2e2 !important;
    
    /* DENNE LINJEN FLYTTER BOKSEN NED */
    margin-top: 20px !important; 
}

/* Fjerner luft over selve beholderen i Flatsome for full kontroll */
.shop-sidebar-wrapper {
    padding-top: 0 !important;
}

/* Gir luft mellom hvert filter-element (Kapasitet, Presisjon osv) */
.wpc-filter-set {
    background: transparent !important;
    margin-bottom: 20px !important;
    padding-bottom: 15px !important;
    border-bottom: 1px solid #ddd !important;
}

/* Fjerner den siste skillelinjen nederst i boksen */
.wpc-filter-set:last-child {
    border-bottom: none !important;
}





/* Flytter selve beholderen lenger opp og ut i kanten */
.badge-container {
    top: -18px !important;  /* Prøv 0px eller -5px hvis den skal enda lenger opp */
    left: 20px !important; /* Prøv 0px for å legge den helt i kanten */
}

/* Gjør selve sirkelen litt mindre så den tar mindre plass */
.badge-inner.sale-badge {
    width: 40px !important; 
    height: 40px !important;
    line-height: 40px !important; /* Sentrerer teksten loddrett */
    padding: 0 !important;        /* Fjerner standard padding */
}

/* Justerer teksten inni så den passer den mindre boblen */
.badge-inner.sale-badge .badge-inner {
    font-size: 10px !important;
    font-weight: bold;
}



.woocommerce-ordering select {
    border-radius: 5px !important;
    background-color: #ffffff !important;
    border: none !important;
    font-size: 0.9em !important;
    padding: px !important;
	border: 1px solid #d3d3d3 !important;
}



/* FJERNER TOMROM MELLOM SIDETITTEL OG INNHOLD */

/* 1. Fjerner bunnmargen på selve overskriften (f.eks. Jekketrallevekter) */
.page-title-inner, 
h1.page-title {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* 2. Fjerner padding på toppen av selve hovedinnholdet og sidebaren */
#content.shop-page-wrapper, 
.shop-container,
.shop-sidebar-wrapper {
    padding-top: 0 !important;
    margin-top: 0px !important; /* Drar innholdet fysisk oppover */
}

/* 3. Skjuler eventuelle brødsmuler (breadcrumbs) eller skillelinjer som lager luft */
.is-divider, 
.woocommerce-breadcrumb,
.page-title + .is-divider {
    display: none !important;
}

/* 4. Strammer opp luften i selve rad-oppsettet til Flatsome */
.row.category-page-row {
    padding-top: 0 !important;
}




/* FIX FOR KNAPPER I KATALOG/RELATERTE PRODUKTER PÅ MOBIL */
@media (max-width: 549px) {
    
    /* 1. Tillater tekstbryting og justerer størrelsen på katalog-knapper */
    .product-small .add_to_cart_button, 
    .product-small .ajax_add_to_cart,
    .product-small .product-button a,
    .product-small .button,
    .product-small a.add_to_cart_button {
        font-size: 11px !important;      /* Mindre tekst */
        padding: 5px 4px !important;     /* Kompakt padding */
        min-height: 38px !important;     /* Stabil høyde */
        height: auto !important;         /* Lar knappen utvide seg ved to linjer tekst */
        line-height: 1.2 !important;     /* Tettere linjeavstand for tekstbryting */
        
        /* Viktig: tvinger teksten til å legge seg på ny rad istedenfor å dytte ut ramma */
        white-space: normal !important;  
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        text-transform: none !important;
    }

    /* 2. Gjør selve produktkortet mer kompakt så knappene får mer plass */
    .product-small.col .col-inner {
        padding: 10px 8px !important; 
    }

    /* 3. Justerer bildebeholderen så den ikke dytter knappen ut av syne */
    .product-small .box-image {
        max-width: 150px !important;
        margin: 0 auto 8px auto !important;
    }

    /* 4. Sørger for at prisen ikke tar for mye vertikal plass på mobil */
    .archive .pris-container-boks {
        padding: 2px 0 !important;
        margin-bottom: 5px !important;
    }

    .archive .selve-prisen {
        font-size: 1.0em !important;
    }
}