/* Tema BOTANICO su PRODOTTI / TECNOLOGIE / ACADEMY (+ pagine dettaglio) — SOLO look, wiring intatto.
   Scopato agli id pagina: NON tocca carrello/checkout/login/home/brand/chi-siamo/profilo. */

/* --- Fondo verde botanico sulle 3 pagine + dettagli --- */
#page-catalogo, #page-tecnologie, #page-academy, #page-product, #page-tech-detail {
  background: radial-gradient(130% 90% at 50% 0%, #1B3327 0%, #14251C 55%, #0E1B14 100%);
}
#page-catalogo .section, #page-tecnologie .section, #page-academy .section,
#page-academy .academy-section, #page-product .section, #page-tech-detail .section { background: transparent; }

/* --- Titoli di sezione (sul fondo verde) --- */
#page-catalogo .section-eyebrow, #page-tecnologie .section-eyebrow, #page-academy .section-eyebrow { color: #C4A24B; }
#page-catalogo .section-eyebrow::before, #page-tecnologie .section-eyebrow::before, #page-academy .section-eyebrow::before { background: #C4A24B; }
#page-catalogo .section-title, #page-tecnologie .section-title, #page-academy .section-title { color: #F3EEE1; font-family: var(--serif); }
#page-catalogo .section-title em, #page-tecnologie .section-title em, #page-academy .section-title em { color: #E4CD86; }
#page-catalogo .section-sub, #page-tecnologie .section-sub, #page-academy .section-sub { color: rgba(243,238,225,.74); }

/* --- Chip filtro (brand / categorie / linee) --- */
#page-catalogo .filter-chip, #page-academy .filter-chip {
  background: rgba(255,255,255,.05); color: rgba(243,238,225,.82); border: 1px solid rgba(196,162,75,.32);
}
#page-catalogo .filter-chip:hover, #page-academy .filter-chip:hover { border-color: #C4A24B; color: #E4CD86; }
#page-catalogo .filter-chip.active, #page-academy .filter-chip.active { background: #C4A24B; color: #14251C; border-color: #C4A24B; }

/* --- Ricerca prodotti --- */
#page-catalogo .product-search { background: rgba(255,255,255,.05); border: 1px solid rgba(196,162,75,.3); }
#page-catalogo .product-search input { color: #F3EEE1; background: transparent; }
#page-catalogo .product-search input::placeholder { color: rgba(243,238,225,.5); }
#page-catalogo .search-ico { color: #C4A24B; }
#page-catalogo .search-clear { color: rgba(243,238,225,.7); }

/* --- PRODUCT CARD: crema elegante sul verde --- */
#page-catalogo .product-card { background: #FBF8F0; border: 1px solid rgba(196,162,75,.22); box-shadow: 0 34px 64px -44px rgba(0,0,0,.75); }
#page-catalogo .product-card:hover { border-color: rgba(196,162,75,.5); transform: translateY(-6px); box-shadow: 0 48px 88px -42px rgba(0,0,0,.88); }
#page-catalogo .product-brand { color: #9A7C33; }
#page-catalogo .product-name { color: #14251C; font-family: var(--serif); }
#page-catalogo .product-price { color: #14251C; font-family: var(--serif); }
#page-catalogo .product-add { background: #14251C; color: #E4CD86; }
#page-catalogo .product-add:hover { background: #C4A24B; color: #14251C; }
#page-catalogo .product-locked { color: #9A7C33; border-color: rgba(154,124,51,.4); }
#page-catalogo .product-line-pill { background: rgba(20,37,28,.86); color: #E4CD86; }

/* --- TECH CARD --- */
#page-tecnologie .tech-card { background: #FBF8F0; border: 1px solid rgba(196,162,75,.22); box-shadow: 0 34px 64px -44px rgba(0,0,0,.75); }
#page-tecnologie .tech-card:hover { border-color: rgba(196,162,75,.5); box-shadow: 0 48px 88px -42px rgba(0,0,0,.88); }
#page-academy .video-card:hover, #page-academy .course-card:hover { border-color: rgba(196,162,75,.5); box-shadow: 0 44px 82px -40px rgba(0,0,0,.85); }
#page-tecnologie .tech-info h3 { color: #14251C; font-family: var(--serif); }
#page-tecnologie .tech-info-cat { color: #9A7C33; }
#page-tecnologie .tech-info p { color: rgba(20,37,28,.72); }
#page-tecnologie .tech-spec strong { color: #14251C; }
#page-tecnologie .tech-spec { color: rgba(20,37,28,.6); }

