/*
* ===================================================
*     CUSTOM CSS CODE BELOW
* ===================================================
*/

@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;700&family=Montserrat:wght@400;500;700&display=swap');


/* Overskrifter */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Raleway', sans-serif !important;
  font-weight: 700 !important; /* Bold */
}

/* Brødtekst */
body, p, li, span {
  font-family: 'Montserrat', sans-serif !important;
}


/* Sentrer kun kategori-beskrivelsen */
.category-description {
  text-align: center !important;
  max-width: 700px; /* valgfritt, gir penere linjelengde */
  margin: 0 auto; /* midtstiller blokken */
}

/* Luft mellom overskrift og beskrivelse (juster om ønsket) */
.category-description h1,
.category-description h2 {
  margin-bottom: 1.2rem !important;
}

.category-description p {
  margin-top: 0.6rem !important;
}

/* Tving pris til å være synlig og sort */
.product-price,
.price,
.qb-product-card .price,
.product-card .price,
.product-slider .price {
  color: #000 !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.collection__description,
.category-description {
    font-size: 16px !important; /* endre til ønsket størrelse */
    line-height: 1.5;
}




/* Sentrer butikk-logo-bildene på mobil */
@media (max-width: 768px) {
  img[src*="storage.quickbutik.com/stores/67706O/pages"] {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    height: auto !important;
  }
}


/* 1. Skjul Swiper-pilene (globale) */
.swiper-button-next,
.swiper-button-prev {
  display: none !important;
}

/* 2. Plasser swiper-pagination (dots) under slideren */
.swiper-pagination {
  position: static !important;      /* ikke oppe på bildet */
  margin-top: 12px !important;
  text-align: center !important;
}

/* 3. Style dots (bullets) */
.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #cccccc;              /* lys, passiv dot */
  opacity: 0.5;
  border-radius: 50%;
  margin: 0 4px !important;
}

/* 4. Aktiv dot */
.swiper-pagination-bullet-active {
  background: #2f463f !important;   /* grønntonen deres */
  opacity: 1 !important;
}

/* --- SKJUL PILER --- */
.swiper-button-next,
.swiper-button-prev {
  display: none !important;
}

/* --- VIS PAGINATION (DOTS) --- */
.swiper-pagination {
  display: flex !important;
  justify-content: center;
  align-items: center;
  gap: 8px;
  position: static !important; /* flytt under slideren */
  margin-top: 15px !important;
  margin-bottom: 5px !important;
  opacity: 1 !important;
}

/* --- DOTS: STANDARD --- */
.swiper-pagination-bullet {
  width: 10px !important;
  height: 10px !important;
  background-color: #cccccc !important;   /* grå dot */
  opacity: 0.5 !important;
  border-radius: 50% !important;
  margin: 0 4px !important;
}

/* --- DOTS: AKTIV --- */
.swiper-pagination-bullet-active {
  background-color: #2f463f !important;   /* din grønne farge */
  opacity: 1 !important;
}

/* Skjul swiper-piler (om du fortsatt har dem) */
.swiper-button-next,
.swiper-button-prev {
  display: none !important;
}

/* Plasser og vis dots under slideren */
.swiper-pagination {
  position: static !important;          /* ikke oppå bildet */
  width: 100% !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 15px !important;
  margin-bottom: 5px !important;
  opacity: 1 !important;
}

/* Selve prikkene */
.swiper-pagination-bullet {
  position: relative !important;
  left: 0 !important;                  /* nullstill left:-9px osv */
  width: 10px !important;
  height: 10px !important;
  margin: 0 4px !important;
  background-color: #cccccc !important; /* lys grå */
  border-radius: 50% !important;
  opacity: 0.5 !important;
}

/* Aktiv prikk */
.swiper-pagination-bullet-active {
  background-color: #2f463f !important; /* match Et Såpeliv-grønn */
  opacity: 1 !important;
}


.product-description {
    font-size: 16px !important;
    line-height: 1.5em !important;
}

/* 1. Sentrer alt inni denne wrapperen på produktkort */
.position-relative.text-left {
  text-align: center !important;
}

/* 2. Produkttittel – større + sentrert */
.position-relative.text-left .producttitle-font-size,
.position-relative.text-left .producttitle-font-size a {
  font-size: 20px !important;        /* juster om du vil større/mindre */
  line-height: 1.3 !important;
}

/* 3. Pris – større + sentrert */
.position-relative.text-left .product-price {
  font-size: 18px !important;        /* juster til 20px hvis du vil */
}

/* 4. Førpris – litt mindre enn hovedpris, men fortsatt midtstilt */
.position-relative.text-left .qs-product-before-price {
  font-size: 14px !important;
}

/* E-postlenke: etsapeliv@gmail.com – gjør den mørk grønn */
a[href*="etsapeliv@gmail.com"],
a[href*="/cdn-cgi/l/email-protection"] {
  color: #2f463f !important;   /* mørk grønn */
  font-weight: 500;
}

/* Etsapeliv e-post på Kundeservice-siden */
body.page-sider-kundeservice a[href*="etsapeliv@gmail.com"],
body.page-sider-kundeservice a[href*="/cdn-cgi/l/email-protection"] {
    color: #2f463f !important;
    font-weight: 500;
}

/* Alle steder der e-postlenken vises */
a[href*="etsapeliv@gmail.com"],
a[href*="/cdn-cgi/l/email-protection"] {
  color: #2f463f !important;
  font-weight: 500;
}

/* Alle lenker til Forbrukertilsynet */
a[href*="forbrukertilsynet.no"] {
  color: #2f463f !important;
  font-weight: 500;
}

/* 2 knapper i bredden på mobil */
@media (max-width: 768px) {
  .fia-cat-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px; /* avstand mellom knappene */
    justify-content: center;
  }

  .fia-cat-row .fia-cat-box {
    flex: 0 0 calc(50% - 12px); /* 2 i bredden */
    text-align: center !important;
  }
}

/* Generell wrapper */
#mc_embed_signup {
  max-width: 500px;
  margin: 0 auto;
}

/* Inputfelt */
#mc_embed_signup input[type="email"] {
  width: 100%;
  padding: 12px;
  border: 1px solid #dcdcdc;
  border-radius: 8px;
  font-size: 16px;
  margin: 8px 0 16px;
}

/* Knapp */
#mc-embedded-subscribe {
  width: 100%;
  background-color: #2f463f;
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 12px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
}

#mc-embedded-subscribe:hover {
  background-color: #24372f;
}

/* Sentrer alt inni landingssiden */
.fia-center-wrap {
  text-align: center;
  width: 100%;
  max-width: 700px;
  margin: 0 auto;           /* sentrer wrapperen */
  padding: 20px 0;
}

/* Sentrer bildet */
.fia-center-wrap img,
.fia-center-image {
  display: block;
  margin: 0 auto 20px auto; /* sentrer bilde + gi luft under */
  max-width: 100%;
  height: auto;
}

/* Sentrer selve skjema-containeren */
#mc_embed_signup {
    max-width: 500px;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

/* Sentrer form-elementet inni skjemaet */
#mc_embed_signup form {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    display: block !important;
}

/* Sentrer labels og inputfelt */
#mc_embed_signup label {
    text-align: center !important;
    display: block;
    width: 100%;
}

#mc_embed_signup input[type="email"],
#mc_embed_signup input[type="text"] {
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
}

/* Sentrer knappen */
#mc_embed_signup input[type="submit"],
#mc-embedded-subscribe {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
}