/*
 * SR Restyle 2026 — Nuova palette colori Sellrapido
 * --------------------------------------------------
 * Foglio ADDITIVO: sovrascrive i colori del tema senza toccare app.css / style.css.
 * Caricato dopo 'app', 'style' e 'woocommerce' (vedi inc/trapstudio/scripts.php).
 *
 * PALETTE (specifiche collega):
 *   #0042A3  blu primario  — CTA, bande, occhielli, sfondi icone
 *   #74D2F7  azzurro       — hover CTA, badge categorie blog
 *   #D5F679  lime          — CTA su sezioni blu
 *   #05213F  navy          — titoli scuri, sfondo footer
 *   #F9FDFF  paper         — sfondo pagina, testo su scuro
 *
 * MAPPA vecchio -> nuovo:
 *   #3a0ca3 (primary)         -> #0042A3
 *   #0a7988 (hover/secondary) -> #74D2F7
 *   #2d2c2f (title/footer bg) -> #05213F
 *
 * Fatto: colori brand via find/replace nel tema + badge blog + CTA lime + loghi + footer.
 * Restano solo: immagini raster (a cura della grafica) e tinte tenui residue da valutare.
 */

:root {
  --sr-blue:  #0042A3;
  --sr-azure: #74D2F7;
  --sr-lime:  #D5F679;
  --sr-navy:  #05213F;
  --sr-paper: #F9FDFF;

  /* Variabili del tema (usate per testo/titoli del corpo) */
  --color-primary: #0042A3;
  --color-title:   #05213F;
}

/* ====================== CTA / BOTTONI ====================== */
/* Primario: sfondo blu, testo chiaro.
   !important perche i bottoni WooCommerce nel tema usano !important. */
.c-button,
.woocommerce button.button,
.woocommerce a.button {
  background-color: #0042A3 !important;
  border-color: #0042A3 !important;
  color: #F9FDFF;
}
.c-button .icon,
.c-button .icon path {
  fill: #F9FDFF;
}
/* Hover primario: azzurro, testo navy */
.c-button:hover,
.woocommerce button.button:hover,
.woocommerce a.button:hover {
  background-color: #74D2F7 !important;
  border-color: #74D2F7 !important;
  color: #05213F;
}
.c-button:hover .icon,
.c-button:hover .icon path {
  fill: #05213F;
}

/* Ghost: bordo/testo blu, hover riempito blu */
.c-button--ghost {
  color: #0042A3;
}
.c-button--ghost .icon { fill: #0042A3; }
.c-button--ghost:hover {
  background-color: #0042A3 !important;
  border-color: #0042A3 !important;
  color: #F9FDFF;
}

/* Link (CTA testuale tipo "Scopri il Manager"): testo blu */
.c-button--link {
  color: #0042A3;
}
.c-button--link .icon { fill: #0042A3; }
.c-button--link:hover {
  background-color: #0042A3 !important;
  border-color: #0042A3 !important;
  color: #F9FDFF;
}
.c-button--link:hover .icon { fill: #F9FDFF; }

/* ====================== FOOTER ====================== */
.c-site-footer {
  background-color: #05213F;
  color: #F9FDFF;
}
/* Il nuovo SVG non ha piu width/height inline: serve un'altezza esplicita
   (l'header ce l'ha gia nel tema, il footer no -> senza questa il logo collassa a 0). */
.c-site-footer__logo svg {
  height: 34px;
  width: auto;
}
/* Logo footer (negativo): "rapido" chiaro, "sell"+simbolo azzurri.
   Sovrascrive la vecchia regola del tema che forzava fill:#fff su tutti i path. */
.c-site-footer__logo svg path {
  fill: #F9FDFF;
}
.c-site-footer__logo svg path.sr-logo__accent {
  fill: #74D2F7;
}

/* ====================== BANDE / SEZIONI PIENE ====================== */
/* Le sezioni "overlay" colorano lo sfondo con uno ::before (vecchio: viola/teal). */
.c-content-block.u-overlay-primary::before,
.c-content-block.u-overlay-secondary::before {
  background-color: #0042A3;
}

/* ====================== OCCHIELLI / EYEBROW + SFONDI ICONE ====================== */
.c-subheader__lead {            /* occhiello tipo "INTEGRAZIONI" sopra i titoli */
  color: #0042A3;
}
.c-tile__icon {                 /* cerchio sotto le icone delle feature */
  background-color: #0042A3;
}

/* ====================== BADGE CATEGORIE BLOG ====================== */
/* Specifiche: sfondo azzurro / testo blu; hover sfondo blu / testo chiaro. */
.c-tag {
  background: #74D2F7;
  color: #0042A3;
}
.c-tag:hover,
.c-tag.u-active {
  background-color: #0042A3;
  color: #F9FDFF;
}

/* ====================== CTA TESTUALI (.c-card__link) ====================== */
/* Stesso comportamento di "Scoprili tutti": testo colorato -> hover pillola piena.
   Padding + margin negativo sull'hover: la pillola cresce senza spostare il layout. */
.c-card__link {
  border-radius: 8px;   /* forma pillola; il padding 12px 16px e' gia nel tema -> nessuno shift */
  transition: 0.3s ease;
}
/* Su sfondo BIANCO: hover pillola blu, testo chiaro. NIENTE padding/margin aggiunti:
   uso il padding gia esistente del tema, cosi il layout NON si sposta all'hover. */
.c-card__link:hover {
  background-color: #0042A3;
  color: #F9FDFF;
}
.c-card__link:hover .icon {
  fill: #F9FDFF;
}
/* Card a sfondo pieno scuro (.c-card--text-light): box blu + CTA lime.
   Il background era teal impostato via style inline (ACF) -> override con !important.
   Discriminante corretto: solo le card text-light, NON tutte le sezioni overlay
   (che hanno solo una banda blu decorativa ma testo su sfondo bianco). */
.c-card--text-light {
  background-color: #0042A3 !important;
}
.c-card--text-light .c-card__link {
  color: #D5F679;
  background-color: #0042A3;
}
.c-card--text-light .c-card__link .icon {
  fill: #D5F679;
}
/* Hover sulla card (stesso pattern del tema "a.c-card:hover .c-card__link",
   specificita 0,3,1): cosi il lime vince sul blu forzato dal tema. */
a.c-card--text-light:hover .c-card__link {
  background-color: #D5F679;
  color: #05213F;
}
a.c-card--text-light:hover .c-card__link .icon {
  fill: #05213F;
}

/* ====================== HARDCODED residui (style.css) ====================== */
.swiper-button-next,
.swiper-button-prev {
  background-color: #0042A3;
}
.c-offer__small {
  color: #0042A3;
}