/* =============================================
   Gulv Prisberegner — Frontend Calculator
   Neutral base styling — override frit i temaet.
   Alle klasser er præfikset .gp-
   ============================================= */

/* ── Wrapper ──────────────────────────────────── */
.gp-calculator {
    margin-bottom: 1.5em;
}

/* ── Variation notice ─────────────────────────── */
.gp-variation-notice {
    font-size: .9em;
    color: #666;
    margin: 0 0 .75em;
    font-style: italic;
}

/* ── Input ────────────────────────────────────── */
.gp-input-row {
    display: flex;
    flex-direction: column;
    gap: .4em;
    margin-bottom: 1em;
}

.gp-label {
    font-weight: 600;
    font-size: .95em;
}

.gp-input-wrap {
    display: flex;
    align-items: center;
    gap: .5em;
}

.gp-sqm-input {
    /* Lad temaet bestemme bredde/farve/border.
       Sæt kun et fornuftigt min-width. */
    min-width: 100px;
    max-width: 160px;
}

.gp-input-unit {
    font-size: .9em;
    color: #666;
}

/* ── Resultat-boks ────────────────────────────── */
.gp-result {
    border-top: 1px solid currentColor;
    padding-top: 1em;
    display: flex;
    flex-direction: column;
    gap: .5em;
}

/* result[hidden] understøttet natively — no JS class needed */
.gp-result[hidden] {
    display: none;
}

.gp-result-row {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 1em;
    font-size: .95em;
}

.gp-result-label {
    color: #555;
}

.gp-result-value {
    font-weight: 600;
    text-align: right;
}

/* Fremhæv total */
.gp-result-total .gp-result-label,
.gp-result-total .gp-result-value {
    font-size: 1.1em;
    font-weight: 700;
}

/* Spildtillæg — lidt dæmpet */
.gp-result-waste .gp-result-value {
    font-weight: normal;
    color: #888;
}

/* ── Min-kasse advarsel ───────────────────────── */
.gp-min-notice {
    font-size: .85em;
    color: #c0392b;
    margin: .25em 0 0;
}

.gp-min-notice[hidden] {
    display: none;
}

/* ── Kurv-knap blokeret ───────────────────────── */
/* WooCommerce sætter .disabled — vi tilføjer .gp-blocked for ekstra specificitet */
.single_add_to_cart_button.gp-blocked {
    opacity: .45;
    cursor: not-allowed;
    pointer-events: none;
}

/* ── Skjul quantity-felt ──────────────────────── */
.gp-quantity-hidden {
    display: none !important;
}

/* Skjul hele qty-wrappers når GP er aktiv */
.gp-calculator ~ .quantity,
.gp-calculator + .quantity {
    display: none;
}