/* ============================================================================
 * ricettario-common.css — token, reset e reti di sicurezza embed.
 *
 * Condiviso (analogo a lockerpass-common.css). Regole CRITICHE dal
 * HANDOFF_PLAYBOOK.md:
 *  - Gotcha #4: NON impostare height:100%/overflow:hidden su html,body, altrimenti
 *    la pagina Joomla non scorre. Solo margin/padding a 0.
 *  - Gotcha #8: rete di sicurezza che neutralizza un eventuale clamp inline
 *    (height:100%) servito da un bundle iframe: height:auto !important.
 *  - Gotcha #3: .mod-ricettario{position:relative} come contesto di posizionamento.
 * ========================================================================== */

/* Reset minimo — MAI height:100%/overflow:hidden qui (Gotcha #4). */
html, body { margin: 0; padding: 0; }

/* Rete di sicurezza (Gotcha #8): batte l'eventuale element.style.height='100%'
   inline di un bundle iframe servito per errore. */
html, body { height: auto !important; min-height: 0 !important; overflow: visible !important; }

/* Contesto di posizionamento del modulo (Gotcha #3). */
.mod-ricettario { position: relative; width: 100%; }

/* --- Token tema (chiaro di default; scuro via data-lp-theme) --------------- */
:root {
  --rc-bg:        #faf7f2;
  --rc-surface:   #ffffff;
  --rc-border:    #e7e0d5;
  --rc-text:      #2b2b2b;
  --rc-muted:     #6f6a62;
  --rc-accent:    #c2410c;   /* terracotta */
  --rc-accent-2:  #f97316;
  --rc-badge-bg:  #fdeee2;
  --rc-badge-fg:  #9a3412;
  --rc-shadow:    0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);
  --rc-radius:    12px;
}

html[data-lp-theme="dark"] {
  --rc-bg:        #1c1a17;
  --rc-surface:   #262320;
  --rc-border:    #3a352f;
  --rc-text:      #ece7df;
  --rc-muted:     #a49d92;
  --rc-accent:    #fb923c;
  --rc-accent-2:  #f97316;
  --rc-badge-bg:  #3a2418;
  --rc-badge-fg:  #fdba74;
  --rc-shadow:    0 1px 3px rgba(0,0,0,.4);
}

/* Auto: segue la preferenza di sistema quando il tema e' "auto". */
@media (prefers-color-scheme: dark) {
  html[data-lp-theme="auto"] {
    --rc-bg:        #1c1a17;
    --rc-surface:   #262320;
    --rc-border:    #3a352f;
    --rc-text:      #ece7df;
    --rc-muted:     #a49d92;
    --rc-accent:    #fb923c;
    --rc-accent-2:  #f97316;
    --rc-badge-bg:  #3a2418;
    --rc-badge-fg:  #fdba74;
    --rc-shadow:    0 1px 3px rgba(0,0,0,.4);
  }
}