/* Kassens genbestil-reference (Leverance 6) – "Genbestilling af ordre #…" under produktnavnet.
   Farve fra temaets palette: sekundaer #555. Roboto arves. */

.eo-reorder-ref-line {
    font-size: 13px;
    color: #555;
    line-height: 1.4;
    margin-top: 2px;
}

/* Kassens valg-liste staar altid aaben: "Vis detaljer"-titlen er fjernet helt fra templaten, saa
   Firecheckouts ".toggle + .content:not([style])"-regel ikke rammer. Ingen CSS noedvendig her. */

/* Grupperede option-kort (mini-kurv, kurv, checkout) */

.eo-options-grouped {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 8px;
}

.eo-option-group {
    border-radius: 6px;
    padding: 8px 10px;
    font-size: 12px;
    line-height: 1.4;
}

.eo-group-etiket {
    background: #f0f4ff;
}

.eo-group-etiket .eo-group-label {
    color: #4a6fa5;
}

.eo-group-materiale,
.eo-group-produktion {
    background: #f5f5f5;
}

.eo-group-materiale .eo-group-label,
.eo-group-produktion .eo-group-label {
    color: #888;
}

.eo-group-label {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 3px;
}

.eo-group-line {
    color: #333;
}

.eo-group-line:first-of-type {
    font-weight: 600;
}

/* Checkout: value som HTML med br-tags */
.eo-group-lines {
    color: #333;
}

.eo-group-lines::first-line {
    font-weight: 600;
}

.cart.item .eo-options-grouped {
    gap: 8px;
}

.cart.item .eo-option-group {
    padding: 10px 12px;
    font-size: 13px;
}

/* Minicart pricing */
.eo-pricing .eo-qty-price {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-top: 8px;
    font-size: 13px;
}

.eo-pricing .eo-qty-unit {
    color: #666;
}

.eo-pricing .eo-row-total {
    font-weight: 700;
    color: #333;
}