/* =========================================================================
 * wte-card-palette.css
 *
 * Posizione: wp-content/themes/theme-child/css/wte-card-palette.css
 *
 * Due scopi:
 *   1. rimappare i colori delle card WP Travel Engine sugli slot globali
 *      Astra, così lo stesso file funziona su IWSafari (bruni/oro) e su INO
 *      (verdi/oro) senza un solo hex cablato;
 *   2. dare forma al breadcrumb dell'hero.
 *
 * Ambito: solo .ino-dest-archive (pagina destinazione) e .ino-breadcrumb.
 * La home NON è toccata: usa il blocco WTE con i suoi colori nativi.
 *
 * Nota sulla specificità: WTE dichiara diversi colori con !important a
 * specificità 0,3,0 (vedi learnings di progetto). Le regole colore qui sotto
 * usano !important per pareggiarlo — è deliberato, non una scorciatoia.
 * ====================================================================== */


/* -------------------------------------------------------------------------
 * 1. CARD VIAGGIO — testo e titoli
 * ---------------------------------------------------------------------- */

.ino-dest-archive .ino-wte-trips .category-trip-title a {
	color: var(--ast-global-color-2) !important;
}

.ino-dest-archive .ino-wte-trips .category-trip-title a:hover,
.ino-dest-archive .ino-wte-trips .category-trip-title a:focus-visible {
	color: var(--ast-global-color-3) !important;
}

.ino-dest-archive .ino-wte-trips .category-trip-desc,
.ino-dest-archive .ino-wte-trips .category-trip-desc p {
	color: var(--ast-global-color-0) !important;
}


/* -------------------------------------------------------------------------
 * 2. META RIGA (località, durata) — icone incluse
 * ---------------------------------------------------------------------- */

.ino-dest-archive .ino-wte-trips .category-trip-loc,
.ino-dest-archive .ino-wte-trips .category-trip-dur {
	color: var(--ast-global-color-0) !important;
}

.ino-dest-archive .ino-wte-trips .category-trip-loc a {
	color: var(--ast-global-color-0) !important;
}

.ino-dest-archive .ino-wte-trips .category-trip-loc a:hover,
.ino-dest-archive .ino-wte-trips .category-trip-loc a:focus-visible {
	color: var(--ast-global-color-3) !important;
}

/* Le icone SVG usano fill="currentColor": ereditano dal contenitore. */
.ino-dest-archive .ino-wte-trips .category-trip-loc i svg,
.ino-dest-archive .ino-wte-trips .category-trip-dur i svg {
	color: var(--ast-global-color-1);
}


/* -------------------------------------------------------------------------
 * 3. PREZZO
 * ---------------------------------------------------------------------- */

.ino-dest-archive .ino-wte-trips .actual-price,
.ino-dest-archive .ino-wte-trips .wpte-price,
.ino-dest-archive .ino-wte-trips .wpte-currency-code {
	color: var(--ast-global-color-3) !important;
}
.ino-dest-archive .ino-wte-trips .category-trip-budget.ino-no-price::before,
.ino-dest-archive .ino-wte-trips .category-trip-budget.ino-no-price::after {
	content: none !important;
}
 
.ino-dest-archive .ino-wte-trips .ino-price-request {
	color: var(--ast-global-color-0) !important;
	font-style: italic;
	white-space: nowrap;
}

/* -------------------------------------------------------------------------
 * 4. RIBBON "IN EVIDENZA"
 *    I badge del plugin trip-badges NON vanno toccati: hanno colori inline
 *    scelti per singolo viaggio dalla redazione.
 * ---------------------------------------------------------------------- */

.ino-dest-archive .ino-wte-trips .category-feat-ribbon {
	background-color: transparent !important;
}

.ino-dest-archive .ino-wte-trips .category-feat-ribbon-txt,
.ino-dest-archive .ino-wte-trips .category-feat-ribbon svg {
	color: var(--ast-global-color-2) !important;
}


/* -------------------------------------------------------------------------
 * 5. PULSANTE "VEDI DETTAGLI"
 * ---------------------------------------------------------------------- */

.ino-dest-archive .ino-wte-trips .category-trip-viewmre-btn {
	background-color: var(--ast-global-color-2) !important;
	border-color: var(--ast-global-color-2) !important;
	color: var(--ast-global-color-4) !important;
}

.ino-dest-archive .ino-wte-trips .category-trip-viewmre-btn:hover,
.ino-dest-archive .ino-wte-trips .category-trip-viewmre-btn:focus-visible {
	background-color: var(--ast-global-color-3) !important;
	border-color: var(--ast-global-color-3) !important;
	color: var(--ast-global-color-4) !important;
}

.ino-dest-archive .ino-wte-trips .category-trip-viewmre-btn:focus-visible {
	outline: 2px solid var(--ast-global-color-1);
	outline-offset: 2px;
}


/* -------------------------------------------------------------------------
 * 6. BORDI E SEPARATORI INTERNI
 * ---------------------------------------------------------------------- */

.ino-dest-archive .ino-wte-trips .category-trips-single-inner-wrap {
	border-color: var(--ast-global-color-7) !important;
}

.ino-dest-archive .ino-wte-trips .category-trip-prc-wrap {
	border-color: var(--ast-global-color-7) !important;
}


/* -------------------------------------------------------------------------
 * 7. BREADCRUMB (hero destinazione e singolo viaggio)
 * ---------------------------------------------------------------------- */

.ino-breadcrumb {
	font-size: 0.8rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	line-height: 1.5;
}

.ino-breadcrumb a {
	color: currentColor;
	text-decoration: none;
	border-bottom: 1px solid transparent;
	transition: border-color 0.2s ease;
}

.ino-breadcrumb a:hover,
.ino-breadcrumb a:focus-visible {
	border-bottom-color: currentColor;
}

.ino-breadcrumb a:focus-visible {
	outline: 2px solid var(--ast-global-color-1);
	outline-offset: 3px;
}

.ino-breadcrumb .ino-breadcrumb-sep {
	margin: 0 0.5em;
	opacity: 0.55;
}

.ino-breadcrumb .breadcrumb_last {
	opacity: 0.75;
}

/* Sull'hero il testo è chiaro su immagine: eredita il colore del contenitore
   e non forza uno slot, così resta leggibile su qualsiasi foto. */
.dest-hero-breadcrumb {
	margin: 0 0 0.75rem;
}

@media (max-width: 600px) {
	.ino-breadcrumb {
		font-size: 0.7rem;
		letter-spacing: 0.1em;
	}

	.ino-breadcrumb .ino-breadcrumb-sep {
		margin: 0 0.35em;
	}
}


/* -------------------------------------------------------------------------
 * 8. ACCESSIBILITÀ
 * ---------------------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
	.ino-breadcrumb a,
	.ino-dest-archive .ino-wte-trips .category-trip-viewmre-btn {
		transition: none;
	}
}