/* --- HERO TECNOLOGIE: il titolo del prototipo era verde scuro → sul fondo botanico diventa avorio --- */
/* Vale ANCHE per il catalogo, che dal 30/07 usa la stessa .tech-hero: il colore di base del
   titolo è var(--green-deep) #1f3a2e, praticamente identico al fondo #14251C di questa pagina.
   Senza queste righe l'intestazione del catalogo sarebbe verde su verde, cioè invisibile. */
#page-tecnologie .tech-hero h1, #page-catalogo .tech-hero h1 { color: #F3EEE1; }
#page-tecnologie .tech-hero h1 em, #page-catalogo .tech-hero h1 em { color: #E4CD86; }
#page-tecnologie .tech-hero p, #page-catalogo .tech-hero p { color: rgba(243,238,225,.72); }
#page-tecnologie .tech-hero, #page-catalogo .tech-hero { border-bottom-color: rgba(196,162,75,.25); }

/* --- ACADEMY: tab + card pillole/corsi ---
   La pillola contenitore era crema (prototipo): sul verde diventa scura, così i tab chiari si leggono. */
#page-academy .academy-tabs-inner { background: rgba(255,255,255,.06); border-color: rgba(196,162,75,.32); }
#page-academy .academy-tab { color: rgba(243,238,225,.72); }
#page-academy .academy-tab:hover { color: #E4CD86; }
#page-academy .academy-tab.active { background: #C4A24B; color: #14251C; border-color: #C4A24B; }
#page-academy .academy-tab.active svg { color: #14251C; }
#page-academy .video-card, #page-academy .course-card { background: #FBF8F0; border: 1px solid rgba(196,162,75,.22); box-shadow: 0 30px 60px -42px rgba(0,0,0,.7); }
#page-academy .video-info h3, #page-academy .course-card h3, #page-academy .video-info .brand-line { color: #14251C; }
#page-academy .video-info h3, #page-academy .course-card h3 { font-family: var(--serif); }
#page-academy .video-info p, #page-academy .course-card p { color: rgba(20,37,28,.72); }

/* --- Paginazione --- */
#page-catalogo .pagination-wrap button, #page-catalogo .pagination-wrap .page-num { color: rgba(243,238,225,.82); border-color: rgba(196,162,75,.3); background: transparent; }
#page-catalogo .pagination-wrap button:hover { border-color: #C4A24B; color: #E4CD86; }
#page-catalogo .pagination-wrap .active { background: #C4A24B; color: #14251C; border-color: #C4A24B; }

