/* PARGOLD B2B Wall — frontend styles
   Använder PARGOLD design tokens (--pg-*) med hex-fallback. */

/* ─────────────── LOGIN WALL ─────────────── */

.pargold-b2b-wall {
    background: var(--pg-sand, #e3dcc4);
    border: 1px solid var(--pg-line, #cfcabd);
    padding: 20px;
    margin: 24px 0;
    color: var(--pg-ink-2, #3b443c);
    border-radius: 0;
    box-shadow: none;
}

.pargold-b2b-wall__caption {
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-weight: 500;
    font-size: 11px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--pg-muted, #8a8f86);
    margin: 0 0 8px 0;
    line-height: 1;
}

.pargold-b2b-wall__price {
    font-family: 'Manrope', system-ui, sans-serif;
    font-weight: 800;
    font-size: 28px;
    color: var(--pg-fairway-2, #244730);
    letter-spacing: 0.04em;
    margin: 0 0 12px 0;
    line-height: 1.1;
}

.pargold-b2b-wall__description {
    font-family: 'Inter', system-ui, sans-serif;
    font-size: 13px;
    line-height: 1.6;
    color: var(--pg-ink-2, #3b443c);
    margin: 0 0 16px 0;
}

.pargold-b2b-wall__actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.pargold-b2b-wall__login,
.pargold-b2b-wall__register {
    flex: 1 1 140px;
    text-align: center;
    padding: 12px 20px !important;
    font-family: 'Inter', system-ui, sans-serif !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    letter-spacing: 0.01em;
    border-radius: 0 !important;
    text-decoration: none !important;
    border: 1px solid var(--pg-fairway-2, #244730) !important;
    transition: background-color 0.15s ease, color 0.15s ease;
    line-height: 1 !important;
}

.pargold-b2b-wall__login {
    background: var(--pg-fairway, #2f5d3a) !important;
    color: var(--pg-paper, #fbfaf6) !important;
}

.pargold-b2b-wall__login:hover,
.pargold-b2b-wall__login:focus {
    background: var(--pg-fairway-2, #244730) !important;
    color: var(--pg-paper, #fbfaf6) !important;
}

.pargold-b2b-wall__register {
    background: transparent !important;
    color: var(--pg-fairway-2, #244730) !important;
}

.pargold-b2b-wall__register:hover,
.pargold-b2b-wall__register:focus {
    background: var(--pg-paper, #fbfaf6) !important;
    color: var(--pg-fairway-2, #244730) !important;
}

/* ─────────────── PRICE PATTERN ─────────────── */

.pargold-b2b-price-locked {
    font-family: 'Manrope', system-ui, sans-serif;
    font-weight: 800;
    color: var(--pg-fairway-2, #244730);
    letter-spacing: 0.04em;
    display: inline-block;
}

/* ─────────────── SHOP LOOP "LOGGA IN"-KNAPP ─────────────── */

.pargold-b2b-shop-login {
    display: inline-block;
    padding: 8px 14px;
    background: transparent;
    color: var(--pg-ink, #16201a) !important;
    border: 1px solid var(--pg-line, #cfcabd) !important;
    border-radius: 0 !important;
    font-family: 'Inter', system-ui, sans-serif;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.01em;
    text-decoration: none !important;
    line-height: 1;
    transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.pargold-b2b-shop-login:hover,
.pargold-b2b-shop-login:focus {
    background: var(--pg-fairway, #2f5d3a);
    color: var(--pg-paper, #fbfaf6) !important;
    border-color: var(--pg-fairway, #2f5d3a) !important;
}

/* ─────────────── HIDE ADD-TO-CART NÄR LOCKED ─────────────── */
/* Backstop för Elementor / page-builders / dynamiska form-rendringar
   som inte respekterar våra server-side remove_action-anrop. */

body.pargold-b2b-locked .single_add_to_cart_button,
body.pargold-b2b-locked form.cart .quantity,
body.pargold-b2b-locked form.cart .single_variation_wrap,
body.pargold-b2b-locked form.variations_form .single_variation_wrap,
body.pargold-b2b-locked .woocommerce-grouped-product-list .button,
body.pargold-b2b-locked .product_meta + form.cart,
body.pargold-b2b-locked .elementor-widget-woocommerce-product-add-to-cart .single_add_to_cart_button,
body.pargold-b2b-locked .elementor-widget-woocommerce-product-add-to-cart form.cart .quantity,
body.pargold-b2b-locked .elementor-widget-woocommerce-product-add-to-cart .single_variation {
    display: none !important;
}

/* Behåll variation-väljare synliga (användaren ska kunna se vilka varianter som finns) */
body.pargold-b2b-locked form.variations_form .variations,
body.pargold-b2b-locked form.cart .variations,
body.pargold-b2b-locked .cfvsw-swatches-container {
    display: table !important;
}

body.pargold-b2b-locked .cfvsw-swatches-container {
    display: flex !important;
}

/* Dölj den dubblerade pris-displayn under variation-väljaren när locked */
body.pargold-b2b-locked .single_variation .pargold-b2b-price-locked {
    display: none !important;
}

/* ─────────────── CFVSW VARIATION SWATCHES (PARGOLD-stylad) ─────────────── */
/* CartFlows Smart Swatches for WooCommerce — matcha PARGOLD designspec */

.cfvsw-swatches-container {
    gap: 8px !important;
    margin: 0 0 12px 0 !important;
}

.cfvsw-swatches-option,
.cfvsw-swatches-option-wrapper {
    border: 1px solid var(--pg-line, #cfcabd) !important;
    border-radius: 0 !important;
    background: var(--pg-paper, #fbfaf6) !important;
    color: var(--pg-ink, #16201a) !important;
    font-family: 'Inter', system-ui, sans-serif !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    letter-spacing: 0.01em !important;
    box-shadow: none !important;
    text-transform: none !important;
    transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease !important;
    min-width: auto !important;
    min-height: auto !important;
    padding: 10px 16px !important;
    line-height: 1.2 !important;
    cursor: pointer;
}

.cfvsw-swatches-option:hover {
    border-color: var(--pg-ink, #16201a) !important;
    background: var(--pg-paper, #fbfaf6) !important;
    color: var(--pg-ink, #16201a) !important;
}

/* Selected state — mörk ink-bakgrund med paper-text */
.cfvsw-swatches-option.cfvsw-selected-swatch,
.cfvsw-swatches-option.selected,
.cfvsw-selected.cfvsw-swatches-option {
    background: var(--pg-ink, #16201a) !important;
    color: var(--pg-paper, #fbfaf6) !important;
    border-color: var(--pg-ink, #16201a) !important;
}

/* Disabled / out-of-stock variant */
.cfvsw-swatches-option.cfvsw-disabled-swatch,
.cfvsw-swatches-option[disabled] {
    opacity: 0.4 !important;
    cursor: not-allowed !important;
    text-decoration: line-through;
}

/* RENSA-länken (reset_variations) i mono caption */
.reset_variations {
    font-family: 'JetBrains Mono', ui-monospace, monospace !important;
    font-size: 11px !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    color: var(--pg-muted, #8a8f86) !important;
    text-decoration: none !important;
    border: none !important;
    padding: 0 !important;
    background: transparent !important;
}

.reset_variations:hover {
    color: var(--pg-ink, #16201a) !important;
    text-decoration: none !important;
}

/* ─────────────── MOBIL ─────────────── */

@media (max-width: 480px) {
    .pargold-b2b-wall__actions {
        flex-direction: column;
    }
    .pargold-b2b-wall__login,
    .pargold-b2b-wall__register {
        flex: 1 1 auto;
    }
}