/* ==========================================================================
   O'Dett – Token condivisi (account, carrello, prodotto)
   Cambia qui colori e misure: valgono per tutte le pagine del plugin.
   Il font è ereditato dal tema.
   ========================================================================== */

body.odett-account,
body.odett-cart,
body.odett-product {
	--od-ink: #111111;          /* testo principale / bottoni */
	--od-muted: #6f6a66;        /* testo secondario */
	--od-line: #e6e1dc;         /* bordi */
	--od-soft: #f7f4f0;         /* fondi tenui */
	--od-paper: #ffffff;
	--od-accent: #6b2a32;       /* bordeaux, per stati e hover */
	--od-radius: 0;             /* angoli vivi, stile fashion */
	--od-gap: clamp(20px, 3vw, 40px);
	--od-ease: cubic-bezier(.2, .7, .2, 1);
}

/* --------------------------------------------------------------------------
   Il contenuto del plugin resta SEMPRE sotto header e menu mobile.
   Ogni sezione crea un proprio livello (z-index 0): testi sull'immagine,
   colonne sticky e animazioni non possono più salire sopra il menu del tema.
   -------------------------------------------------------------------------- */
.odett-auth,
.odett-acc,
.odett-cartpage,
.odett-empty-cart,
.odett-backorder {
	position: relative;
	z-index: 0;
	isolation: isolate;
}
.odett-auth__media { isolation: isolate; }