/*
Theme Name: Citable Child
Theme URI: https://citable.it
Description: Child theme di Astra per "Citable" — Il tuo Brand citato dalle AI. Palette "2026 Algorithm": Deep Blue Cyber, Off-White, Cyber Lime/Volt.
Author: Citable
Template: astra
Version: 1.0.0
Text Domain: citable-child
*/

/* ==========================================================================
   1. VARIABILI DI BRAND
   ========================================================================== */

:root {
  /* Palette Citable */
  --citable-deep-blue: #26344E;   /* Deep Blue Cyber (agg. da Manuale Logo) - 60% */
  --citable-off-white: #F8F9FA;   /* Pure White / Off-White - 30% */
  --citable-lime:      #CCFF00;   /* Cyber Lime / Volt - 10%, solo su CTA/dati chiave */
  --citable-blue-light: #37445C;  /* variante più chiara del blu, per sfondi secondari/card */
  --citable-grey-text: #4A5568;   /* testo secondario su sfondo chiaro */

  /* Tipografia (da Manuale Logo: Gotham per titoli, Montserrat per il testo) */
  /* Gotham è a licenza (Hoefler&Co / Adobe Fonts): finché non è acquistata la webfont,
     i titoli usano Montserrat SemiBold/Bold come fallback gratuito e stilisticamente affine. */
  --citable-font-heading: 'Gotham', 'Montserrat', sans-serif;
  --citable-font-body: 'Montserrat', sans-serif;

  /* Override delle variabili colore globali di Astra (--ast-global-color-0 ... 8) */
  --ast-global-color-0: var(--citable-deep-blue);   /* Primary */
  --ast-global-color-1: var(--citable-deep-blue);   /* Primary (varianti tema) */
  --ast-global-color-2: var(--citable-lime);        /* Secondary / Accent -> CTA */
  --ast-global-color-3: var(--citable-blue-light);  /* Sfondi secondari */
  --ast-global-color-4: var(--citable-off-white);   /* Sfondo pagina */
  --ast-global-color-5: #FFFFFF;                    /* Sfondo card/white */
  --ast-global-color-6: var(--citable-deep-blue);   /* Testo su chiaro (titoli) */
  --ast-global-color-7: var(--citable-grey-text);   /* Testo secondario */
  --ast-global-color-8: var(--citable-off-white);   /* Bordi/superfici chiare */
}

/* ==========================================================================
   2. TIPOGRAFIA
   ========================================================================== */

body {
  font-family: var(--citable-font-body);
  background-color: var(--citable-off-white);
  color: var(--citable-deep-blue);
}

h1, h2, h3, h4, h5, h6,
.entry-title,
.ast-header-navigation .site-title,
.ast-header-navigation .site-title a {
  font-family: var(--citable-font-heading);
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--citable-deep-blue);
}

/* ==========================================================================
   3. CTA / BOTTONI — uso mirato del Cyber Lime (10%)
   ========================================================================== */

.button,
button,
input[type="submit"],
.wp-block-button__link,
.ast-button {
  background-color: var(--citable-lime);
  color: var(--citable-deep-blue);
  border: none;
  font-family: var(--citable-font-heading);
  font-weight: 600;
  border-radius: 4px;
  padding: 0.8em 1.6em;
  transition: all 0.25s ease;
}

.button:hover,
button:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover,
.ast-button:hover {
  background-color: var(--citable-deep-blue);
  color: var(--citable-lime);
  box-shadow: 0 0 0 2px var(--citable-lime);
}

/* ==========================================================================
   4. HEADER
   ========================================================================== */

.ast-primary-header-bar,
.main-header-bar {
  background-color: var(--citable-deep-blue);
  border-bottom: none;
}

.ast-primary-header-bar .main-navigation ul li a,
.ast-primary-header-bar .site-title a,
.ast-primary-header-bar .site-title {
  color: var(--citable-off-white) !important;
}

.ast-primary-header-bar .main-navigation ul li a:hover {
  color: var(--citable-lime) !important;
}

/* ==========================================================================
   5. ELEMENTO DISTINTIVO — "citazione evidenziata"
   Da usare su parole/numeri chiave nei testi (classe manuale citable-highlight)
   ========================================================================== */

.citable-highlight {
  background: linear-gradient(180deg, transparent 60%, var(--citable-lime) 60%);
  padding: 0 2px;
  font-weight: 600;
}

/* Blockquote in stile "citazione dati" per case study / testimonianze */
blockquote {
  border-left: 4px solid var(--citable-lime);
  background-color: var(--citable-blue-light);
  color: var(--citable-off-white);
  padding: 1.5em 2em;
  font-family: var(--citable-font-heading);
  font-size: 1.15em;
  border-radius: 0 6px 6px 0;
}

/* ==========================================================================
   6. FOOTER
   ========================================================================== */

.ast-small-footer,
footer.site-footer {
  background-color: var(--citable-deep-blue);
  color: var(--citable-off-white);
}

.ast-small-footer a {
  color: var(--citable-lime);
}