/* --- ACADEMY · tab CORSI: calendario + lista integrati nel botanico (basta rettangoli bianchi) --- */
/* Barra strumenti (LISTA/CALENDARIO + chip categorie) — era un rettangolo crema che nascondeva le chip */
#page-academy .courses-toolbar { background: rgba(14,27,20,.72); border-bottom-color: rgba(196,162,75,.2); }
/* Navigazione mese */
#page-academy .month-nav button { background: rgba(255,255,255,.05); border-color: rgba(196,162,75,.3); color: #F3EEE1; }
#page-academy .month-nav button:hover { background: #C4A24B; border-color: #C4A24B; color: #14251C; }
#page-academy .month-nav .current-month { color: #F3EEE1; }
#page-academy .month-nav .current-month em { color: #E4CD86; }
/* Switch vista calendario / lista (era una pillola crema) */
#page-academy .view-switch { background: rgba(255,255,255,.05); border-color: rgba(196,162,75,.3); }
#page-academy .view-switch button { color: rgba(243,238,225,.7); }
#page-academy .view-switch button.active { background: #C4A24B; color: #14251C; }
/* Calendario mensile */
#page-academy .calendar { background: rgba(255,255,255,.035); border-color: rgba(196,162,75,.22); }
#page-academy .calendar-weekdays { background: rgba(255,255,255,.05); border-bottom-color: rgba(196,162,75,.2); }
#page-academy .calendar-weekdays div { color: #C4A24B; }
#page-academy .cal-day { border-right-color: rgba(196,162,75,.13); border-bottom-color: rgba(196,162,75,.13); }
#page-academy .cal-day.has-events:hover { background: rgba(196,162,75,.08); }
#page-academy .cal-day.other-month { background: rgba(0,0,0,.16); }
#page-academy .cal-day-num { color: #F3EEE1; }
#page-academy .cal-day.today .cal-day-num { background: #C4A24B; color: #14251C; }
#page-academy .cal-event-pill { background: rgba(196,162,75,.18); color: #F3EEE1; border-left-color: #C4A24B; }
#page-academy .cal-event-pill:hover { background: rgba(196,162,75,.32); }
#page-academy .cal-event-pill.full { background: rgba(255,255,255,.06); color: rgba(243,238,225,.6); border-left-color: rgba(243,238,225,.35); }
#page-academy .cal-event-pill.full:hover { background: rgba(255,255,255,.1); }
#page-academy .cal-event-pill.subscribed { background: #C4A24B; color: #14251C; border-left-color: #14251C; }
#page-academy .cal-event-more { color: #E4CD86; }
#page-academy .cal-event-more:hover { color: #fff; }
/* Lista corsi */
#page-academy .course-row { background: rgba(255,255,255,.04); border-color: rgba(196,162,75,.2); }
#page-academy .course-row:hover { border-color: rgba(196,162,75,.5); box-shadow: 0 18px 42px -26px rgba(0,0,0,.8); }
#page-academy .course-row.subscribed { background: linear-gradient(90deg, rgba(196,162,75,.14) 0%, rgba(255,255,255,.04) 60%); border-left: 3px solid #C4A24B; }
#page-academy .course-date { border-right-color: rgba(196,162,75,.18); }
#page-academy .course-date .day { color: #F3EEE1; }
#page-academy .course-date .month { color: #E4CD86; }
#page-academy .course-date .year { color: rgba(243,238,225,.6); }
/* Le due righe nuove del riquadro (30/08/2026): quante giornate dura il corso e in che citta'.
   Vanno DIPINTE ANCHE QUI: sul fondo scuro dell'Academy il colore base (verde/oro scuro) non si
   legge — la citta' risultava praticamente invisibile. Il bianco panna e' lo stesso del giorno. */
#page-academy .course-date .giornate { color: #E4CD86; }
#page-academy .course-date .dove { color: #F3EEE1; border-top-color: rgba(196,162,75,.30); }
#page-academy .course-info .category-line { color: #E4CD86; }
#page-academy .course-info h3 { color: #F3EEE1; }
#page-academy .course-info .meta { color: rgba(243,238,225,.7); }
#page-academy .course-info .meta svg { color: #C4A24B; }
#page-academy .course-info .meta strong { color: #F3EEE1; }
#page-academy .course-spots.few, #page-academy .course-spots.subscribed { color: #E4CD86; }
#page-academy .course-spots.full { color: rgba(243,238,225,.55); }
/* Righe corso bloccate */
#page-academy .course-row-locked { background: rgba(255,255,255,.04); border-color: rgba(196,162,75,.2); }
#page-academy .course-row-locked:hover { border-color: rgba(196,162,75,.5); }
#page-academy .course-row-locked .course-info h3 { color: #F3EEE1; }
#page-academy .course-row-locked .course-date { color: #F3EEE1; }
/* Stato "nessun corso in questa categoria" (era un riquadro avorio) */
#page-academy .cart-empty { background: rgba(255,255,255,.04); border-color: rgba(196,162,75,.2); }
#page-academy .cart-empty h3 { color: #F3EEE1; }
#page-academy .cart-empty p { color: rgba(243,238,225,.7); }

