/*
 * Dresium Try-On — Hardening CSS
 *
 * Regole di override per contrastare i CSS aggressivi di temi WooCommerce.
 * Enqueued PER ULTIMO nella catena di dipendenze cosi' vince sulla cascade.
 *
 * 2026-09-11 REWRITE:
 * Le versioni precedenti (beta.1..beta.12) contenevano override con
 * colori/dimensioni HARDCODED (rgba(15,23,42,*), rgba(67,98,219,*), 22px,
 * 60%) che rompevano:
 *   - hover/focus/active (colori fissi invece delle CSS var del brand
 *     merchant --dresium-tryon-primary)
 *   - dimensioni icone SVG (60% di container piccoli produceva icone
 *     insufficienti; 22px hardcoded sovrascriveva i 15/20/24 canonici)
 *   - animazioni transform:scale/translateY perse su tutti gli hover
 *
 * Strategia nuova: NEUTRALIZZAZIONI DIFENSIVE SOLO.
 * Manteniamo le regole "difensive" contro temi WC che sovrascrivono
 * button:hover globalmente (appearance:none, box-shadow:none,
 * text-shadow:none, ecc). NON tocchiamo piu' background/color/stroke/
 * fill/width/height dei singoli componenti — quelle regole devono venire
 * dai CSS canonici tryon-modal-*.css che sono byte-identici alla
 * versione Shopify.
 *
 * @since 3.0.0-beta.13 (M60.K UX polish)
 */

/* ============================================================
   Neutralizzazioni root del block e delle modali.
   font-family: inherit e' voluto — il tema merchant WC di solito
   ha font suo e la coerenza col resto del sito e' preferibile
   rispetto a forzare Poppins (che comunque puo' non essere caricato).
   line-height/text-transform/letter-spacing normalizzati per non
   ereditare styling aggressivo da tema (uppercase, tracking wide).
   ============================================================ */
[data-dresium-tryon],
.dresium-tryon-block,
.dresium-tryon-confirm-modal,
.dresium-main-modal,
.dresium-loading-modal,
.dresium-result-modal,
.dresium-zoom-modal,
.dresium-event-preset-modal,
.dresium-tryon-crop-modal {
	font-family: inherit;
	line-height: normal;
	text-transform: none;
	letter-spacing: normal;
}

/* ============================================================
   Neutralizza appearance/box-shadow/text-shadow/text-decoration
   sui close button. Alcuni temi WC applicano box-shadow:inset o
   text-shadow:2px 2px sui button globali che rendevano i close X
   con contorno strano.
   NON tocchiamo background/color/stroke: lasciamo che le regole
   canoniche in tryon-modal-{setting,result,zoom,event-preset,
   crop,confirm}.css facciano il loro lavoro (sono identiche alla
   versione Shopify di riferimento).
   ============================================================ */
.dresium-main-modal__close,
.dresium-result-modal__close,
.dresium-zoom-modal__close,
.dresium-event-preset-modal__close,
.dresium-tryon-crop-modal__close,
.dresium-tryon-confirm-modal__close,
.dresium-loading-modal__close {
	appearance: none;
	-webkit-appearance: none;
	box-shadow: none !important;
	text-shadow: none !important;
	text-decoration: none !important;
	font-family: inherit;
}

/* ============================================================
   Neutralizza appearance/box-shadow su TUTTI i bottoni interni
   del block+modali. Non tocchiamo colori.
   ============================================================ */
.dresium-tryon-block button,
.dresium-main-modal button,
.dresium-loading-modal button,
.dresium-result-modal button,
.dresium-zoom-modal button,
.dresium-event-preset-modal button,
.dresium-tryon-crop-modal button,
.dresium-tryon-confirm-modal button {
	appearance: none;
	-webkit-appearance: none;
	text-shadow: none;
	text-decoration: none;
}

/* ============================================================
   Anchor stylings: alcuni temi WC forzano text-decoration:
   underline su <a> globalmente. I nav-item della sidebar
   settings modal usano <a> — non devono avere underline.
   ============================================================ */
.dresium-main-modal a,
.dresium-tryon-guest-modal a,
.dresium-result-modal a {
	text-decoration: none;
}