/*
Theme Name: SAO Caffè
Theme URI: https://www.saocafe.it
Description: Tema child per il sito vetrina SAO Caffè. Basato su Astra. Palette e tipografia del brand già impostate.
Author: Udigit
Version: 1.7.13
Template: astra
Text Domain: sao-caffe
*/

/* ============================================================
   SAO CAFFÈ — Palette e tipografia del brand
   Forza i colori e i font su tutto il sito (Astra + Elementor),
   così non dipende dal customizer.
   Pantoni ufficiali: rosso #dd492a · oro #A77C28
   ============================================================ */

:root{
  /* ---- Variabili brand riutilizzabili ---- */
  --sao-rosso:#dd492a;
  --sao-rosso-scuro:#bd3a1f;
  --sao-oro:#A77C28;
  --sao-oro-chiaro:#CDA049;
  --sao-grigio:#F5F5F5;
  --sao-bruno:#4A4135;
  --sao-testo-soft:#7C7264;
  --sao-bordo:#E7E3DB;

  /* ---- Override COLORI globali di Elementor ---- */
  --e-global-color-primary:#4A4135;     /* titoli */
  --e-global-color-secondary:#A77C28;   /* oro */
  --e-global-color-text:#4A4135;        /* testo */
  --e-global-color-accent:#dd492a;      /* rosso brand (link/bottoni) */

  /* ---- Override FONT globali di Elementor ---- */
  --e-global-typography-primary-font-family:"Mada";
  --e-global-typography-primary-font-weight:700;
  --e-global-typography-secondary-font-family:"Mada";
  --e-global-typography-secondary-font-weight:600;
  --e-global-typography-text-font-family:"Mada";
  --e-global-typography-text-font-weight:400;
  --e-global-typography-accent-font-family:"Mada";
  --e-global-typography-accent-font-weight:600;

  /* NB: NON sovrascriviamo le variabili globali di Astra
     (--ast-global-color-*) per non alterare header/footer del tema. */
}

/* Header bianco con menu scuro (l'header è globale, gestito da Astra) */
.ast-primary-header-bar,
.main-header-bar,
.site-header,
.ast-above-header,
.ast-below-header{ background-color:#ffffff !important; box-shadow:0 1px 0 #E7E3DB; }

.main-header-bar .main-header-menu .menu-link,
.ast-primary-header-bar .ast-builder-menu .menu-link,
.ast-header-break-point .main-header-bar .main-header-menu .menu-link{
  color:#4A4135 !important;
  font-weight:500 !important; /* Mada Medium per il menu */
}
.main-header-bar .main-header-menu .menu-link:hover,
.ast-primary-header-bar .ast-builder-menu .current-menu-item > .menu-link,
.ast-primary-header-bar .ast-builder-menu .menu-link:hover{
  color:#dd492a !important;
}
/* icona menu mobile scura */
.ast-mobile-menu-trigger-minimal,.ast-mobile-menu-trigger-fill{ color:#4A4135 !important; }

/* ============================================================
   Tipografia di base
   ============================================================ */
body,
.ast-container,
button, input, select, textarea,
.elementor-widget-text-editor,
.elementor-widget-container{
  font-family:"Mada", -apple-system, "Segoe UI", Roboto, sans-serif;
}
body{ color:#4A4135; }

h1,h2,h3,h4,h5,h6,
.entry-title,
.site-title,
.elementor-heading-title,
.ast-single-post .entry-title{
  font-family:"Mada", -apple-system, "Segoe UI", Roboto, sans-serif;
  color:#4A4135;
}

/* Accent "café" / corsivi decorativi: classe utility opzionale */
.sao-script{ font-family:"Mada", sans-serif; color:#CDA049; font-weight:500; }

/* ============================================================
   Colori: link, accenti, pulsanti
   ============================================================ */
a{ color:#dd492a; }
a:hover,a:focus{ color:#bd3a1f; }

/* Pulsanti Astra */
.ast-button, .button, button.menu-toggle,
.wp-block-button__link{
  background-color:#dd492a;
  border-color:#dd492a;
  color:#fff;
}
.ast-button:hover, .button:hover, .wp-block-button__link:hover{
  background-color:#bd3a1f;
  border-color:#bd3a1f;
  color:#fff;
}

/* Pulsanti Elementor (quando NON impostati a colore globale) */
.elementor-button{
  background-color:#dd492a;
  color:#fff;
}
.elementor-button:hover{
  background-color:#bd3a1f;
  color:#fff;
}

/* Classi utility brand (comode in Elementor: aggiungi la classe al widget) */
.sao-bg-rosso{ background-color:#dd492a !important; color:#fff !important; }
.sao-bg-oro{ background-color:#A77C28 !important; color:#fff !important; }
.sao-bg-grigio{ background-color:#F5F5F5 !important; }
.sao-text-rosso{ color:#dd492a !important; }
.sao-text-oro{ color:#A77C28 !important; }
.sao-btn-oro{ background-color:#A77C28 !important; border-color:#A77C28 !important; color:#fff !important; }
.sao-btn-oro:hover{ background-color:#8c6720 !important; }