/* ANAD — il marchio come elemento grafico.
   I colori non stanno nel file SVG: stanno qui, perché il marchio deve poter
   passare da contorno a pieno. I tracciati sono quelli del logo ufficiale 2024,
   separati: petalo navy, petalo rosso, due barre, punto, e la sigla. */

.marchio { display: block; width: 100%; height: auto; overflow: visible; }

/* Stato pieno: è così che il marchio si legge normalmente. */
.marchio__petalo--navy { fill: var(--anad-navy); }
.marchio__petalo--red { fill: var(--anad-red); }
.marchio__barra,
.marchio__punto { fill: var(--anad-red); }
.marchio__sigla { fill: var(--anad-navy); }

/* Nella testata il marchio è sempre pieno e fermo. */
.brand .marchio { width: auto; }

/* IL MARCHIO IN APERTURA -------------------------------------------------- */
/* Grande: il movimento lo compone una volta sola e finisce sul logo
   ufficiale, entrambi i petali pieni. Il contorno è in unità del disegno,
   non a spessore fisso: con vector-effect il tratteggio si misurerebbe in
   pixel e il contorno non si chiuderebbe. 1,1 unità ≈ 1,5px a 13rem. */
.marchio--hero .marchio__petalo,
.marchio--hero .marchio__barra,
.marchio--hero .marchio__punto {
  stroke-width: 1.1;
}

.marchio--hero .marchio__petalo--navy {
  fill: var(--anad-navy);
  stroke: var(--anad-navy);
}

.marchio--hero .marchio__petalo--red {
  fill: var(--anad-red);
  stroke: var(--anad-red);
}

.marchio--hero .marchio__barra,
.marchio--hero .marchio__punto {
  fill: var(--anad-red);
  stroke: none;
}

/* Versione ridotta per le pagine interne: stesso stato dell'apertura
   (navy a contorno, rosso pieno), ma ferma. */
.marchio--segna .marchio__petalo {
  stroke-width: 1.5;
  vector-effect: non-scaling-stroke;
}

.marchio--segna .marchio__petalo--navy {
  fill: none;
  stroke: var(--anad-navy);
}

.marchio--segna .marchio__petalo--red {
  fill: var(--anad-red);
  stroke: var(--anad-red);
}

.marchio--segna .marchio__barra,
.marchio--segna .marchio__punto { fill: var(--anad-red); }