/*
Theme Name: Norway Ducks V3 Child
Template: twentytwentyfive
Version: 0.1.13
*/

/* ******* BREAKPOINTS ******** */
/* ** JUSTER ETTER INNHOLD! **  */
/* **************************** */
/* X-Small	<576px              */
/* Small	≥576px  <768px      */
/* Medium	≥768px  <992px      */
/* Large	≥992px  <1200px     */
/* X-Large	≥1200px             */
/* **************************** */

/* **************** */
/*  X-Small	<576px  */
/* **************** */
@media all and (max-width: 575px) {
    /* Skjul brede headerlinjer, vis smale headerlinjer) */
    .teaser-rad-bred {
        display: none !important;
    }
    .teaser-rad-smal {
        display: block !important;
    }
}

/* **************** */
/*  Small	≥576px  */
/* **************** */
@media all and (min-width: 576px) {
    /* Skjul brede headerlinjer, vis smale headerlinjer) */
    .teaser-rad-bred {
        display: none !important;
    }
    .teaser-rad-smal {
        display: block !important;
    }
}

/* **************** */
/*  Medium	≥768px  */
/* **************** */
@media all and (min-width: 768px) {
    /* Vis brede headerlinjer, skjul smale headerlinjer) */
    .teaser-rad-bred {
        display: block !important;
    }
    .teaser-rad-smal {
        display: none !important;
    }
    /* Hovedmeny: Vis horisontal liste, skjul burger og overlegg */
    .nd-hovedmeny.wp-block-navigation .wp-block-navigation__responsive-container{
        display: flex !important;
    }
    .nd-hovedmeny.wp-block-navigation .wp-block-navigation__container{
        display: flex !important;          /* horisontal liste */
        flex-direction: row;
        gap: var(--wp--style--block-gap, 1rem);
    }
    .nd-hovedmeny.wp-block-navigation .wp-block-navigation__responsive-container-open{
        display: none !important;          /* skjul burger på desktop */
    }
}

/* **************** */
/*  Large	≥992px  */
/* **************** */
@media all and (min-width: 992px) {
}


/* **************** */
/*  X-Large	≥1200px */
/* **************** */
@media all and (min-width: 1200px) {
}


/* ********************** */
/* GLOBALE INNSTILLINGER  */
/* ********************** */
/* Ingen understrek som default, men understrek ved hover (god UX) */
:where(.wp-site-blocks) a { text-decoration: none; }
:where(.wp-site-blocks) a:hover { text-decoration: underline; }

/* Fokus: ikke outline ved museklikk, men behold for tastatur (a11y) */
:where(.wp-site-blocks) a:focus { outline: none; }
:where(.wp-site-blocks) a:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
  text-decoration: none; /* ikke tving underline ved fokus */
}
/* Mini-cart + Konto: ikke vis ramme ved vanlig klikk, men behold for tastatur */
.nd-header .wc-block-mini-cart__button:focus,
.nd-header .wp-block-woocommerce-mini-cart a:focus,
.nd-header .wp-block-woocommerce-customer-account a:focus{
  outline: none;
  box-shadow: none;
}
/* Vis pen fokus kun ved tastaturnavigasjon (Tab) */
.nd-header .wc-block-mini-cart__button:focus-visible,
.nd-header .wp-block-woocommerce-mini-cart a:focus-visible,
.nd-header .wp-block-woocommerce-customer-account a:focus-visible{
  outline: 2px solid currentColor;
  outline-offset: 2px;
  box-shadow: none;
}
/* luft over H2 */
H2 {
    margin-top: 30px !important;
}


/* ******************** */
/* JUSTERING AV HEADER  */
/* ******************** */
/* Padding mellom teasermeny-elementer */
.teaser-frakt, .teaser-betaling{
    margin-right: 10%;
}
/* Sett inn ikoner foran teasermeny-elementer */
.teaser-frakt {
    background-image: url('/wp-content/uploads/2025/09/ikon-frakt.webp');
    background-repeat: no-repeat;
    background-position: left;
    background-size: 25px 15px;
}
.teaser-betaling {
    background-image: url('/wp-content/uploads/2025/09/ikon-betaling.webp');
    background-repeat: no-repeat;
    background-position: left;
    background-size: 17px 15px;
}
.teaser-kvalitet {
    background-image: url('/wp-content/uploads/2025/09/ikon-ce.webp');
    background-repeat: no-repeat;
    background-position: left;
    background-size: 16px 15px;
}
/* Handlekurv-ikon i header: Sett størrelse */
.nd-header-ikon-cart {
    height: 22px !important;
    width: 22px !important;
}


