/************************************************************
 * MW Config Gate – CSS (stabil bas + tre fixar)
 * - Modal stängd vid sidladdning (öppnas bara via klick)
 * - Single: pris → "Lås upp"-knapp (ingen blur)
 * - Arkiv/listor: "Lås upp för att se pris"
 * - WPO: lätta prestandaregler
 * - FIX 1: mörk text i options-knappar (låst)
 * - FIX 2: dölj totals helt i låst läge
 * - FIX 3: göm "Lås upp"-etiketten per default (syns bara i låst läge)
 ************************************************************/

/* === Overlay & Modal ==================================================== */
.mwcg-overlay{ position:fixed; inset:0; background:rgba(0,0,0,.35); z-index:99997; display:none; }
.mwcg-modal{ position:fixed; inset:0; display:none; place-items:center; z-index:99998; padding:20px; }
body.mwcg-open .mwcg-overlay{ display:block; }
body.mwcg-open #mw-config-gate-modal{ display:grid; }

.mwcg-card{ position:relative; background:#fff; padding:24px; max-width:640px; width:100%; border-radius:16px; box-shadow:0 10px 30px rgba(0,0,0,.2); }
.mwcg-title{ margin:0 0 8px; font-size:1.25rem; }
.mwcg-intro{ margin:0 0 16px; color:#333; }

.mwcg-close{ position:absolute; top:8px; right:8px; background:transparent; border:none; font-size:1.5rem; line-height:1; color:#666; cursor:pointer; }
.mwcg-close:hover{ color:#000; }

body.mwcg-open{ overflow:hidden; }

/* === CF7 normalisering i modalen ======================================= */
#mw-config-gate-modal .wpcf7-acceptance input[type="checkbox"],
#mw-config-gate-modal .wpcf7-checkbox input[type="checkbox"]{
  appearance:auto !important; -webkit-appearance:checkbox !important;
  width:auto !important; height:auto !important; display:inline-block !important; margin-right:.5rem;
}
#mw-config-gate-modal .wpcf7-form .wpcf7-list-item{ display:inline-flex; align-items:center; gap:.5rem; }

/* Neutralisera ev. äldre blur */
.mwcg-blur{ filter:none !important; text-shadow:none !important; }

/* =========================================================
   FIX 3: Göm etiketten om sidan inte är låst
   ========================================================= */
.entry-summary .price .mwcg-price-label{ display:none !important; }

/* =========================================================
   SINGLE PRODUCT – Pris → knapp i låst läge
   ========================================================= */
body.mwcg-locked.single-product .entry-summary .price{
  position:relative !important; user-select:none !important;
  display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
  padding:10px 14px; border-radius:9999px; background:#111; border:1px solid #111;
  cursor:pointer; line-height:1.1; margin:12px 0 16px;
}
body.mwcg-locked.single-product .entry-summary .price > *:not(.mwcg-price-label){ display:none !important; }
body.mwcg-locked.single-product .entry-summary .price .mwcg-price-label{
  display:inline-block !important; color:#fff !important; font-weight:600; font-size:1em; letter-spacing:.01em;
}
body.mwcg-locked.single-product .entry-summary .price:hover{ background:#000; border-color:#000; }
body.mwcg-locked.single-product .entry-summary .price:focus-visible{ outline:2px solid #2563eb; outline-offset:2px; }

/* =========================================================
   ARKIV/LISTOR – Hint (slår inte på single)
   ========================================================= */
body.mw-gate-locked:not(.single-product) .price,
body.mw-gate-locked:not(.single-product) .av-masonry-price,
body.mw-gate-locked:not(.single-product) .inner_product_header_table .price,
body.mw-gate-locked:not(.single-product) .wpo-price-container{ position:relative !important; user-select:none !important; }
body.mw-gate-locked:not(.single-product) .price > *,
body.mw-gate-locked:not(.single-product) .av-masonry-price > *,
body.mw-gate-locked:not(.single-product) .inner_product_header_table .price > *,
body.mw-gate-locked:not(.single-product) .wpo-price-container > *{ display:none !important; }
body.mw-gate-locked:not(.single-product) .price::after,
body.mw-gate-locked:not(.single-product) .av-masonry-price::after,
body.mw-gate-locked:not(.single-product) .inner_product_header_table .price::after,
body.mw-gate-locked:not(.single-product) .wpo-price-container::after{
  content:"Lås upp för att se pris"; color:#111 !important; font-weight:600; font-size:1em; letter-spacing:.01em;
}

/* =========================================================
   WPO – prestanda (lätta)
   ========================================================= */
.wpo-field, .wpo-checkboxes, .wpo-radios{ content-visibility:auto; contain-intrinsic-size:1px 600px; contain:layout paint style; }
@media (max-width:680px){
  .wpo-radios .wpo-radio, .wpo-checkboxes .wpo-checkbox{ box-shadow:none !important; }
  .wpo-radios .wpo-radio:hover, .wpo-checkboxes .wpo-checkbox:hover{ border-color:#dcdcdc !important; box-shadow:none !important; }
  .wpo-radios .wpo-radio.selected, .wpo-checkboxes .wpo-checkbox.selected{ box-shadow:none !important; }
}
.wpo-radios .wpo-radio > div > .price.wpo-price-container,
.wpo-checkboxes .wpo-checkbox > div > .price.wpo-price-container{ will-change:transform; }
.wpo-radios, .wpo-checkboxes{ align-content:start; }

/* =========================================================
   FIX 1: Options – mörk text i "Lås upp"-pill (låst)
   ========================================================= */
body.mwcg-locked.single-product .entry-summary .wpo-price-container{ color:#111 !important; }

/* =========================================================
   FIX 2: Totals – dölj helt i låst läge (enkelt)
   ========================================================= */
body.mwcg-locked.single-product .entry-summary .wpo-totals,
body.mwcg-locked.single-product .entry-summary .wpo_totals,
body.mwcg-locked.single-product .entry-summary .wpo-final-total,
body.mwcg-locked.single-product .entry-summary .wpo_total,
body.mwcg-locked.single-product .entry-summary .wpo-total{ display:none !important; }

/* JS-fallback klass för totals (om markupen avviker) */
.mwcg-hide{ display:none !important; }

/* === Force dark text on option price pills when locked (single product) === */
body.mwcg-locked.single-product .entry-summary .wpo-price-container,
body.mwcg-locked.single-product .entry-summary .wpo-radios .wpo-price-container,
body.mwcg-locked.single-product .entry-summary .wpo-checkboxes .wpo-price-container,
body.mwcg-locked.single-product .entry-summary .wpo-price-container *,
body.mwcg-locked.single-product .entry-summary .wpo-price-container .woocommerce-Price-amount,
body.mwcg-locked.single-product .entry-summary .wpo-price-container .woocommerce-Price-amount *,
body.mwcg-locked.single-product .entry-summary .wpo-price-container bdi,
body.mwcg-locked.single-product .entry-summary .wpo-price-container .amount {
  color: #111 !important;
  -webkit-text-fill-color: #111 !important; /* Safari */
}
body.mwcg-locked.single-product .entry-summary .wpo-price-container svg {
  fill: currentColor !important;
}