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


/* === GK: Større og tydelig butikk-melding === */
.gk-store-only-status {
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #39ff14 !important; /* Golfkongen grønn – endre hvis ønskelig */
  margin-top: 15px;
  display: block;
}

/* ===================================================
   GK: GLOW PÅ KNAPPER (TREGERE OG ROligere)
   - Dette er der “gløden rundt knappene” kommer fra
   - Vi gjør overgangen tregere + wave-animasjonen roligere
   =================================================== */

/* Base transition (tregere) */
.gk-glow,
.gk-wave-glow,
button,
.btn,
input[type="submit"],
.product__button,
.add-to-cart-btn {
  transition: background-color 0.2s ease,
            color 0.2s ease,
            border-color 0.2s ease,
            box-shadow 0.2s ease,
            transform 0.2s ease,
            filter 0.2s ease; /* var 0.25s */
}

/* Hover glow (litt roligere, og mindre “hopp”) */
.gk-glow:hover,
.gk-wave-glow:hover,
button:hover,
.btn:hover,
input[type="submit"]:hover,
.product__button:hover,
.add-to-cart-btn:hover {
  box-shadow: 0 0 8px #39ff14,
              0 0 16px #39ff14,
              0 0 22px rgba(57,255,20,0.45);
  transform: translateY(-1px); /* var -2px */
  filter: brightness(1.07);    /* var 1.1–1.15 */
}

/* Active click animation (litt mykere) */
.gk-glow:active,
.gk-wave-glow:active,
button:active,
.btn:active,
input[type="submit"]:active,
.product__button:active,
.add-to-cart-btn:active {
  transform: scale(0.985); /* var 0.97 */
  box-shadow: 0 0 4px #39ff14;
}

/* === GK: WAVE GLOW BUTTONS === */
.gk-wave-glow,
button,
.btn,
input[type="submit"],
.product__button,
.add-to-cart-btn {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

/* wave effect */
.gk-wave-glow::before,
button::before,
.btn::before,
input[type="submit"]::before,
.product__button::before,
.add-to-cart-btn::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -150%;
  width: 300%;
  height: 200%;
  background: radial-gradient(circle, rgba(57,255,20,0.30) 0%, rgba(57,255,20,0) 70%);
  animation: none; /* var 4s */
  z-index: -1;
}

/* smooth wave motion */
@keyframes gkWaveGlow {
  0% {
    transform: translateX(-50%) translateY(-50%) rotate(0deg);
  }
  50% {
    transform: translateX(50%) translateY(50%) rotate(180deg);
  }
  100% {
    transform: translateX(-50%) translateY(-50%) rotate(360deg);
  }
}


/* === GK: Gavekort-promo på forsiden === */
.gk-giftcard-promo {
  margin: 18px auto 24px;
  max-width: 1100px;
  padding: 0 10px;
  position: relative; /* trengs for ribbon */
}

.gk-giftcard-link {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  text-decoration: none;
  background: #050505;
  border-radius: 18px;
  border: 1px solid rgba(57,255,20,0.45);
  overflow: hidden;
  box-shadow: 0 0 18px rgba(0,0,0,0.85);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.gk-giftcard-link:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 24px rgba(57,255,20,0.4);
  border-color: rgba(57,255,20,0.8);
}

.gk-giftcard-text {
  flex: 1 1 320px;
  padding: 16px 18px 16px 20px;
  color: #f5f5f5;
}

.gk-giftcard-tagline {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #c8ffc8;
  opacity: 0.9;
  margin-bottom: 4px;
}

.gk-giftcard-title {
  font-size: 20px;
  margin: 0 0 8px;
}

.gk-giftcard-body {
  margin: 4px 0 10px;
  font-size: 14px;
  opacity: 0.95;
}

.gk-giftcard-points {
  list-style: none;
  padding: 0;
  margin: 0 0 12px;
  font-size: 13px;
  display: flex;
  flex-wrap: wrap;
  gap: 4px 16px;
}

.gk-giftcard-points li {
  opacity: 0.9;
}

