/* Free Gift Scent Dropdown — VERBATIM clone of Convert RO244 v2 (variation.v2.production.css).
 * NOT re-scoped: keeps .RO244 gate. Native render adds `RO244` body class on cart
 * (add_filter body_class in functions.php) so this clone applies unchanged.
 * Keep this file byte-synced with the Convert experiment CSS tab; only this header + :root differ.
 * --scent-* palette mirrors the theme :root snippet (included here for UTM parity).
 */
:root{
  --scent-rose-hips:#AF1685; --scent-coconut-vanilla:#BF5022;
  --scent-jasmine-orange-blossom:#F26A16; --scent-cucumber:#75AF43;
  --scent-lavender-cedar:#9266A4; --scent-unscented:#231480; --scent-gardenia:#26A499;
}

.selected-thumb,
.custom-thumb {
    width: 58px;
    height: 58px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0;
    background-color: var(--active-scent);
}

.selected-item-title {
    color: var(--active-scent);
}

.RO244.cart
    .free-gift.cart-item-variation
    li.selected-revive-eo-item.tm-label-reviveeo-radio {
    border-radius: 4px;
    border: 2px solid #171c8e;
}

.RO244.cart
    .free-gift.cart-item-variation
    .selected-revive-eo-item
    .input-group.tm-label-reviveeo-radio {
    background-color: #effbff;
    display: flex !important;
    height: auto;
    justify-content: flex-start;
    align-items: center;
    padding: 0px !important;
    border: none;
    gap: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7' fill='none'%3E%3Cpath d='M9.4625 0.2925L5.5825 4.1725L1.7025 0.2925C1.3125 -0.0975 0.6825 -0.0975 0.2925 0.2925C-0.0975 0.6825 -0.0975 1.3125 0.2925 1.7025L4.8825 6.2925C5.2725 6.6825 5.9025 6.6825 6.2925 6.2925L10.8825 1.7025C11.2725 1.3125 11.2725 0.6825 10.8825 0.2925C10.4925 -0.0875 9.8525 -0.0975 9.4625 0.2925Z' fill='%23171C8E'/%3E%3C/svg%3E");
}

.RO244.cart
    .free-gift.cart-item-variation
    .selected-revive-eo-item
    .input-group.tm-label-reviveeo-radio
    .custom-thumb {
    display: none !important;
}

.RO244.cart
    .free-gift.cart-item-variation
    .input-group.tm-label-reviveeo-radio {
    height: auto;
    justify-content: flex-start;
    align-items: center;
    padding: 0px !important;
    border: none;
    color: var(--active-scent);
    gap: 16px;
}

.RO244.cart
    .free-gift.cart-item-variation
    .menu-revive-eo-product-item-active
    .input-group.tm-label-reviveeo-radio {
    display: none !important;
}

.RO244.cart
    .free-gift.cart-item-variation
    .input-group.tm-label-reviveeo-radio:hover {
    background-color: #f4f4f4;
}

.custom-scent-label {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 19.2px;
    letter-spacing: 0.3px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 20px;
}

.RO244.cart .free-gift.cart-item-variation .revive-eo-submenu-wrapper,
.RO244.cart .free-gift.cart-item-variation .revive-eo-submenu-wrapper-opened {
    margin-left: 20px !important;
}

.RO244 .product-subtotal.cart-item-subtotal span.free-price-wrapper {
    display: block !important;
}

@media (max-width: 767px) {
    .selected-thumb,
    .custom-thumb {
        width: 50px;
        height: 50px;
    }
    .custom-scent-label {
        margin-left: 0px;
    }
    .RO244 .free-gift .nav-edit-revive-eo-shop-actions-wrapper {
        margin-left: 0 !important;
    }
    .RO244.cart .free-gift.cart-item-variation .revive-eo-submenu-wrapper,
    .RO244.cart .free-gift.cart-item-variation .revive-eo-submenu-wrapper-opened {
        margin-left: 0px !important;
    }

    .RO244.cart
        .free-gift.cart-item-variation
        .nav-edit-revive-eo-shop-actions-wrapper {
        right: 0 !important;
    }

    .RO244.cart
        .free-gift.cart-item-variation
        .input-group.tm-label-reviveeo-radio,
    .RO244.cart
        .free-gift.cart-item-variation
        .selected-revive-eo-item
        .input-group.tm-label-reviveeo-radio {
        gap: 10px;
    }

    .RO244.cart .free-gift.cart-item-variation .menu-item-title {
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 28px;
    }

    .RO244 .free-gift .RO56--td--content {
        row-gap: 4px;
    }

    .RO244.cart
        .free-gift.cart-item-variation
        .nav-product-select-button {
        max-width: min(calc(100vw - 190px), 244px) !important;
    }
    .RO244 .free-gift .revive-eo-submenu-wrapper-opened,
    .RO244 .free-gift .revive-eo-submenu-wrapper-opened .nav-choose-product-.dropdown-opened {
        max-width: min(calc(100vw - 100px), 280px) !important;
    }
    .RO244.cart
        .free-gift.cart-item-variation
        .selected-revive-eo-item
        .input-group.tm-label-reviveeo-radio {
        flex-wrap: nowrap !important;
        padding-right: 32px !important;
    }
    .RO244.cart
        .free-gift.cart-item-variation
        .selected-revive-eo-item
        .selected-item-title {
        flex: 1 1 auto;
        min-width: 0;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .RO244.cart
        .free-gift.cart-item-variation
        .product-subtotal.cart-item-subtotal {
        transform: translateX(12px);
    }
}