/* =========================
   1) FJERN BREADCRUMBS
   ========================= */
body.single-product .woocommerce-breadcrumb,
body.single-product nav.woocommerce-breadcrumb,
body.single-product .breadcrumbs,
body.single-product .breadcrumb,
body.single-product .breadcrumb-row{
  display:none !important;
}

/* =========================
   2) FARGEVELGER
   ========================= */
/* Skjul Woo label for farge når vår finnes */
.variations tr td.label label[for^="pa_"],
.variations label[for^="pa_"]{
  display:none !important;
}

/* Skjul original select når vår picker finnes */
.iviskin-color-picker + select[id^="pa_"],
.iviskin-color-picker + select[name^="attribute_"],
select[id^="pa_"].iviskin-hidden,
select[name^="attribute_"].iviskin-hidden{
  display:none !important;
}

/* Fargevelger UI */
.iviskin-color-picker{
  margin:10px 0 8px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  font-family:inherit;
}
.iviskin-color-picker .label{
  font-weight:600;
  font-size:14px;
  white-space:nowrap;
  color:#111;
}
.iviskin-color-picker .color-option{
  all:unset;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:7px 14px;
  border-radius:999px;
  border:1px solid #e5e5e5;
  background:#fff;
  font-size:13px;
  line-height:1;
  cursor:pointer;
  transition:box-shadow .16s ease;
}
.iviskin-color-picker .color-option:hover{
  box-shadow:0 2px 8px rgba(0,0,0,.06);
}
.iviskin-color-picker .color-option.is-active{
  border-color:#111;
  box-shadow:0 0 0 1px #111 inset;
  font-weight:600;
}
.iviskin-color-picker .color-dot{
  width:14px;
  height:14px;
  border-radius:50%;
  border:1px solid #ddd;
  flex-shrink:0;
}

/* Fargedots */
.color-white{ background:#fff; }
.color-black{ background:#000; }
.color-pink{  background:#ff9abc; }
.color-grey{  background:#cfcfcf; }
.color-beige{ background:#e7d8c6; }
.color-gold{  background:#d4af37; }
.color-yelloworange{ background:#f2a13a; }
.color-generic{ background:linear-gradient(45deg,#eee,#bbb); }

@media (max-width:767px){
  .iviskin-color-picker{ gap:8px; }
}

/* =========================
   3) CTA + SKJUL ANTALL
   ========================= */
.iviskin-cta-black{
  background:#111 !important;
  color:#fff !important;
  box-shadow:0 10px 24px rgba(0,0,0,.22) !important;
  letter-spacing:.02em;
  font-weight:600;
  text-transform:none;
}
.iviskin-cta-black:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 32px rgba(0,0,0,.26) !important;
}
form.cart .quantity,
.woocommerce-variation-add-to-cart .ux-quantity.quantity.buttons_added{
  display:none !important;
}

/* =========================
   4) BULLETS: 1 kolonne mobil / 2 kolonner desktop
   ========================= */
ul.iviskin-bullets{
  list-style:none !important;
  margin: 30px 0 20px -16px !important;
  padding:0 !important;
  columns:1;
  font-family:inherit;
}
.single-product .product-short-description {
  margin-bottom: 30px !important;
}
.product-short-description .product-short-description{
  display:none;
}
.product .form.cart {
  margin-top: 20px !important;
}
@media (min-width:768px){
  ul.iviskin-bullets{ columns:2; column-gap:24px; }
}
ul.iviskin-bullets>li{
  break-inside:avoid;
  margin:0 0 10px 1em !important;
  line-height:1.35;
  font-size:14px;
  color:#111;
  display:flex;
  align-items:flex-start;
  gap:10px;
}
.iviskin-check{
  width:16px;
  height:16px;
  flex:0 0 16px;
  display:block;
}
.iviskin-check svg{
  width:16px;
  height:16px;
  display:block;
}

/* =========================
   5) VIPPS: full bredde under CTA
   ========================= */
form.cart .vipps_buy_now_wrapper{
  margin-top: 8px !important;
  width:100% !important;
}
.vipps_buy_now_wrapper .vipps-buy-now{
  display:flex !important;
  align-items:center;
  justify-content:center;
  width:100% !important;
  height:52px !important;
  gap:10px !important;
  padding:0 24px !important;
  border-radius:999px !important;
  background:#FF5B24 !important;
  color:#fff !important;
  box-shadow:0 10px 24px rgba(255,91,36,.35) !important;
  text-decoration:none !important;
  font-size:16px !important;
  font-weight:600 !important;
  letter-spacing:.02em !important;
}
.vipps_buy_now_wrapper .vipps-buy-now:hover{
  background:#e25120 !important;
  box-shadow:0 14px 32px rgba(255,91,36,.45) !important;
}
.vipps_buy_now_wrapper .vipps-buy-now img{
  display:none !important;
}
.vipps_buy_now_wrapper .vipps-ico{
  width:18px;
  height:18px;
  display:inline-block;
  background:url('data:image/svg+xml;utf8,\
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">\
<circle cx="15.5" cy="8" r="2.2" fill="%23ffffff"/><path d="M5 12c0 0 3.2 6 7 6s7-6 7-6" stroke="%23ffffff" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center/contain;
}

/* =========================
   6) BADGE-RAD: kun "køpt nylig"
   ========================= */
.iviskin-badges-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:10px 0 8px;
  font-family:inherit;
}
.iviskin-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  line-height:1;
  box-sizing:border-box;
  font-size:13px;
  font-weight:600;
  white-space:nowrap;
  border:1px solid #eaeaea;
  background:#fff;
  color:#111;
}
.iviskin-pill svg{
  width:16px;
  height:16px;
  display:block;
}
.iviskin-pill--sold{
  border-color:#bfe9cc;
  background:#eaf8ef;
  color:#138a4f;
}
.outofstock .iviskin-pill--sold {
  border-color: #cd221787;
  background: rgb(205 34 23 / 8%);
  color: #cd2217;
}
.outofstock .iviskin-pill--sold:after {
  background: rgb(250 1 1 / 35%);
}
.outofstock .iviskin-pill--sold:before {
  background: #cd2217;
}
@media (max-width:480px){
  .iviskin-pill{ padding:7px 10px; font-size:12.5px; }
}

/* Mindre prikk + ring */
.iviskin-pill--sold{
  position: relative;
  padding-left: 30px !important; /* litt mindre plass */
}

.iviskin-pill--sold svg{
  display:none !important;
}

.iviskin-pill--sold::before{
  content:"";
  position:absolute;
  left:12px;
  top:50%;
  width:7px;   /* var 10px */
  height:7px;  /* var 10px */
  border-radius:50%;
  background:#18b35a;
  transform:translateY(-50%);
  animation: ivkPulse 1.2s infinite;
}

.iviskin-pill--sold::after{
  content:"";
  position:absolute;
  left:12px;
  top:50%;
  width:7px;   /* var 10px */
  height:7px;  /* var 10px */
  border-radius:50%;
  background: rgba(24,179,90,.35);
  transform:translateY(-50%);
  animation: ivkRing 1.2s infinite;
}

@keyframes ivkPulse{
  0%   { transform:translateY(-50%) scale(1);   opacity:1; }
  50%  { transform:translateY(-50%) scale(1.15);opacity:.7; }
  100% { transform:translateY(-50%) scale(1);   opacity:1; }
}

@keyframes ivkRing{
  0%   { transform:translateY(-50%) scale(1);   opacity:.45; }
  100% { transform:translateY(-50%) scale(2.2); opacity:0; }
}