/* ============================================
   CONFIGURATOR OVERRIDES (child theme)
   Loaded after plugin CSS via late priority
   ============================================ */

:root {
    --nsc-space-xs: 4px;
    --nsc-space-sm: 8px;
    --nsc-space-md: 16px;
    --nsc-space-lg: 24px;
    --nsc-space-xl: 32px;
    --nsc-radius: 8px;
    --nsc-brand: var(--e-global-color-primary, #5881A1);
}

/* Size type selection cards (Maatwerk / Standaard maat) */
.nb-nsc-cutting-options, .nb-nsc-cutting-suboptions, .nb-nsc-finishing-options {
    gap: var(--nsc-space-md);
}

.size-type-selection .size-option {
    border: 1px solid #ddd;
    border-radius: var(--nsc-radius);
    background: #fff;
    padding: var(--nsc-space-md);
    text-align: center;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.size-type-selection .size-option:hover {
    border-color: var(--nsc-brand);
}

.size-type-selection .size-option:has(input:checked) {
    border-color: var(--nsc-brand);
    box-shadow: inset 0 0 0 2px var(--nsc-brand);
}

.size-type-selection .option-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--nsc-space-sm);
}

.size-type-selection .option-title {
    font-family: "Exo", sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #333;
}

.size-type-selection .option-subtitle {
    font-size: 12px;
    color: #777;
}

/* Cutting / Finishing option cards */
.nb-nsc-cutting-card,
.nb-nsc-cutting-subcard,
.nb-nsc-finishing-card {
    border-radius: var(--nsc-radius);
    overflow: hidden;
}

.nb-nsc-cutting-card:hover,
.nb-nsc-cutting-subcard:hover,
.nb-nsc-finishing-card:hover {
    box-shadow: inset 0 0 0 1px var(--nsc-brand);
}

/* Active / selected states for all card types */
.nb-nsc-cutting-card.is-selected,
.nb-nsc-cutting-subcard.is-active,
.nb-nsc-finishing-card.is-selected {
    box-shadow: inset 0 0 0 2.5px var(--nsc-brand);
}

.nb-nsc-card-main {
    padding: var(--nsc-space-lg) var(--nsc-space-md);
    align-items: center;
    text-align: center;
    display: flex;
    gap: var(--nsc-space-sm);
}

.nb-nsc-card-title {
    font-family: "Exo", sans-serif;
    font-weight: 600;
}

/* Legacy dimension-inputs selectors removed — now handled by plugin CSS
   with .nb-nsc-configurator .nb-nsc-field scoping */

/* Price display */
.nb-nsc-price {
    padding: var(--nsc-space-md) 0;
    text-align: right;
}

.nb-nsc-price__amount {
    font-family: "Exo", sans-serif;
    font-size: 28px;
    font-weight: 700;
    color: #333;
}