/* ===========================
   Subscription prompt cards
   (Purchase one time / Subscribe...)
   =========================== */

/* Layout for the prompt radio list */
/* .single-product .wcsatt-options-wrapper-radio ul.wcsatt-options-prompt-radios {
    display: flex !important;
    flex-wrap: wrap;
    gap: 1rem;
    margin: 1rem 0 !important;
    padding: 0 !important;
} */

/* Make the label + text block stretch full width of the card */
.single-product .wcsatt-options-wrapper-radio
ul.wcsatt-options-prompt-radios > li label.wcsatt-options-prompt-label {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin: 0;
    width: 100%;           /* NEW */
}

/* Text column grows to fill remaining space */
.single-product .wcsatt-options-wrapper-radio
ul.wcsatt-options-prompt-radios > li .wcsc-card-text {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1 1 auto;        /* NEW */
}

/* Header row: title left, price pushed all the way right */
.single-product .wcsatt-options-wrapper-radio
ul.wcsatt-options-prompt-radios > li .wcsc-card-header {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 0.5rem;
    width: 100%;           /* NEW */
}

/* Ensure price sits in the top-right corner */
.single-product .wcsatt-options-wrapper-radio
ul.wcsatt-options-prompt-radios > li .wcsc-card-price {
    margin-left: auto;     /* pushes price to the far right */
    text-align: right;
    white-space: nowrap;   /* keeps price on one line */
}

@media (min-width: 1024px) {
    .single-product .wcsatt-options-wrapper-radio ul.wcsatt-options-prompt-radios {width: 1000px}
}

@media (max-width: 768px) {
    .single-product .product.product-type-simple.has-subscription-plans
    form.cart .wcsatt-options-wrapper
    .wcsatt-options-product-prompt fieldset > ul {width: 330px !important;}
}

.single-product .wcsatt-options-wrapper-radio ul.wcsatt-options-prompt-radios {
    display: flex !important;
    flex-direction: column;      /* <— vertical on desktop too */
    gap: 1rem;
    margin: 1rem 0 !important;
    padding: 0 !important;
    align-items: flex-start;          /* cards hug the left, not full row */
}