/* ============================================================================
   PALETTE BOTANICA UNIFICATA — testo integrato su TUTTE le pagine scure.
   Regola: sul fondo verde il testo è avorio/oro; dentro le CARD CREMA resta scuro.
   ============================================================================ */
/* Base: il testo che cade direttamente sul fondo verde parte avorio */
#page-catalogo, #page-tecnologie, #page-academy, #page-product, #page-tech-detail { color: rgba(243,238,225,.80); }
/* Le card crema restano chiare: il colore scuro cascata ai loro figli */
#page-catalogo .product-card, #page-tecnologie .tech-card, #page-academy .video-card, #page-academy .course-card, #page-product .product-card { color: #14251C; }

/* --- DETTAGLIO PRODOTTO (#page-product): era tutto verde/nero su verde = invisibile --- */
#page-product .detail-brand-tag { color: #E4CD86; border-color: rgba(196,162,75,.55); }
#page-product .detail-title { color: #F3EEE1; }
#page-product .detail-subtitle { color: rgba(243,238,225,.76); }
#page-product .detail-price-block, #page-product .detail-locked-box { border-top-color: rgba(196,162,75,.2); border-bottom-color: rgba(196,162,75,.2); }
#page-product .detail-price { color: #E4CD86; }
#page-product .detail-price-meta, #page-product .detail-locked-sub { color: rgba(243,238,225,.62); }
#page-product .detail-locked-title { color: #F3EEE1; }
#page-product .detail-qty { background: rgba(255,255,255,.05); border-color: rgba(196,162,75,.3); }
#page-product .detail-qty button, #page-product .detail-qty input { color: #F3EEE1; }
#page-product .detail-qty button:hover { background: rgba(196,162,75,.14); }
#page-product .detail-meta-list li { color: rgba(243,238,225,.78); border-bottom-color: rgba(196,162,75,.16); }
#page-product .detail-meta-list li strong { color: #F3EEE1; }
#page-product .detail-meta-list svg { color: #C4A24B; }
#page-product .detail-tabs-nav { border-bottom-color: rgba(196,162,75,.2); }
#page-product .detail-tab-btn { color: rgba(243,238,225,.6); }
#page-product .detail-tab-btn.active { color: #E4CD86; }
#page-product .detail-tab-btn.active::after { background: #C4A24B; }
#page-product .detail-tab-panel { color: rgba(243,238,225,.76); }
#page-product .detail-tab-panel strong { color: #F3EEE1; }
#page-product .detail-tab-panel ul li { border-bottom-color: rgba(196,162,75,.14); }
#page-product .detail-tab-panel li::before { background: #C4A24B; }
#page-product .detail-meta .current, #page-product .breadcrumb .current { color: rgba(243,238,225,.7); }
#page-product .section-eyebrow { color: #C4A24B; }
#page-product .section-title { color: #F3EEE1; font-family: var(--serif); }
#page-product .section-title em { color: #E4CD86; }
/* Card "Altri prodotti" crema come nel catalogo */
#page-product .product-card { background: #FBF8F0; border: 1px solid rgba(196,162,75,.22); box-shadow: 0 34px 64px -44px rgba(0,0,0,.75); }
#page-product .product-card:hover { border-color: rgba(196,162,75,.5); transform: translateY(-6px); }
#page-product .product-brand { color: #9A7C33; }
#page-product .product-name, #page-product .product-price { color: #14251C; }
#page-product .product-desc, #page-product .product-code { color: #5a5a52; }

/* --- DETTAGLIO TECNOLOGIA (#page-tech-detail) --- */
#page-tech-detail h1, #page-tech-detail h2, #page-tech-detail h3 { color: #F3EEE1; }
/* La riga di lancio (testi Angela 30/07) ereditava l'avorio del corpo pagina e si confondeva con
   la descrizione sotto: in oro si legge come sottotitolo, che è il ruolo che ha. */
#page-tech-detail .tech-detail-claim { color: #E4CD86; }
#page-tech-detail .eyebrow, #page-tech-detail .section-eyebrow { color: #C4A24B; }
#page-tech-detail p, #page-tech-detail li, #page-tech-detail .meta { color: rgba(243,238,225,.76); }
#page-tech-detail strong { color: #F3EEE1; }
#page-tech-detail em { color: #E4CD86; }