.gk-giftcard-cta {
  display: inline-block;
  margin-top: 2px;
  font-size: 14px;
  font-weight: 600;
  padding: 7px 14px;
  border-radius: 999px;
  background: #39ff14;
  color: #020202;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

/* høyre side – bilde */
.gk-giftcard-image {
  flex: 0 0 260px;
  min-height: 150px;
  position: relative;
}

.gk-giftcard-image-bg {
  width: 100%;
  height: 100%;
  min-height: 160px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  filter: brightness(1.05);
  transform: scale(1.02);
}

/* Hover-effekt litt på bildet også */
.gk-giftcard-link:hover .gk-giftcard-image-bg {
  filter: brightness(1.12);
  transform: scale(1.04);
}

/* Mobil-tilpasning */
@media (max-width: 767px) {
  .gk-giftcard-link {
    flex-direction: column;
  }

  .gk-giftcard-image {
    flex: 1 1 auto;
  }

  .gk-giftcard-text {
    padding: 14px 14px 12px;
  }

  .gk-giftcard-title {
    font-size: 18px;
  }
}

/* === GK: Gavekort Ribbon i hjørnet === */
.gk-giftcard-ribbon {
  position: absolute;
  top: -10px;
  right: -10px;
  background: linear-gradient(135deg, #00d36f, #00b45d);
  color: black;
  padding: 6px 14px;
  font-size: 12px;
  font-weight: 800;
  border-radius: 6px;
  box-shadow: 0 0 10px rgba(0,255,120,0.45);
  text-transform: uppercase;
  z-index: 2;
  transform: rotate(8deg);
  letter-spacing: 0.5px;
}

/* === GolfKongen – produkttekst (global) === */
.gk-producttext{
  max-width: 900px;
  margin: 0 auto;
  color: #e8eef6;
  line-height: 1.6;
  font-size: 16px;
}
.gk-producttext a{ color:#9fd3ff; text-decoration: none; }
.gk-producttext a:hover{ text-decoration: underline; }

.gk-card{
  background: #101826;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 14px;
  padding: 16px;
  box-shadow: 0 10px 24px rgba(0,0,0,.25);
  margin: 14px 0;
}

.gk-title{
  margin: 0 0 10px 0;
  font-size: 20px;
  letter-spacing: .2px;
}
.gk-muted{ color: rgba(232,238,246,.85); }

.gk-badge{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  font-weight: 700;
}

.gk-alert{
  border-left: 4px solid #f7da64;
  background: rgba(247,218,100,.10);
}
.gk-alert p{ margin: 8px 0; }

.gk-divider{
  height: 1px;
  background: rgba(255,255,255,.10);
  margin: 14px 0;
}

.gk-kv{ margin: 0; padding-left: 18px; }
.gk-kv li{ margin: 8px 0; }

.gk-flight-grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 10px;
  margin-top: 10px;
}
.gk-flight-chip{
  text-align: center;
  border-radius: 12px;
  padding: 12px 10px;
  color: #0b1220;
  font-family: Impact, Charcoal, sans-serif;
  font-size: 18px;
  line-height: 1.1;
  box-shadow: inset 0 -2px 0 rgba(0,0,0,.18);
}
.gk-speed{ background-color: rgb(97, 189, 109); }
.gk-glide{ background-color: rgb(235, 107, 86); }
.gk-turn{  background-color: rgb(44, 130, 201); }
.gk-fade{  background-color: rgb(247, 218, 100); }

@media (max-width: 600px){
  .gk-flight-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
  .gk-title{ font-size: 18px; }
}
/* === GK FLIGHT CHART (PRO) – v5.2 === */
.gk-flight-viz{
  margin-top:22px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.10);
}

.gk-flight-head{
  display:flex;
  gap:12px;
  align-items:flex-start;
  justify-content:space-between;
  flex-wrap:wrap;
  margin-bottom:10px;
}

.gk-flight-title{
  font-weight:800;
  font-size:16px;
  color:#e8eef6;
  line-height:1.2;
}

.gk-flight-meters{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.gk-meter-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:8px 12px;
  border-radius:999px;
  font-size:13px;
  color:#e8eef6;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.03);
  white-space:nowrap;
  min-width: 210px;
}

.gk-meter-pill.beginner{
  box-shadow: 0 0 0 1px rgba(96,165,250,.14) inset;
}

.gk-meter-pill.advanced{
  box-shadow: 0 0 0 1px rgba(52,211,153,.14) inset;
}

.gk-flight-chart{
  background: radial-gradient(120% 120% at 50% 10%, rgba(255,255,255,.06), rgba(255,255,255,0) 55%), #0b1220;
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;
  padding:12px;
}

.gk-flight-chart-svg{
  width:100%;
  height:auto;
  display:block;
  overflow:visible;
  max-width: 760px;
}

/* frame + grid */
.gk-fbox{
  fill:rgba(255,255,255,.02);
  stroke:rgba(255,255,255,.10);
  stroke-width:1;
  rx:14;
}

.gk-fgrid-v,
.gk-fgrid-h{
  stroke:rgba(255,255,255,.06);
  stroke-width:1;
}

.gk-midline{
  stroke: rgba(255,255,255,.12);
  stroke-width: 1;
  stroke-dasharray: 3 4;
}

.gk-midline-soft{
  stroke: rgba(255,255,255,.07);
  stroke-width: 1;
  stroke-dasharray: 2 6;
}

/* curves */
.gk-flight-line{
  fill:none;
  stroke-width:5.0;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.gk-flight-line.beginner{ stroke:#60a5fa; }
.gk-flight-line.advanced{ stroke:#34d399; }

/* dots (pro markers) */
.gk-dot{
  stroke: rgba(255,255,255,.85);
  stroke-width: 1;
  opacity: .95;
}

.gk-dot.beginner{ fill:#60a5fa; }
.gk-dot.advanced{ fill:#34d399; }

.gk-dot.turn,
.gk-dot.fade{
  opacity: .85;
}

.gk-dot.start{ opacity: .95; }
.gk-dot.end{ opacity: 1; }

/* axis labels */
.gk-faxis{
  fill:#9ca3af;
  font-size:10px;
}
/* GK – Product Filter (pf-*) : gjør filtertekst synlig */
#pfFilterDrawer,
#pfFilterDrawerContent,
.pf-drawer,
.pf-drawer-content,
.pf-filter-group,
.pf-filter-options-container,
.pf-filter-option,
.pf-filter-option label {
  color: #111 !important;
}

/* Hvis noe er gjort "svakt" med opacity i temaet */
.pf-filter-option,
.pf-filter-option label {
  opacity: 1 !important;
}

/* Sørg for at selve "checkbox-ruta" synes også */
.pf-filter-option input[type="checkbox"]{
  accent-color: #1fa37a;
}
.gk-store-only-msg{
  margin:12px 0;
  padding:12px 14px;
  border-radius:12px;
  background:#1d2b22;
  color:#dff5e3;
  border:1px solid rgba(120,255,160,.25);
  font-size:14px;
  line-height:1.45;
}
/* === GK: Produkttekst lesemodus === */

.gk-read-toggle {
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin:12px 0;
  padding:8px 14px;
  border-radius:999px;
  background:#101826;
  color:#ffffff;
  border:1px solid rgba(57,255,20,.5);
  font-size:14px;
  font-weight:700;
  cursor:pointer;
}

.gk-read-toggle:hover {
  box-shadow:0 0 12px rgba(57,255,20,.35);
}


/* Når lesemodus er aktiv */
.gk-reading-mode .gk-card {
  background:#ffffff !important;
  color:#151515 !important;
  border:1px solid rgba(0,0,0,.12);
}

.gk-reading-mode .gk-producttext,
.gk-reading-mode .gk-producttext *,
.gk-reading-mode .gk-card *,
.gk-reading-mode .gk-title,
.gk-reading-mode .gk-muted {
  color:#151515 !important;
}


/* Behold flight-tallene med riktige farger */
.gk-reading-mode .gk-flight-chip {
  color:#0b1220 !important;
}
/* GolfKongen: stabil produktbredde før karusellen starter */
.startpage-product-slider:not(.swiper-container-initialized) {
  overflow: hidden;
}

.startpage-product-slider:not(.swiper-container-initialized)
> .swiper-wrapper {
  display: flex;
}

.startpage-product-slider:not(.swiper-container-initialized)
> .swiper-wrapper > .swiper-slide {
  flex-shrink: 0;
  width: calc((100% - 15px) / 2);
  margin-right: 15px;
}

@media (min-width: 991px) {
  .startpage-product-slider:not(.swiper-container-initialized)
  > .swiper-wrapper > .swiper-slide {
    width: calc((100% - 30px) / 3);
  }
}

@media (min-width: 1200px) {
  .startpage-product-slider:not(.swiper-container-initialized)
  > .swiper-wrapper > .swiper-slide {
    width: calc((100% - 45px) / 4);
  }
}
/* Behold Flight Finder-filtreringen under innlasting */
.gk-ff-hidden {
  display: none !important;
}