/* ********************************************** */
/* JUSTERING AV KNAPPER TIL VÅR STANDARD STYLING  */
/* ********************************************** */
/* Xootix Fly Cart- Footer - */
a.xoo-wsc-ft-btn.xoo-wsc-btn {
    font-size: 15px !important;
    font-weight: 600 !important;
    border-radius: 25px !important;
    padding: 0px 15px !important;
}
.xoo-wsc-ft-buttons-cont {
    grid-row-gap: 5px !important;
}
/* Xootix Fly Cart - Tilbake til butikken (tom handlekurv) - */
.xoo-wsc-btn {
    font-weight: 500 !important;
    border-radius: 25px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}
/* Xootix Fly Cart - CrossSels - */
a.button.wp-element-button {
    font-weight: 500 !important;
    border-radius: 25px !important;
    padding: 5px 15px !important;
}
a.button.wp-element-button:hover {
    background-color: #fb8d14 !important;
    color: #1c409c !important;
}
/* Produktkategori-liste - Legg i handlekurv - */
.wp-block-button__link.wp-element-button:hover {
    color: #1c409c !important;
    text-decoration: none !important;
}
/* Enkeltproduktside - Legg i handlekurv - */
.single_add_to_cart_button {
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.5rem !important;
    border-radius: 25px !important;
    padding: 5px 15px !important;
}
.single_add_to_cart_button:hover {
    background-color: #fb8d14 !important;
    color: #1c409c !important;
}
/* ...usikker på hvor denne blir brukt... */
.add_to_cart_inline > .wp-element-button {
    font-size: 12px !important;
    padding: 10px !important;
}
/* Handlekurv - Fortsett til kassen - (muligens også andre...) */
.wc-block-components-button {
    font-weight: 500 !important;
    border-radius: 25px !important;
}
.wc-block-components-button:hover {
    background-color: #fb8d14 !important;
    color: #1c409c !important;
    text-decoration: none !important;
}
/* Standard (Fill) knapp – behold oransje på hover */
.wp-block-button__link,
.wp-element-button {
  background-color: var(--wp--preset--color--brand-accent);
  color: var(--wp--preset--color--background);
}
.wp-block-button__link:hover,
.wp-element-button:hover {
  background-color: var(--wp--preset--color--brand-accent) !important;
  color: var(--wp--preset--color--background) !important;
}
/* Outline-varianten – hover fyller oransje */
.is-style-outline .wp-block-button__link {
  background-color: transparent;
  border: 2px solid var(--wp--preset--color--brand-primary);
  color: var(--wp--preset--color--brand-primary);
}
.is-style-outline .wp-block-button__link:hover {
  background-color: var(--wp--preset--color--brand-accent) !important;
  border-color: var(--wp--preset--color--brand-accent) !important;
  color: var(--wp--preset--color--background) !important;
}


/* KASSEN */
.wc-block-components-express-payment__title-container > H2 {
    margin-top: 0px !important;
}


/* ************************************* */
/* Litt mer styling av enkeltproduktside */
/* ************************************* */
/* Variantvalg for variable produkter */
.variations select {
  min-height: 44px;
  padding: .5rem .75rem;
  border-radius: .5rem;
}
/* Salgs-tag */
.wp-block-woocommerce-product-image-gallery .onsale {
    color: #ffffff !important;
    background-color: #1c409c !important;
}


/* ************************************ */
/* LITT EKSTRA XOOTIX FLY CART STYLING  */
/* ************************************ */
/* Lys grå linje øverst i header */
.xoo-wsc-footer {
    border-top: 1px solid #e7e7e7 !important;
}
/* Tekst "Kjøp for xxxkr til og få gratis frakt!" */
.xoo-wsc-bar-remtext {
    color: #1c409c !important;
    font-weight: normal !important;
}
/* Skjul flytende Xootix-knapp ("Side Cart Basket) når Side Cart (Fly Cart) er åpen */
.xoo-wsc-cart-active > .xoo-wsc-basket,
.xoo-wsc-slider-active .xoo-wsc-basket,
.xoo-wsc-drawer-active  .xoo-wsc-basket {
  display: none !important;
}


/* *************************************** */
/* Product Gallery Slider for WooCommerce  */
/* *************************************** */
/* SE I PLUGIN-INNSTILLINGENE (ADVANCED) */


