/* =======================================================
   PDP – KitRoom (desktop-first)
   ======================================================= */

:root{
  --kr-text:#111;
  --kr-muted:#f1f3f5;
  --kr-muted-2:#f6f7f9;
  --kr-success:#1f8f3b;
}

/* ====== CONTAINER & GRID ====== */
.kr-pdp__container{max-width:1280px;margin:0 auto;padding:0 20px;}
.kr-pdp__breadcrumbs{margin-bottom:12px;font-size:.92rem;opacity:.85;}
.kr-pdp__grid{display:grid;grid-template-columns:48% 52%;gap:2rem;align-items:start;}
.kr-card{background:#fff;border-radius:16px;box-shadow:0 8px 28px rgba(0,0,0,.06);padding:12px;}

/* ====== GALLERY ====== */
.kr-pdp__gallery{padding-top:var(--kr-align-pad,0px);transition:padding-top .2s ease;}
.kr-pdp__media{overflow:hidden;position:relative;}
.kr-pdp__media img{
  width:80%;
  max-width:100%;
  height:auto;
  display:block;
  margin:0 auto;
  border-radius:12px;
  transition:opacity .25s ease,transform .25s ease;
  cursor:zoom-in; /* klikkbar for lightbox */
}
.kr-pdp__media img:hover{transform:scale(1.01);}
.kr-pdp__thumbs{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.85rem;}
.kr-pdp__thumb{border:2px solid transparent;padding:2px;border-radius:10px;background:transparent;cursor:pointer;}
.kr-pdp__thumb img{display:block;width:56px;height:56px;object-fit:cover;border-radius:8px;}
.kr-pdp__thumb.is-selected{border-color:var(--kr-text);}

/* --- ENKEL NAV-KNAPPER (prev/next) --- */
.kr-pdp__nav{
  position:absolute; top:50%; transform:translateY(-50%);
  width:40px; height:40px; border-radius:999px;
  border:1px solid rgba(0,0,0,.12);
  background:#fff;
  box-shadow:0 8px 20px rgba(0,0,0,.12);
  font-weight:900; font-size:20px; line-height:1; color:#111;
  display:flex; align-items:center; justify-content:center;
  cursor:pointer;
  opacity:.92;
}
.kr-pdp__nav:hover{ transform:translateY(-50%) scale(1.04); }
.kr-pdp__nav:active{ transform:translateY(-50%) scale(0.98); }
.kr-pdp__nav:focus-visible{ outline:none; box-shadow:0 0 0 3px rgba(17,17,17,.25), 0 10px 26px rgba(0,0,0,.12);}
.kr-pdp__nav--prev{ left:10px; }
.kr-pdp__nav--next{ right:10px; }

@media (max-width:640px){
  .kr-pdp__nav{ width:36px;height:36px;font-size:18px; }
}

/* ====== STATUS BADGES (Utsolgt / Draft) ====== */
.single-product .product.outofstock .kr-pdp__media::after,
.single-product .product.status-draft .kr-pdp__media::after{
  position:absolute;z-index:2;left:12px;top:12px;
  padding:6px 12px;border-radius:999px;font-weight:800;font-size:.85rem;letter-spacing:.2px;
  color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.18);
  content:"";
}
.single-product .product.outofstock .kr-pdp__media::after{ content:"Utsolgt"; background:#111; }
.single-product .product.status-draft .kr-pdp__media::after{ content:"Kladd"; background:#6b7280; }

/* Deaktiver ATC visuelt når ikke kjøpbart */
.single-product .product.outofstock .kr-pdp__cart .single_add_to_cart_button,
.single-product .product.status-draft .kr-pdp__cart .single_add_to_cart_button{
  pointer-events:none;opacity:.55;filter:grayscale(.1);
}

/* ====== SUMMARY ====== */
.kr-pdp__summary{position:sticky;top:90px;}
.kr-pdp__title{font-size:1.9rem;line-height:1.2;margin:0 0 6px;font-weight:800;}
.kr-pdp__topline{display:flex;align-items:center;gap:14px;margin-bottom:8px;}
.kr-pdp__rating .star-rating{transform:translateY(1px);}
.kr-preprice{margin-bottom:6px;}

/* ====== PILLS ====== */
.kr-pills{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 6px;}
.kr-pill{
  display:inline-flex;align-items:center;gap:10px;
  padding:8px 14px;border-radius:999px;background:#fff;border:1px solid #e2e4e8;
  box-shadow:0 2px 10px rgba(0,0,0,.04);color:var(--kr-text);font-weight:700;font-size:.92rem;text-decoration:none;
  transition:transform .06s ease,border-color .2s,box-shadow .2s,background .2s;
}
.kr-pill:hover{transform:translateY(-1px);border-color:#cfd3d8;box-shadow:0 6px 18px rgba(0,0,0,.08);background:#fafbfc;}
.kr-pill--brand{background:#f2f4ff;border-color:#e2e6ff;}
.kr-pill--brand:hover{background:#e9ecff;border-color:#d7ddff;}
.kr-pill__dot{width:8px;height:8px;border-radius:50%;background:currentColor;opacity:.5;}
.kr-pill::after{content:"›";font-size:1rem;opacity:.45;margin-left:2px;line-height:1;}

/* ====== PRICE + CTA ====== */
.kr-priceblock{display:grid;grid-template-columns:1fr;gap:14px;align-items:start;margin-bottom:18px;position:relative;}
.kr-priceblock__row{display:flex;align-items:baseline;gap:10px;}
.kr-priceblock__sale{font-size:2rem;font-weight:800;color:var(--kr-text);}
.kr-priceblock__regular{font-size:1.05rem;text-decoration:line-through;opacity:.6;}
.kr-badge{display:inline-block;font-size:.8rem;font-weight:700;padding:4px 8px;border-radius:999px;margin-top:0;}
.kr-badge--sale{background:#ffe9ea;color:#b1171a;}

/* ====== ADD TO CART – VARIANTS ====== */
.kr-pdp__cart form{display:flex;gap:0;align-items:stretch;flex-wrap:wrap;margin-top:8px;}
.kr-pdp__cart .quantity{display:flex;align-items:center;}
.kr-pdp__cart .quantity input.qty{
  height:46px;padding:10px 12px;border-radius:12px;border:1px solid #e5e5e5;min-width:86px;
}
.kr-pdp__cart .single_add_to_cart_button{
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;
  height:46px;min-width:260px;padding:0 34px;
  font-weight:900;font-size:.98rem;letter-spacing:.2px;border-radius:9999px;border:0;
  transition:transform .06s ease,filter .2s,box-shadow .2s,color .2s,background-color .2s,border-color .2s;
}
/* ikon-variabler */
:root{
  --atc-icon-white:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 12.39a2 2 0 0 0 2 1.61h7.72a2 2 0 0 0 2-1.61L21 6H6'/%3E%3C/svg%3E");
  --atc-icon-ink:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 12.39a2 2 0 0 0 2 1.61h7.72a2 2 0 0 0 2-1.61L21 6H6'/%3E%3C/svg%3E");
}
.kr-pdp__cart .single_add_to_cart_button::before{
  content:"";width:18px;height:18px;flex:0 0 18px;background:no-repeat center/contain var(--atc-icon-white);
}
/* Outline Ink – standard */
.kr-pdp__cart:not(.kr-atc--ink):not(.kr-atc--green) .single_add_to_cart_button{
  background:#fff !important;color:#111 !important;border:1.5px solid #111;box-shadow:0 4px 16px rgba(0,0,0,.06);
}
.kr-pdp__cart:not(.kr-atc--ink):not(.kr-atc--green) .single_add_to_cart_button::before{
  background-image:var(--atc-icon-ink);
}
.kr-pdp__cart:not(.kr-atc--ink):not(.kr-atc--green) .single_add_to_cart_button:hover{
  background:#111 !important;color:#fff !important;border-color:#111;box-shadow:0 10px 26px rgba(0,0,0,.18);
}
.kr-pdp__cart:not(.kr-atc--ink):not(.kr-atc--green) .single_add_to_cart_button:hover::before{
  background-image:var(--atc-icon-white);
}
/* Ink Filled */
.kr-pdp__cart.kr-atc--ink .single_add_to_cart_button{
  background:linear-gradient(180deg,#222 0%,#111 100%) !important;color:#fff !important;border:0;
  box-shadow:0 12px 28px rgba(0,0,0,.18), inset 0 0 0 1px rgba(255,255,255,.08);
}
.kr-pdp__cart.kr-atc--ink .single_add_to_cart_button:hover{
  filter:brightness(1.04);box-shadow:0 16px 36px rgba(0,0,0,.22);
}
/* Sport Green */
.kr-pdp__cart.kr-atc--green .single_add_to_cart_button{
  background:linear-gradient(180deg,#1f8f3b 0%,#187a30 100%) !important;color:#fff !important;border:0;
  box-shadow:0 12px 28px rgba(24,122,48,.25), inset 0 0 0 1px rgba(255,255,255,.10);
}
.kr-pdp__cart.kr-atc--green .single_add_to_cart_button:hover{
  filter:brightness(1.05);box-shadow:0 16px 38px rgba(24,122,48,.28);
}
.kr-pdp__cart .single_add_to_cart_button:active{transform:translateY(1px);}
.kr-pdp__cart .single_add_to_cart_button:focus-visible{
  outline:none;box-shadow:0 0 0 3px rgba(17,17,17,.28),0 10px 26px rgba(0,0,0,.14);
}

/* Når vi viser "Utsolgt"-knappen i PHP (kr-pdp__cart.is-disabled) */
.kr-pdp__cart.is-disabled .single_add_to_cart_button{
  background:#111 !important;color:#fff !important;border:0;cursor:not-allowed;min-width:260px;
}
.kr-pdp__cart.is-disabled .single_add_to_cart_button::before{ display:none; }

/* ====== FEATURES (3 kort – jevnt fordelt) ====== */
.kr-features{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
  width:100%;
  justify-self:stretch;
  align-items:stretch;
}
.kr-feature{
  box-sizing:border-box;
  height:100%;
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
  gap:10px;
  background:#fff;border:1px solid #eceff3;border-radius:12px;
  padding:12px 14px;box-shadow:0 4px 14px rgba(0,0,0,.04);
  text-align:left;
  min-height:64px;
}
.kr-feature__text{display:flex;flex-direction:column;align-items:flex-start;}
.kr-feature__text strong{display:block;font-weight:800;line-height:1.1;}
.kr-feature__text small{display:block;opacity:.75;line-height:1.2;margin-top:2px;font-size:.88rem;}
.kr-i{flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:#e9f8ee;position:relative;box-shadow:inset 0 0 0 2px var(--kr-success);}
.kr-i-return::after, .kr-i-truck::after, .kr-i-lock::after{
  content:"";position:absolute;inset:0;margin:auto;width:12px;height:12px;background-size:contain;background-repeat:no-repeat;background-position:center;
}
.kr-i-return::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%231f8f3b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='1 4 1 10 7 10'/%3E%3Cpath d='M3.51 15a9 9 0 1 0 2.13-9.36L1 10'/%3E%3C/svg%3E");}
.kr-i-truck::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%231f8f3b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 17h4V5H2v12h2'/%3E%3Cpath d='M14 17h4l3-5h-5V5h-2'/%3E%3Ccircle cx='7.5' cy='17.5' r='1.5'/%3E%3Ccircle cx='17.5' cy='17.5' r='1.5'/%3E%3C/svg%3E");}
.kr-i-lock::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%231f8f3b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E");}

/* ====== ACCORDION ====== */
.kr-accordion--inline{margin-top:14px;}
.kr-accordion__btn{width:100%;text-align:left;padding:14px 16px;border:0;background:var(--kr-muted-2);border-radius:10px;font-weight:700;cursor:pointer;margin-top:10px;}
.kr-accordion__panel{display:none;padding:14px 16px;background:#fff;border-radius:10px;box-shadow:0 4px 18px rgba(0,0,0,.05);}
.kr-accordion__panel.is-open{display:block;}

/* ====== META CHIPS ====== */
.kr-meta-chips{margin-top:14px;display:flex;gap:8px;flex-wrap:wrap;}
.kr-chip{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:var(--kr-muted);font-size:.88rem;font-weight:700;color:var(--kr-text);text-decoration:none;}
.kr-chip--brand{background:#eef0ff;}
.kr-chip--sku{background:#fafafa;font-weight:600;opacity:.8;}

/* ====== RELATED (layout) ====== */
.kr-pdp__related{margin-top:28px;}
.kr-related-title{margin:0 0 12px;font-size:1.25rem}

/* -------------------------------------------------------
   PDP Related – FULL PLP-MATCH (scopet)
   ------------------------------------------------------- */

.kr-pdp__related .kr-plp__ul{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns: clamp(190px, 26vw, 240px);
  gap:14px;
  list-style:none;
  padding:8px 2px 16px;
  margin:0;
  overflow-x:auto;
  overflow-y:visible;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
}
.kr-pdp__related .kr-plp__ul::-webkit-scrollbar{height:8px}
.kr-pdp__related .kr-plp__ul::-webkit-scrollbar-thumb{background:rgba(0,0,0,.15);border-radius:8px}

/* Kort (li.product fra content-product.php) */
.kr-pdp__related li.product{
  position:relative;
  width:auto !important;
  margin:0 !important;
  border-radius:14px;
  background:#fff;
  box-shadow:0 1px 0 rgba(0,0,0,.04);
  transition:box-shadow .18s ease, transform .06s ease;
  overflow:hidden;
  scroll-snap-align:start;
  min-width:0;
}
@media (hover:hover){
  .kr-pdp__related li.product:hover{
    box-shadow:0 10px 28px rgba(0,0,0,.08);
    transform:translateY(-1px);
  }
}

/* Klikkbarhet */
.kr-pdp__related li.product a{
  display:block;
  color:inherit;
  text-decoration:none;
}

/* Bilde (1:1) – match PLP */
.kr-pdp__related .kr-plp__imgwrap{ position:relative; display:block; line-height:0; }
.kr-pdp__related .kr-plp__img{
  display:block;
  width:100%;
  height:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  object-position:center;
  background:#f6f7f9;
  transform:translateZ(0);
  transition:transform .25s ease, opacity .2s ease;
}
@media (hover:hover){
  .kr-pdp__related li.product a:hover .kr-plp__img{ transform:scale(1.02); }
}

/* Badges – samme plassering som PLP */
.kr-pdp__related .kr-badge-new{
  position:absolute; top:10px; left:10px; z-index:5;
  display:inline-flex; align-items:center; gap:8px;
  padding:7px 12px; line-height:1;
  font-size:12px; font-weight:800; letter-spacing:.2px;
  color:#0f172a;
  background:linear-gradient(180deg,#e6f6ff 0%, #d7f0ff 100%);
  border:1px solid #bae6fd; border-radius:999px;
  box-shadow:0 4px 12px rgba(2,132,199,.15);
  pointer-events:none;
}
.kr-pdp__related .kr-badge-offer{
  position:absolute; top:10px; right:10px; z-index:5;
  display:inline-flex; align-items:center; justify-content:center;
  min-width:44px; height:28px; padding:0 10px;
  font-size:13px; font-weight:900; letter-spacing:.2px;
  color:#fff; background:#ef4444;
  border:1px solid rgba(0,0,0,.08);
  border-radius:999px;
  box-shadow:0 6px 14px rgba(239,68,68,.22);
  pointer-events:none;
}

/* Tittel & pris – bruk dine egne klassenavn fra content-product.php */
.kr-pdp__related .kr-plp__title{
  margin:8px 8px 2px;
  font-size:.98rem;
  line-height:1.25;
  font-weight:800;
  letter-spacing:.2px;
  color:var(--kr-text);
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:calc(1.28em * 2);
}
@media (max-width:860px){
  .kr-pdp__related .kr-plp__title{
    font-size:.92rem;
    line-height:1.25;
    margin:10px 6px 2px;
    -webkit-line-clamp:3;
    min-height:calc(1.25em * 3);
  }
}
.kr-pdp__related .price{
  margin:0 10px 12px;
  font-size:1.14rem;
  font-weight:900;
  letter-spacing:.2px;
  color:var(--kr-text);
}
.kr-pdp__related .price del{ opacity:.65; margin-right:6px; }
.kr-pdp__related .price ins{ text-decoration:none; color:var(--kr-text); }

/* Skjul uønsket i kortene (som i PLP) */
.kr-pdp__related .button,
.kr-pdp__related .added_to_cart,
.kr-pdp__related .star-rating{ display:none !important; }

/* ====== STICKY BUY BAR – FULLT AV (fjernet) ====== */
.kr-pdp-sticky{ display:none !important; }  /* overstyr alt */

/* ====== DESKTOP TWEAK: mindre venstre-luft i galleriet ====== */
@media (min-width:981px){
  .kr-pdp__media.kr-card{ padding-left:0; padding-right:0; }
  .kr-pdp__media{ display:flex; }
  .kr-pdp__media img{
    width:92%;
    margin-left:0;
    margin-right:auto;
  }
}

/* ====== RESPONSIVE ====== */
@media (max-width:980px){
  .kr-pdp__grid{grid-template-columns:1fr;gap:1.25rem;}
  .kr-pdp__summary{position:static;}
  .kr-priceblock{grid-template-columns:1fr;}
  .kr-features{grid-template-columns:1fr 1fr;}
  .kr-pdp__gallery{padding-top:0 !important;}
}
@media (max-width:640px){
  .kr-features{grid-template-columns:1fr;}
  .kr-pdp__cart .single_add_to_cart_button{width:100%;min-width:unset;justify-content:center;}
}

/* ====== DUPE GUARD: skjul Woo default tittel/pris (kun utenfor vår layout) ====== */
.single-product h1.product_title:not(.kr-pdp__title){ display:none !important; }
.single-product .summary .price,
.single-product .entry-summary .price{ display:none !important; }
.single-product h1.product_title + .price{ display:none !important; }
.single-product .summary.entry-summary,
.single-product .product .entry-summary{ display:none !important; }

/* Skjul "lagerstatus"-tekster overalt */
.stock,.stock.in-stock,.stock.out-of-stock{display:none!important;}

/* =======================================================
   LIGHTBOX (kr-lb) – forstørrelse + enkel zoom/pan
   (matcher JS: initImageLightbox)
   ======================================================= */

.kr-lb{
  position:fixed;
  inset:0;
  z-index:9999;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(0,0,0,.9);
  opacity:0;
  pointer-events:none;
  transition:opacity .2s ease;
  -webkit-backdrop-filter:saturate(110%) blur(0px);
  backdrop-filter:saturate(110%) blur(0px);
}
.kr-lb.is-open{
  opacity:1;
  pointer-events:auto;
  -webkit-backdrop-filter:saturate(110%) blur(2px);
  backdrop-filter:saturate(110%) blur(2px);
}
.kr-lb__img{
  max-width:95vw;
  max-height:90vh;
  object-fit:contain;
  transform-origin:center center;
  will-change:transform;
  transition:transform .06s linear;
  cursor:zoom-in;
  user-select:none;
  -webkit-user-drag:none;
}
.kr-lb.is-zoomed .kr-lb__img{
  cursor:grab;
}
.kr-lb__img:active{
  cursor:grabbing;
}
.kr-lb__close{
  position:absolute;
  top:16px;
  right:16px;
  width:40px;
  height:40px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.35);
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:24px;
  font-weight:900;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1;
  box-shadow:0 6px 24px rgba(0,0,0,.35);
  transition:transform .08s ease, background .2s ease;
}
.kr-lb__close:hover{
  transform:scale(1.05);
  background:rgba(255,255,255,.12);
}
.kr-lb__close:active{
  transform:scale(.98);
}
.kr-lb__close:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px rgba(255,255,255,.45), 0 10px 26px rgba(0,0,0,.35);
}

/* Hint: skjermlesere */
.kr-lb[aria-hidden="true"] .kr-lb__img{ visibility:hidden; }
.kr-pdp__prev,
.kr-pdp__next { display: none !important; }

/* Redusert bevegelse */
@media (prefers-reduced-motion: reduce){
  .kr-lb{ transition:none; }
  .kr-lb__img{ transition:none; }
  .kr-pdp__media img{ transition:none; }
}
.kr-pdp__nav{ z-index:50; }