/* --- CATALOGO: paginazione + sotto-filtro LINEE (residui non coperti prima) --- */
#page-catalogo .page-info, #page-catalogo .page-dots { color: rgba(243,238,225,.6); }
#page-catalogo .line-filter { border-bottom-color: rgba(196,162,75,.2); }
#page-catalogo .line-chip { background: rgba(255,255,255,.05); color: rgba(243,238,225,.82); border: 1px solid rgba(196,162,75,.32); }
#page-catalogo .line-chip:hover { border-color: #C4A24B; color: #E4CD86; }
#page-catalogo .line-chip.active { background: #C4A24B; color: #14251C; border-color: #C4A24B; }
/* Riaffermo il testo scuro dentro le card crema del catalogo (difesa dal fallback avorio) */
#page-catalogo .product-brand { color: #9A7C33; }
#page-catalogo .product-desc, #page-catalogo .product-code { color: #5a5a52; }

/* ============================================================================
   LE DUE ANIME DELL'ACADEMY — Pillole e Corsi non devono sembrare la stessa cosa
   La TESTATA cambia gia' mondo (.academy-hero.is-corsi in sito.html: fondo chiaro,
   "l'aula" illuminata, con la prossima data al posto del video).
   Qui sotto cambia l'ACCENTO dell'elenco, sullo stesso fondo botanico:
     PILLOLE = oro   (#C4A24B / #E4CD86) — la libreria, come tutto il resto del sito
     CORSI   = salvia (#8FBFA6 / #A9D3BE) — l'aula: date, luoghi, posti
   Non ribalto il fondo dell'elenco corsi: significherebbe riscrivere una quindicina
   di regole pensate per il chiaro su scuro, con il rischio di testi illeggibili.
   ========================================================================== */
#page-academy .academy-tab[data-atab="corsi"].active { background: #8FBFA6; color: #14251C; border-color: #8FBFA6; }
#page-academy .academy-tab[data-atab="corsi"].active svg { color: #14251C; }

#page-academy #pane-corsi .section-eyebrow { color: #8FBFA6; }
#page-academy #pane-corsi .section-eyebrow::before { background: #8FBFA6; }
#page-academy #pane-corsi .section-title em { color: #A9D3BE; }
#page-academy #pane-corsi .course-date .month { color: #A9D3BE; }
#page-academy #pane-corsi .course-date { border-right-color: rgba(143,191,166,.2); }
#page-academy #pane-corsi .course-date .giornate { color: #A9D3BE; }
#page-academy #pane-corsi .course-date .dove { color: #F3EEE1; border-top-color: rgba(143,191,166,.28); }
#page-academy #pane-corsi .course-info .category-line { color: #A9D3BE; }
#page-academy #pane-corsi .course-info .meta svg { color: #8FBFA6; }
#page-academy #pane-corsi .course-row { border-color: rgba(143,191,166,.22); }
#page-academy #pane-corsi .course-row:hover { border-color: rgba(143,191,166,.55); }
#page-academy #pane-corsi .course-row.subscribed { background: linear-gradient(90deg, rgba(143,191,166,.14) 0%, rgba(255,255,255,.04) 60%); border-left-color: #8FBFA6; }
#page-academy #pane-corsi .course-spots.few, #page-academy #pane-corsi .course-spots.subscribed { color: #A9D3BE; }
#page-academy #pane-corsi .filter-chip:hover { border-color: #8FBFA6; color: #A9D3BE; }
#page-academy #pane-corsi .filter-chip.active { background: #8FBFA6; color: #14251C; border-color: #8FBFA6; }
#page-academy #pane-corsi .cal-event-pill.subscribed { background: #8FBFA6; }

/* la scheda "prossima data" vive sulla testata chiara: accenti scuri, non oro chiaro */
#page-academy .academy-next-course .tag { color: #6E5A2E; border-color: rgba(110,90,46,.42); }
#page-academy .academy-next-course .posti { color: #6E5A2E; }