/* ****************************************************************** */
/* PRODUKTUTVALG-BLOKKA: TVING 4 KORT PR RAD PÅ DESKTOP OG 2 PÅ MOBIL */
/* ****************************************************************** */
/* Produktmal: 4 kolonner desktop, 2 på mobil */
.wp-block-woocommerce-product-template.wc-block-product-template__responsive.columns-4 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 1.25rem; /* juster mellomrom her */
}
/* Sikre at kortene kan krympe (hindrer min-bredde som tvinger ned til 3/1) */
.wp-block-woocommerce-product-template.wc-block-product-template__responsive.columns-4 > * {
  min-width: 0;
}
/* Mobil */
@media (max-width: 767px) {
  .wp-block-woocommerce-product-template.wc-block-product-template__responsive.columns-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
/* Når produktmalen ligger inne i Product Collection */
.wp-block-woocommerce-product-collection .wc-block-product-template__responsive {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 1.25rem;
}
@media (max-width: 767px) {
  .wp-block-woocommerce-product-collection .wc-block-product-template__responsive {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}


/* ********************************** */
/* PRODUKTKORT (Woo Blocks) I LISTER  */
/* ********************************** */
/* 1) Kortet = flex-kolonne, CTA dyttes til bunn => jevn høyde i raden */
.wp-block-woocommerce-product-template .wc-block-product{
  display:flex;
  flex-direction:column;
  height:100%;
  border:1px solid rgba(0,0,0,.06);
  border-radius:.75rem;
  padding:.75rem;
  transition:box-shadow .15s ease;
}
.wp-block-woocommerce-product-template .wc-block-product:hover{
  box-shadow:0 6px 20px rgba(0,0,0,.08);
}

/* 2) Kvadratisk bilde med cover + runde hjørner */
.wp-block-woocommerce-product-template .wc-block-components-product-image a{
  display:block;
  aspect-ratio:1 / 1;
  overflow:hidden;
  border-radius:.5rem;
}
.wp-block-woocommerce-product-template .wc-block-components-product-image img{
  width:100%; height:100%; object-fit:cover;
}

/* 3) Tittel – to linjer (clamp) og litt luft */
.wp-block-woocommerce-product-template .wp-block-post-title{
  margin-top:.6rem;
  margin-bottom:0px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:calc(1.4em * 2); /* matcher line-height ca. 1.4 */
}

/* 4) Pris: litt luft oppover - FJERNET */
/* .wp-block-woocommerce-product-template .wc-block-components-product-price{ margin-top:.25rem; } */

/* 5) Knappeblokk nederst i kortet */
.wp-block-woocommerce-product-template .wp-block-woocommerce-product-button{ margin-top:15px; }
.wp-block-woocommerce-product-template .wp-block-woocommerce-product-button .wp-block-button__link{
  width:100%; min-height:44px;
}

/* 6) Gjelder også “Relaterte produkter” (samme blokk internt) */
.wp-block-woocommerce-related-products .wc-block-product{
  display:flex; flex-direction:column; height:100%;
  border:1px solid rgba(0,0,0,.06); border-radius:.75rem; padding:.75rem;
}
.wp-block-woocommerce-related-products .wc-block-components-product-image a{
  display:block; aspect-ratio:1/1; overflow:hidden; border-radius:.5rem;
}
.wp-block-woocommerce-related-products .wc-block-components-product-image img{
  width:100%; height:100%; object-fit:cover;
}
.wp-block-woocommerce-related-products .wp-block-woocommerce-product-button{ margin-top:auto; }
.wp-block-woocommerce-related-products .wp-block-woocommerce-product-button .wp-block-button__link{
  width:100%; min-height:44px;
}


/* ****************************************************************** */
/* Sørg for at produktkort kort ikke “gnisser” vertikalt i Woo Blocks */
/* ****************************************************************** */
/* 0) Container: rader skal auto-tilpasse innhold, og items skal strekkes */
.wp-block-woocommerce-product-template{
  grid-auto-rows: auto !important;
  align-items: stretch !important;
  gap: var(--wp--style--block-gap, 1rem) !important; /* eksplisitt gap */
}

/* 1) Kortet: null margin, boks-størrelse inkl. padding, ikke la noe “stikke ut” */
.wp-block-woocommerce-product-template .wc-block-product{
  margin: 0 !important;
  box-sizing: border-box;
  overflow: hidden; /* stopper “1–2px” glid over neste rad ved enkelte zooms */
}

/* 2) Bilde: unngå dobbelt høydekontroll – la IMG styre ratio, ikke tving height:100% */
.wp-block-woocommerce-product-template .wc-block-components-product-image a{
  display:block;
  border-radius:.5rem;
  overflow:hidden;
}
.wp-block-woocommerce-product-template .wc-block-components-product-image img{
  display:block;
  width:100%;
  height:auto;            /* ← bytt fra 100% til auto */
  aspect-ratio: 1 / 1;    /* kvadrat */
  object-fit: cover;
}

/* 3) Tittel/CTA – samme som før (jevn høyde) */
.wp-block-woocommerce-product-template .wp-block-post-title{
  margin-top:.6rem;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:calc(1.4em * 2);
}
.wp-block-woocommerce-product-template .wp-block-woocommerce-product-button{
  margin-top:auto;
}
.wp-block-woocommerce-product-template .wp-block-woocommerce-product-button .wp-block-button__link{
  width:100%; min-height:44px;
}


/* ********************************** */
/* PAGINERING I PRODUKTUTVALG-BLOKK   */
/* ********************************** */
.nd-paginering {
    padding-top: 35px !important;
    padding-bottom: 0px !important;
}
.page-numbers.current {
    color: var(--wp--preset--color--brand-accent) !important;
    font-weight: 600 !important;
    border-color: #1C409C !important;
    border:1px solid !important;
    padding: 0px 5px !important;
}


/* ****************************************************** */
/* BACK IN STOCK NOTIFIER - Skjema på Enkeltproduktside   */
/* ****************************************************** */
.cwginstock-subscribe-form.cwginstock-0outofstock {
    width: 95% !important;
}
.cwginstock-subscribe-form .panel-primary > .panel-heading {
    background-color: #1C409C !important;
    border-color: #1C409C !important;
}
.cwginstock-panel-heading > h4 {
    text-align: left !important;
    padding: 0px !important;
    margin: 0px 0px 0px 15px !important;
    font-size: 17px !important;
}
.cwgstock_name,
.cwgstock_email {
    display: block !important;
    width: 85% !important;
    padding: 5px !important;
    text-align: left !important;
}
.cwg_iagree_checkbox {
    width: 85% !important;
    font-size: 13px !important;
}
.cwgstock_button {
    width: 100px !important;
    margin-top: 15px !important;
    font-size: 15px !important;
    border-radius: 25px !important;
    padding: 5px 15px !important;
    background-color: #FB8D14 !important;
    border-width: 0px !important;
}
.cwginstock-panel-body .center-block {
    text-align: left !important;
}


/* ******************************************************************************** */
/* Tving lokale blokk-farger (fra paletten) til å vinne over global .has-text-color */
/* ******************************************************************************** */
.has-text-color.has-brand-accent-color  { color: var(--wp--preset--color--brand-accent)  !important; }
.has-text-color.has-brand-primary-color { color: var(--wp--preset--color--brand-primary) !important; }
.has-text-color.has-muted-color         { color: var(--wp--preset--color--muted)         !important; }
.has-text-color.has-footer-text-color   { color: var(--wp--preset--color--footer-text)   !important; }
/* (Ta med surface bare hvis du faktisk bruker den som tekstfarge) */
.has-text-color.has-surface-color       { color: var(--wp--preset--color--surface)       !important; }


/* ********************************************************************************************* */
/* PRODUKTFILTRE-blokken fungerer flott på brede og smale skjermer, men ikke i mellom-området    */
/* ********************************************************************************************* */
/* Skjul hele filterkolonnen på “problem-bredder” (trange nettbrett / brede mobiler) */
@media (min-width: 601px) and (max-width: 782px) {
  .nd-filter-col { display: none !important; }
}
.nd-filter-col .wp-element-button {
    background-color: #fb8d14 !important;
    color: #ffffff !important;
    border: 0px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    border-radius: 25px !important;
    padding: 5px 15px !important;
}
.nd-filter-col .wp-element-button:hover {
    background-color: #fb8d14 !important;
    color: #1c409c !important;
}


/******************/
/* ND Back to Top */
/******************/
.nd-backtotop {
  position: fixed;
  right: clamp(12px, 2vw, 20px);
  --nd-safe: max(env(safe-area-inset-bottom, 0px), 0px);
  bottom: calc(clamp(12px, 2vw, 20px) + var(--nd-safe));
  z-index: 900;
  padding: .6rem .7rem;
  border: 0;
  border-radius: 8px;
  background: var(--wp--preset--color--brand-accent);
  color: var(--wp--preset--color--background);
  box-shadow: 0 6px 18px rgba(0,0,0,.15);
  cursor: pointer;
  opacity: 0;
  transform: translateY(6px);
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease;
}
.nd-backtotop.is-visible {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.nd-backtotop:hover {
  color: var(--wp--preset--color--brand-primary);
}
.nd-backtotop:focus-visible {
  outline: 2px solid var(--wp--preset--color--brand-primary);
  outline-offset: 2px;
}
@media (max-width: 782px) {
  .nd-backtotop { padding: .5rem .6rem; border-radius: 6px; }
}
body.mega-menu-open .nd-backtotop { display: none; }


/****************************/
/* Ikke vis Complianz-knapp */
/****************************/
#cmplz-manage-consent .cmplz-manage-consent {
    display: none !important;
}