/*
 * Override di rebranding per il plugin Hive Connect (plczm).
 *
 * Il plugin stampa i propri componenti (form tesseramento/donazione, calendario,
 * card, footer-columns, direttivo, sponsor, albo) usando variabili CSS `--color-*`
 * con default hardcoded blu generico. Qui le ridefiniamo sulla palette
 * istituzionale della Pro Loco CZ Marina (navy #00489C + mare #0090CC).
 *
 * Caricato DOPO il foglio del plugin (handle `hive-connect`) e dopo main.css,
 * così vince in cascata. Vedi inc/enqueue.php.
 *
 * NB (limiti documentati): il colore evento del calendario `hive/my-events-calendar`
 * è fisso lato REST (#0E4D92) e NON è sovrascrivibile da qui.
 */

/* --- Livello 1: variabili di brand del plugin ---
   IMPORTANTE: i componenti del plugin leggono `var(--hc-color-primario)` ecc.,
   che a loro volta risolvono su QUESTE variabili (--hc-primary, --hc-ink...),
   non su nomi "--color-*" inventati (quelli non sono letti da nessuna regola
   del plugin: erano di fatto senza effetto). Il default del plugin (#0e4d92)
   è visivamente simile al nostro navy, per questo il problema è passato
   inosservato finché non è emerso su uno sfondo chiaro (chip attiva). */
:root {
	--hc-primary: #00489c;        /* navy istituzionale */
	--hc-primary-strong: #003472; /* navy scuro (hover/stati enfatizzati) */
	--hc-secondary: #0090cc;      /* mare */
	--hc-accent: #0090cc;         /* mare (accento / blu-hive) */
	--hc-ink: #24303c;            /* grafite (testo) */
}

/* --- Livello 2: ritocchi su valori inline hardcoded del plugin --- */

/* Bottoni del plugin: gradiente navy→mare coerente col tema */
.hive-btn,
.hive-connect .hive-btn,
.wp-block-hive-modulo-tesseramento .hive-btn,
.wp-block-hive-modulo-donazione .hive-btn {
	background-image: linear-gradient(135deg, #00489c, #0090cc) !important;
	border-color: #00489c !important;
	color: #fff !important;
}
.hive-btn:hover { filter: brightness(1.06); }

/* Bordi tenui del plugin → tono sabbia/cielo del tema */
.hive-card,
.hive-connect [class*="hive-"] .hive-card,
.hive-form-field,
.hive-table th,
.hive-table td {
	border-color: #d8dee7 !important;
}

/* Focus accessibile dei campi form del plugin */
.hive-form-field:focus,
.hive-connect input:focus,
.hive-connect select:focus,
.hive-connect textarea:focus {
	outline: 2px solid #00489c !important;
	outline-offset: 2px;
	border-color: #00489c !important;
}

/* Card "ultime notizie" del plugin (accento inline #0E4D92 → navy tema) */
.hive-ultime-notizie .hive-card__meta,
.hive-ultime-notizie a { color: #00489c !important; }

/* Tab attiva e indicatore di pagina corrente del widget News in home
   (hive/blog-tabs): sfondo navy pieno con testo bianco risultava poco
   leggibile. Azzurro istituzionale della Pro Loco come sfondo, testo navy
   per il contrasto. */
.hive-blog-tab.is-active,
.hive-blog-page.is-active {
	background-color: #92d3fa !important;
	border-color: #92d3fa !important;
	color: #00489c !important;
}

/* Titoli dei blocchi hive/* (es. .hive-title, .hive-blog-card__title,
   .hive-footer-col__title, .hive-my-events-calendar__title, .hive-subtitle):
   sono h1-h6, e il reset margin:0 del plugin non vince sempre in cascata —
   resta il margine SUPERIORE di default del browser (es. 1em su h3). Regola
   generale (non le singole classi una per una) per coprire ogni titolo
   presente e futuro dentro il markup del plugin. Tocca solo l'inizio: alcune
   di queste classi hanno un margin-bottom intenzionale del plugin (spaziatura
   sotto il titolo) che va preservato. */
[class*="hive-"] :is(h1, h2, h3, h4, h5, h6),
:is(h1, h2, h3, h4, h5, h6)[class*="hive-"] {
	margin-block-start: 0 !important;
}

.hive-network-events .hive-title {
	display: none;
}