/*
Theme Name: HCS Astra Child
Theme URI: https://audioprotesistamoderno.it
Description: Child theme per Astra con palette e tipografia HCS (Hearing Coach School)
Author: HCS - Audioprotesista Moderno
Template: astra
Version: 1.0.0
Text Domain: hcs-astra-child
*/

:root {
  --hcs-navy: #1E3A5F;
  --hcs-amber: #FBBF24;
  --hcs-blue: #60A5FA;
  --hcs-navy-rgb: 30, 58, 95;
  --hcs-amber-rgb: 251, 191, 36;
  --hcs-blue-rgb: 96, 165, 250;
  --hcs-font-heading: 'Figtree', sans-serif;
  --hcs-font-body: 'Noto Sans', sans-serif;
}

body,
p,
li,
.entry-content {
  font-family: var(--hcs-font-body);
}

h1, h2, h3, h4, h5, h6,
.site-title,
.entry-title {
  font-family: var(--hcs-font-heading);
  color: var(--hcs-navy);
}

/* Hero / sezioni con sfondo navy */
.hcs-hero,
.wp-block-cover.hcs-hero {
  background-color: var(--hcs-navy);
  color: #ffffff;
}
.hcs-hero h1,
.hcs-hero h2,
.hcs-hero h3 {
  color: #ffffff;
}
.hcs-hero .hcs-accent {
  color: var(--hcs-amber);
}

/* CTA / pulsanti */
.ast-button,
button,
.wp-block-button__link,
input[type="submit"] {
  background-color: var(--hcs-amber);
  color: var(--hcs-navy);
  border: none;
  font-weight: 700;
  border-radius: 6px;
  transition: opacity 0.2s ease;
}
.ast-button:hover,
.wp-block-button__link:hover,
input[type="submit"]:hover {
  opacity: 0.85;
  color: var(--hcs-navy);
}

/* Bordi decorativi, tag, accenti secondari */
.hcs-tag,
.wp-block-tag,
blockquote,
.hcs-border-accent {
  border-color: var(--hcs-blue);
}

a {
  color: var(--hcs-navy);
}
a:hover {
  color: var(--hcs-blue);
}

/* Header/footer coerenti con navy */
.site-header,
.site-footer,
footer.site-footer {
  background-color: var(--hcs-navy);
  color: #ffffff;
}
.site-header a,
.site-footer a {
  color: #ffffff;
}
.site-header a:hover,
.site-footer a:hover {
  color: var(--hcs-amber);
/* Nasconde il titolo nativo del tema sulla pagina del singolo articolo,
   perché il titolo è già incluso nel blocco HTML personalizzato dell'articolo */
body.single-post .entry-title,
body.single-post h1.entry-title,
body.single-post .ast-single-post .entry-title,
body.single-post .entry-header .entry-title {
  display: none !important;
}
	/* Nasconde l'intero header nativo del tema (titolo + data + categoria)
   sulla pagina del singolo articolo, perché tutto questo è già incluso
   nel blocco HTML personalizzato dell'articolo */
body.single-post header.entry-header {
  display: none !important;
}