/**
 * Widget: course-purchase|v01 — box prezzo/acquisto sticky.
 * Lo sticky vero e proprio è dato dal layout del template (colonna destra);
 * qui la card resta incollata in cima alla colonna.
 */

.course-purchase-v01 {
    font-family: var(--icotea-font-body);
    color: var(--icotea-dark-blue);
    display: block;
}

.course-purchase-v01 .course-purchase-v01-card {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    outline: 1px solid #E2E8F0;
    outline-offset: -1px;
}

.course-purchase-v01 .course-purchase-v01-body {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* --- Prezzo --------------------------------------------------------------- */
.course-purchase-v01 .course-purchase-v01-price {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
}

.course-purchase-v01 .course-purchase-v01-price-old {
    font-size: 0.875rem;
    color: #90A1B9;
    text-decoration: line-through;
}

.course-purchase-v01 .course-purchase-v01-price-now {
    font-family: var(--icotea-font-heading);
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 1;
    color: var(--icotea-brand-blue);
}

.course-purchase-v01 .course-purchase-v01-price-badge {
    padding: 2px 8px;
    border-radius: 999px;
    background: #F59E0B;
    color: #fff;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1.35;
}

/* --- Promo --------------------------------------------------------------- */
.course-purchase-v01 .course-purchase-v01-promo {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: #FFF8EC;
    border-radius: 10px;
}

.course-purchase-v01 .course-purchase-v01-promo-ico,
.course-purchase-v01 .course-purchase-v01-promo-txt {
    color: #B45309;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1.35;
}

.course-purchase-v01 .course-purchase-v01-promo-ico {
    font-size: 1rem;
    flex: none;
}

/* --- Form nativo WooCommerce (quantità + deposits + carrello) ------------ */
.course-purchase-v01 .course-purchase-v01-form form.cart {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0;
}

.course-purchase-v01 .course-purchase-v01-form .wcpa_form_outer:empty { display: none; }
.course-purchase-v01 .course-purchase-v01-form .separator { display: none; }

/* quantità: i corsi si acquistano singolarmente (resta 1, nascosta) */
.course-purchase-v01 .course-purchase-v01-form .quantity { display: none; }

/* Box scelta pagamento (acconto / unica soluzione) */
.course-purchase-v01 .basic-wc-deposits-options-form {
    padding: 12px;
    background: #F4F6F9;
    border-radius: 14px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.course-purchase-v01 .deposit-option {
    display: block;
    font-size: .8125rem;
    font-weight: 600;
    color: #314158;
    margin: 0;
}

.course-purchase-v01 .deposit-option #deposit-amount { color: var(--icotea-brand-blue); }
.course-purchase-v01 .deposit-option #deposit-suffix {
    font-weight: 400;
    color: #64748B;
    margin-left: 4px;
}

.course-purchase-v01 .basic-switch-woocommerce-deposits {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 8px;
}

.course-purchase-v01 .basic-switch-woocommerce-deposits .input-radio {
    width: 16px;
    height: 16px;
    margin: 0;
    accent-color: var(--icotea-brand-blue);
    cursor: pointer;
}

.course-purchase-v01 .basic-switch-woocommerce-deposits label {
    margin: 0;
    font-size: .875rem;
    font-weight: 500;
    color: #314158;
    cursor: pointer;
}

.course-purchase-v01 .wc-deposits-switcher { display: none; }
.course-purchase-v01 .deposit-message:empty { display: none; }

/* Pulsante "Iscriviti ora" = primario pieno (stile esplicito da grafica).
   !important per vincere su .button.alt del builder theme (viola). */
.course-purchase-v01 .course-purchase-v01-form button.single_add_to_cart_button {
    width: 100%;
    display: block;
    padding: 12px 18px;
    border: none;
    border-radius: 14px;
    background: var(--icotea-brand-blue) !important;
    color: #fff !important;
    font-family: var(--icotea-font-body);
    font-size: .875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 3px;
    text-align: center;
    cursor: pointer;
    transition: background-color .2s ease;
}

.course-purchase-v01 .course-purchase-v01-form button.single_add_to_cart_button:hover,
.course-purchase-v01 .course-purchase-v01-form button.single_add_to_cart_button:focus-visible {
    background: var(--icotea-dark-blue) !important;
    color: #fff !important;
}

.course-purchase-v01 .course-purchase-v01-form button.single_add_to_cart_button:focus-visible {
    outline: 2px solid var(--icotea-brand-blue);
    outline-offset: 2px;
}

/* Pulsante "Richiedi informazioni" = outline (btnStyle1) a tutta larghezza */
.course-purchase-v01 .course-purchase-v01-btn-info.btnStyle1 {
    width: 100%;
    text-align: center;
    padding: 12px 18px;
    border-radius: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 500;
}

/* --- Metodi di pagamento ------------------------------------------------- */
.course-purchase-v01 .course-purchase-v01-payments {
    display: flex;
    justify-content: center;
}

.course-purchase-v01 .course-purchase-v01-payments img {
    max-width: 100%;
    height: auto;
}