/* Each prompt <li> becomes a card */
.single-product .wcsatt-options-wrapper-radio ul.wcsatt-options-prompt-radios > li {
    list-style: none !important;
    /* flex: 1 1 260px; */
    width: 100%;
    max-width: 480px;     
    /* max-width: 100%;               */
    border: 2px solid #e0e0e0 !important;
    border-radius: 12px !important;
    padding: 1rem 1.25rem !important;
    cursor: pointer;
    background: #ffffff;
    position: relative;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

/* Selected card (Chewy-style emphasis) */
.single-product .wcsatt-options-wrapper-radio ul.wcsatt-options-prompt-radios > li.wcsc-card--selected {
    border-color: #0072CE !important; /* Boiron blue */
    box-shadow: 0 0 0 2px rgba(0, 114, 206, 0.18);
    background: #f4f8ff;
}

/* Layout inside the card: [radio] [text column] */
.single-product .wcsatt-options-wrapper-radio ul.wcsatt-options-prompt-radios > li label.wcsatt-options-prompt-label {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin: 0;
}

/* Ensure radios are visible */
.single-product .wcsatt-options-wrapper-radio ul.wcsatt-options-prompt-radios > li input.wcsatt-options-prompt-action-input[type="radio"] {
    margin-top: 0.15rem;
}

/* Text column created by JS */
.single-product .wcsatt-options-wrapper-radio ul.wcsatt-options-prompt-radios > li .wcsc-card-text {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

/* Title line ("Purchase one time", "Subscribe to save up to 25%") */
.single-product .wcsatt-options-wrapper-radio ul.wcsatt-options-prompt-radios > li .wcsc-card-title {
    font-size: 0.95rem;
    font-weight: 600;
}

/* One-time price = blue */
.single-product .wcsatt-options-wrapper-radio
ul.wcsatt-options-prompt-radios > li
label.wcsatt-options-prompt-label-one-time .wcsc-card-price {
    color: #0072CE !important; /* Boiron blue */
    font-size: 20px;
    font-weight: 700;
}

/* Subscription price = red */
.single-product .wcsatt-options-wrapper-radio
ul.wcsatt-options-prompt-radios > li
label.wcsatt-options-prompt-label-subscription .wcsc-card-price {
    color: #BE2844 !important; /* your red */
    font-size: 20px;
    font-weight: 700;
}


/* Subtext (frequency + discount, or "One-time purchase") */
.single-product .wcsatt-options-wrapper-radio ul.wcsatt-options-prompt-radios > li .wcsc-card-subtext {
    font-size: 0.85rem;
    color: #666666;
}

/* Discount span inside title if needed */
.single-product .wcsatt-options-wrapper-radio ul.wcsatt-options-prompt-radios > li .wcsatt-sub-discount {
    font-weight: 700;
}

/* Benefit sentences inside subscription card */
.single-product .wcsatt-options-wrapper-radio
ul.wcsatt-options-prompt-radios > li
label.wcsatt-options-prompt-label-subscription .wcsc-benefits {
    margin: 0.5rem 0 0 0;     /* starts right under subtext */
    padding: 0;               /* no indentation */
    list-style: none;         /* remove default bullets */
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    font-size: 0.85rem;
    color: #555555;
}

/* Each benefit line with icon */
.single-product .wcsatt-options-wrapper-radio
ul.wcsatt-options-prompt-radios > li
label.wcsatt-options-prompt-label-subscription .wcsc-benefits li {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    margin: 0.2rem 0;
}

/* Dropdown moved inside subscription card */
.single-product .wcsatt-options-wrapper-radio
ul.wcsatt-options-prompt-radios > li
label.wcsatt-options-prompt-label-subscription .wcsc-dropdown-inline {
    margin-top: 0.75rem;
    width: 100%;
}

.single-product .wcsatt-options-wrapper-radio
ul.wcsatt-options-prompt-radios > li
label.wcsatt-options-prompt-label-subscription .wcsc-dropdown-inline label {
    font-size: 0.85rem;
    font-weight: 500;
    margin-right: 0.5rem;
}

.single-product .wcsatt-options-wrapper-radio
ul.wcsatt-options-prompt-radios > li
label.wcsatt-options-prompt-label-subscription .wcsc-dropdown-inline select {
    max-width: 260px;
    width: 100%;
}


/* Generic icon style */
.single-product .wcsatt-options-wrapper-radio
ul.wcsatt-options-prompt-radios > li
label.wcsatt-options-prompt-label-subscription .wcsc-benefits li::before {
    content: "✔";                 /* fallback icon */
    font-size: 1rem;
    line-height: 1;
    margin-top: 0.1rem;
}

/* Custom icons per line (using emoji for now – you can swap to SVGs later) */
.single-product .wcsatt-options-wrapper-radio
ul.wcsatt-options-prompt-radios > li
label.wcsatt-options-prompt-label-subscription .wcsc-benefits li:nth-child(1)::before {
    content: "💸";                /* Save money */
}

.single-product .wcsatt-options-wrapper-radio
ul.wcsatt-options-prompt-radios > li
label.wcsatt-options-prompt-label-subscription .wcsc-benefits li:nth-child(2)::before {
    content: "⏰";                /* Never run out / on time */
}

.single-product .wcsatt-options-wrapper-radio
ul.wcsatt-options-prompt-radios > li
label.wcsatt-options-prompt-label-subscription .wcsc-benefits li:nth-child(3)::before {
    content: "🔄";                /* Change/skip/cancel */
}



/* Mobile: stack cards */
@media (max-width: 768px) {
    .single-product .wcsatt-options-wrapper-radio ul.wcsatt-options-prompt-radios {
        flex-direction: column;
    }

    .single-product .wcsatt-options-wrapper-radio ul.wcsatt-options-prompt-radios > li {
        flex: 1 1 auto;
    }
}

/* Reorder cards:
   - Subscription card first (left on desktop, top on mobile)
   - One-time card second (right on desktop, below on mobile) */
.single-product .wcsatt-options-wrapper-radio
ul.wcsatt-options-prompt-radios > li:first-child {
    order: 2;
}

.single-product .wcsatt-options-wrapper-radio
ul.wcsatt-options-prompt-radios > li:last-child {
    order: 1;
}

/* SIMPLE PRODUCTS – hide Elementor price when subscription UI exists */
.single-product:has(.wcsatt-options-wrapper-radio)
  .elementor-widget-woocommerce-product-price p.price {
    display: none !important;
}


/* VARIABLE PRODUCTS
   Hide the variation price line above the cards when subscription UI is present */
.single-product form.cart:has(.wcsatt-options-wrapper-radio) .woocommerce-variation-price .price {
    display: none;
}

/* When subscription card is not selected:
   show only the first row (title + price) */
.single-product .wcsatt-options-wrapper-radio
ul.wcsatt-options-prompt-radios > li.wcsc-card--sub-collapsed .wcsc-card-subtext,
.single-product .wcsatt-options-wrapper-radio
ul.wcsatt-options-prompt-radios > li.wcsc-card--sub-collapsed .wcsc-benefits,
.single-product .wcsatt-options-wrapper-radio
ul.wcsatt-options-prompt-radios > li.wcsc-card--sub-collapsed .wcsc-dropdown-inline {
    display: none !important;
}

/* Real dropdown stays for WCSATT JS but is hidden from users */
.wcsc-dropdown-hidden-source {
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}

/* Hide "Deliver:" text on PDP */
.wcsc-dropdown-label {
    display: none !important;
}