/*
 * Modals component - CSS placeholder.
 *
 * [Audit v5.0.7] Questo file è mantenuto vuoto intenzionalmente.
 * Gli stili dei modali risiedono in:
 *   - /components/header/header.css (pannelli overlay: ricerca, menu, carrello)
 *   - /woo/product-category/blocks/quote-modal/quote-modal.css (preventivo)
 *   - /woo/appointments/appointments.css (prenotazioni)
 * Il file resta nel tema per coerenza con la struttura a cartelle
 * del sistema a componenti e per evitare errori di enqueue.
 */

/* [Audit v6.0 #13] Info card CTA - Transform link into visible card */
.bspc-info-card {
    background: var(--bspc-blue-soft, #eaf3ff);
    border: 1px solid rgba(0, 102, 204, 0.15);
    border-radius: 12px;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    gap: 14px;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.bspc-info-card:hover,
.bspc-info-card:focus {
    /* [Audit v6.0 #modal-2] Enhanced card hover effect with stronger shadow and translateY */
    transform: translateY(-3px);
    box-shadow: 0 12px 32px rgba(0, 102, 204, 0.16);
}

.bspc-info-card:focus {
    outline: 2px solid var(--bspc-blue-primary, #0066cc);
    outline-offset: 2px;
}

.bspc-info-card svg {
    flex-shrink: 0;
    color: var(--bspc-blue-primary, #0066cc);
}

.bspc-info-card__content {
    flex: 1;
}

.bspc-info-card__title {
    font-weight: 600;
    font-size: 0.95rem;
    color: var(--bspc-text-primary);
    line-height: 1.3;
}

.bspc-info-card__subtitle {
    font-size: 0.85rem;
    color: var(--bspc-text-secondary);
    line-height: 1.3;
    margin-top: 2px;
}

/* Native button reset: preserves semantics without changing the card design. */
button.bspc-info-card {
    appearance: none;
    width: 100%;
    margin: 0;
    font: inherit;
    color: inherit;
    text-align: left;
}
.bspc-info-card__content,
.bspc-info-card__title,
.bspc-info-card__subtitle {
    display: block;
}
.bspc-info-card__wa {
    display: inline-block;
    margin-right: 0.35rem;
    vertical-align: -2px;
}
.bspc-info-card:focus-visible {
    outline: 3px solid var(--bspc-blue-primary, #0066cc);
    outline-offset: 3px;
}

/* Il layout Turnstile condiviso vive in assets/core/core.css. */

/* Shell comune: non modifica dimensioni, campi o logica dei singoli flussi. */
.bpc-dialog-surface {
    max-inline-size: calc(100vw - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px));
    box-sizing: border-box;
    overscroll-behavior: contain;
    overflow-wrap: anywhere;
    -webkit-overflow-scrolling: touch;
}

/* Un solo pittogramma di chiusura, con bersaglio tattile stabile. */
.bpc-dialog-close {
    inline-size: 44px;
    min-inline-size: 44px;
    block-size: 44px;
    min-block-size: 44px;
    box-sizing: border-box;
    touch-action: manipulation;
    isolation: isolate;
    font-size: 0 !important;
    line-height: 0 !important;
}
.bpc-dialog-close::before,
.bpc-dialog-close::after {
    content: none !important;
    display: none !important;
}
.bpc-dialog-close > svg {
    display: block;
    flex: 0 0 auto;
    pointer-events: none;
}

/*
 * L'honeypot appartiene al comportamento comune dei modali e deve quindi
 * restare fuori dal flusso anche nelle pagine che non caricano
 * woo/appointments/appointments.css (per esempio la singola prodotto).
 */
.bspc-form .bspc-hp {
    position: absolute !important;
    inset-inline-start: -9999em !important;
    inline-size: 1px !important;
    block-size: 1px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    opacity: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    clip-path: inset(50%) !important;
}

@media (max-width: 767.98px) {
    .bpc-dialog-surface {
        scroll-padding-block: calc(56px + env(safe-area-inset-top, 0px)) calc(72px + env(safe-area-inset-bottom, 0px));
    }
}