/* ================================================
   DuoCart Style 3: Green Background Active Card
   ================================================ */

.duocart-cart-style-three {
    background: #f6f6f6;
    border: 1px solid #EBEBEB;
    padding: 20px;
    border-radius: 18px;
}

.duocart-cart-style-three .duocart-box-title {
    padding: 0 0 var(--duocart-spacing-md) 0;
    margin-bottom: var(--duocart-spacing-md);
    border: none;
}

.duocart-cart-style-three .duocart-selection-count {
    display: inline-block;
    background: var(--duocart-accent-green-light);
    color: var(--duocart-accent-green-dark);
    padding: 2px 10px;
    border-radius: 20px;
    font-size: var(--duocart-font-size-base);
    font-weight: var(--duocart-font-weight-semibold);
    margin-left: var(--duocart-spacing-sm);
}

.duocart-cart-style-three .duocart-item-row {
    border: 1px solid var(--duocart-border-medium);
    border-radius: var(--duocart-radius-lg);
    margin-bottom: var(--duocart-spacing-md);
    padding: 0;
    background: var(--duocart-bg-white);

}

.duocart-cart-style-three .duocart-item-row.duocart-row-active {
    background: var(--duocart-gradient-green);
    border-color: var(--duocart-accent-green);
}

.duocart-cart-style-three .duocart-item-row.duocart-row-active .duocart-product-title-box h4,
.duocart-cart-style-three .duocart-item-row.duocart-row-active .duocart-sku,
.duocart-cart-style-three .duocart-item-row.duocart-row-active .variation-price,
.duocart-cart-style-three .duocart-item-row.duocart-row-active .duocart-options-label,
.duocart-cart-style-three .duocart-item-row.duocart-row-active .duocart-qty-wrapper input.duocart-quantity {
    color: var(--duocart-bg-white) !important;
}

.duocart-cart-style-three .duocart-item-row.duocart-row-active .duocart-regular-price,
.duocart-cart-style-three .duocart-item-row.duocart-row-active .duocart-sale-price {
    color: var(--duocart-bg-white) !important;
}

.duocart-cart-style-three .duocart-item-row.duocart-row-active .duocart-remove-row,
.duocart-cart-style-three .duocart-item-row.duocart-row-active .remove-row{
    color: var(--duocart-accent-orange) !important;
}

.duocart-cart-style-three .duocart-item-row.duocart-row-active .duocart-regular-price,
.duocart-cart-style-three .duocart-item-row.duocart-row-active .duocart-regular-price .amount,
.duocart-cart-style-three .duocart-item-row.duocart-row-active .duocart-regular-price bdi,
.duocart-cart-style-three .duocart-item-row.duocart-row-active .duocart-sale-price bdi,
.duocart-cart-style-three .duocart-item-row.duocart-row-active .duocart-cart-style-three .duocart-item-row.duocart-row-active {
    color: #fff !important;
}

.duocart-cart-style-three .duocart-item-row.duocart-row-active .duocart-price-shell {
    padding: 0;
    margin: 0 var(--duocart-spacing-xl) var(--duocart-spacing-xl);
}

.duocart-cart-style-three .duocart-item-row.duocart-row-active .duocart-variation-options {
    display: flex;
    gap: var(--duocart-spacing-md);
}

.duocart-cart-style-three .duocart-item-row:not(.duocart-row-active) .duocart-qty-block,
.duocart-cart-style-three .duocart-item-row:not(.duocart-row-active) .duocart-price-shell,
.duocart-cart-style-three .duocart-item-row:not(.duocart-row-active) .duocart-options-container {
    display: none !important;
}

.duocart-cart-style-three .duocart-item-row .duocart-header,
.duocart-cart-style-three .duocart-item-row .duocart-price-shell {
    padding: var(--duocart-spacing-xl);
}

.duocart-cart-style-three .duocart-item-row.duocart-row-active .duocart-countdown-timer {
    margin-top: var(--duocart-spacing-sm);
}

.duocart-cart-style-three .duocart-countdown-timer {
    position: absolute;
    top: -20px;
    right: 10px;
}

.duocart-cart-style-three .duocart-countdown-timer .duocart-timer-label {
    display: none;
}

.duocart-cart-style-three .duocart-item-row.duocart-row-active .duocart-countdown-timer .duocart-timer-output {
    background: var(--duocart-accent-orange);
    color: var(--duocart-bg-white);
    padding: var(--duocart-spacing-xs) 10px;
    border-radius: var(--duocart-radius-sm);
    font-size: var(--duocart-font-size-small);
    font-weight: var(--duocart-font-weight-semibold);
}

.duocart-cart-style-three #duocart-add-row {
    color: var(--duocart-primary);
    font-weight: var(--duocart-font-weight-semibold);
    background: rgba(1, 61, 33, .1);
    height: 38px;
    padding: 5px 20px;
    border-radius: 14px;
    border: 1px solid #155236;
    outline: none;
}

.duocart-cart-style-three .duocart-footer-calculation {
    border-top: 0;
}

.duocart-cart-style-three #duocart-add-selected {
    background: var(--duocart-accent-green);
    border-color: var(--duocart-accent-green);
}

.duocart-cart-style-three .duocart-add-selected-price::before {
    content: " - ";
}

.duocart-cart-style-three .duocart-checkbox {
    display: none;
}

.duocart-cart-style-three .duocart-icon-cross:before {
    content: "\e000";
    content: "\e004";
}

/* --- Fix for Layout Mess: Flex Options (Ensure it applies always, or better) --- */
.duocart-cart-style-three .duocart-variation-options {
    display: flex;
    flex-wrap: wrap;
    gap: var(--duocart-spacing-md);
    margin-top: 10px;
}

.duocart-cart-style-three .duocart-attribute-group {
    min-width: 110px;
}

.duocart-cart-style-three .duocart-attribute-group label {
    display: block;
    font-size: 12px;
    margin-bottom: 4px;
    color: var(--duocart-text-secondary);
    /* Will be white in active row via other rule */
    font-weight: 500;
}

/* Ensure active row label text is white */
.duocart-cart-style-three .duocart-item-row.duocart-row-active .duocart-attribute-group label {
    color: var(--duocart-bg-white) !important;
}

.duocart-cart-style-three .duocart-options-label {
    display: none;
}