/*
Theme Name:   Nextawards Giason
Theme URI:    https://giason.it
Description:  Child theme di Nextawards con l'identità visiva della landing Giason (colori, font, stile bottoni, card e micro-animazioni). Struttura, template, hook e funzionalità del tema padre restano invariati: qui vengono modificati solo gli aspetti grafici non gestibili dal Personalizza.
Author:       Giason
Template:     nextawards
Version:      1.0.0
Text Domain:  nextawards-giason
*/

/* =========================================================================
   IMPORTANTE — LEGGIMI PRIMA
   =========================================================================
   La maggior parte della palette e dei font di Nextawards è già gestibile
   da Aspetto > Personalizza (colori, Google Font, raggio dei bottoni):
   quei valori vanno impostati DA LÌ, non qui, per restare coerenti con la
   logica del tema. Questo file interviene solo su ciò che il Personalizza
   non copre: colore testo globale, coppia bottone primario/secondario/
   outline con testo navy su oro, hover delle card, badge, spaziature e
   dettagli della landing (barra sfumata, italic colorato nei titoli, ecc).
   Vedi il messaggio in chat per i valori esatti da inserire nel Personalizza.
   ========================================================================= */

/* 1. FONT (stessi della landing) */
@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,wght@0,400;0,600;0,700;0,800;1,400;1,600&family=Mulish:wght@400;500;600;700;800&display=swap');

/* 2. TOKEN DI BRAND — usati solo dalle regole qui sotto */
:root {
  --site-text-color: #091550;      /* sovrascrive il nero di default del tema padre */
  --brand-navy:      #091550;
  --brand-gold:      #e3b021;
  --brand-gold-dark: #997d12;
  --brand-teal:      #0c6f9c;
  --brand-muted:     #5d6377;
  --brand-line:      rgba(9,21,80,0.16);
  --brand-line-strong: rgba(9,21,80,0.30);
  --brand-gradient:  linear-gradient(90deg, #091550, #e3b021, #0c6f9c);
}

/* 3. TIPOGRAFIA — pesi e tracking coerenti col titolo Source Serif 4 della landing
   (il font-family stesso è già assegnato dal tema tramite il Personalizza) */
h1, h2, h3, h4, h5, h6 {
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.08;
}
/* riproduce il dettaglio "parola in corsivo colorata" usato nei titoli della landing:
   basta scrivere una parola in <em> o <i> dentro un titolo, in editor, per ottenerlo */
h1 em, h2 em, h1 i, h2 i {
  font-style: italic;
  color: var(--brand-teal);
}

/* 4. LINK NEL CONTENUTO — testo teal, hover navy, come nella landing.
   (Il colore "accent" impostato nel Personalizza guida invece i bottoni: vedi punto 5) */
.entry-content a,
.site-content a,
.woocommerce-tabs a,
.comment-content a {
  color: var(--brand-teal);
}
.entry-content a:hover,
.site-content a:hover,
.comment-content a:hover {
  color: var(--brand-navy);
}

/* 5. BOTTONI — tre varianti come nella landing:
   Primario = oro con testo/bordo navy · Outline = navy su trasparente · Secondario = bianco con bordo */
.wp-block-button:not(.is-style-outline):not(.is-style-secondary-button) .wp-block-button__link,
input[type="submit"].wpcf7-submit,
button[type="submit"] {
  color: var(--brand-navy) !important;
  border: 1.5px solid var(--brand-navy) !important;
  font-weight: 800 !important;
  transition: transform .15s ease, box-shadow .15s ease;
}
.wp-block-button:not(.is-style-outline):not(.is-style-secondary-button) .wp-block-button__link:hover,
.wp-block-button:not(.is-style-outline):not(.is-style-secondary-button) .wp-block-button__link:focus,
input[type="submit"].wpcf7-submit:hover,
button[type="submit"]:hover {
  color: var(--brand-navy) !important;
  transform: translateY(-2px);
  box-shadow: 4px 4px 0 var(--brand-navy);
}

.is-style-outline .wp-block-button__link {
  color: var(--brand-navy) !important;
  border-color: var(--brand-line-strong) !important;
  background: transparent !important;
}
.is-style-outline .wp-block-button__link:hover {
  color: var(--brand-teal) !important;
  border-color: var(--brand-teal) !important;
}

.is-style-secondary-button .wp-block-button__link {
  border: 1.5px solid var(--brand-line-strong) !important;
}

/* 6. CARD / BOX DI CONTENUTO — stesso hover "sollevato" della landing (card:hover) */
.wp-block-group.is-style-card,
.wp-block-columns.is-style-card > .wp-block-column,
article.hentry,
.woocommerce ul.products li.product,
.elementor-widget-container .elementor-icon-box-wrapper {
  transition: transform .16s ease, box-shadow .16s ease;
}
.wp-block-group.is-style-card:hover,
article.hentry:hover,
.woocommerce ul.products li.product:hover {
  transform: translate(-3px, -3px);
  box-shadow: 8px 8px 0 var(--brand-navy);
}

/* 7. BADGE / PILL — per riprodurre elementi come "ONLINE" o le categorie della landing */
.badge, .tag-pill, .post-categories a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 6px 12px;
  border-radius: 999px;
  border: 1.5px solid var(--brand-line-strong);
  color: var(--brand-teal);
}

/* 8. BARRA SFUMATA DI BRAND — il filo tricolore in cima all'header della landing.
   Aggiunge una striscia sopra l'header senza toccare header.php */
.header::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 4px;
  background: var(--brand-gradient);
  z-index: 1;
}

/* 9. RICERCA RAPIDA / FORM — angoli più morbidi, coerenti con lo stile "pill" della landing */
.quick-search, .form-search,
input[type="text"], input[type="email"], input[type="tel"], input[type="url"],
select {
  border-radius: 10px;
}
textarea { border-radius: 10px; }

/* 10. FOOTER — testo coerente col resto della palette */
.site-footer a, footer a { color: var(--brand-muted); }
.site-footer a:hover, footer a:hover { color: var(--brand-teal); }

/* 11. WOOCOMMERCE — dettagli minori coerenti con la palette (senza toccare i template) */
.woocommerce ul.products li.product .price { color: var(--brand-navy); }
.woocommerce span.onsale { background-color: var(--brand-navy); }