/* ═══════════════════════════════════════════════════════
   DONI DEL MARE — Sistema di design "Erbario Marino"
   Estende le variabili già presenti in style.css:
   --navy --teal --teal2 --mint --gold --gold2 --white
   --text --muted --border --serif --sans
   Firma visiva: cornici a bracket (angoli netti, non pillole),
   etichette "specimen" in stile scheda botanica.
   Da accodare a style.css o includere dopo di esso.
   ═══════════════════════════════════════════════════════ */

/* ── FIRMA: cornice a bracket (angoli d'oro netti) ──
   Sostituisce badge/pill arrotondati su immagini prodotto */
.specimen-frame {
  position: relative;
  padding: 3rem 2.5rem;
}
.specimen-frame::before,
.specimen-frame::after,
.specimen-frame .bracket-tl,
.specimen-frame .bracket-br {
  content: '';
  position: absolute;
  width: 28px; height: 28px;
  border: 1.5px solid var(--gold);
}
.specimen-frame::before { top: 14px; left: 14px; border-right: none; border-bottom: none; }
.specimen-frame::after { bottom: 14px; right: 14px; border-left: none; border-top: none; }
.specimen-frame .bracket-tl { top: 14px; right: 14px; border-left: none; border-bottom: none; }
.specimen-frame .bracket-br { bottom: 14px; left: 14px; border-right: none; border-top: none; }

/* Etichetta "scheda specimen" — sostituisce badge/pill */
.specimen-tag {
  display: inline-flex; align-items: center; gap: .6em;
  font-family: var(--sans); font-size: .65rem; font-weight: 600;
  letter-spacing: .18em; text-transform: uppercase;
  color: var(--gold);
}
.specimen-tag::before { content: ''; width: 18px; height: 1px; background: var(--gold); }
.specimen-tag.on-dark { color: var(--gold); }
.specimen-tag.on-light { color: var(--teal); }
.specimen-tag.on-light::before { background: var(--teal); }

/* Numero di catalogo (es. "N.01 — SPIRULINA") */
.specimen-index {
  font-family: var(--serif); font-style: italic; font-weight: 400;
  color: var(--gold); font-size: .95rem; margin-right: .5em;
}

/* ── FIRMA: divisore "linea di marea" (onda sottile) ──
   Usato tra sezioni chiave, mai più di 2 volte per pagina */
.tideline { display: flex; justify-content: center; padding: 0; }
.tideline svg { width: 220px; height: 16px; }
.tideline path { stroke: var(--gold); stroke-width: 1; fill: none; }

/* ── RETTANGOLI, NON PILLOLE: override globale ── */
.feature-pill, .pill, .badge-sale, .del-img-badge, .delicata-badge, .intro-badge {
  border-radius: 0 !important;
}

/* ── HERO PRODOTTO (usato in index + pagina prodotto) ── */
.section-eyebrow {
  font-family: var(--sans); font-size: .65rem; font-weight: 600;
  letter-spacing: .22em; text-transform: uppercase; color: var(--teal);
  display: flex; align-items: center; gap: .6em; margin-bottom: 1rem;
}
.section-eyebrow::before { content: ''; width: 18px; height: 1px; background: var(--teal); }

/* ── SCHEDA INGREDIENTE (stile erbario) ── */
.specimen-card {
  border: 1px solid var(--border);
  padding: 2rem 1.75rem;
  background: var(--white);
  position: relative;
  transition: border-color .25s, background .25s;
}
.specimen-card:hover { border-color: var(--gold); background: var(--mint); }
.specimen-card .specimen-index { display: block; margin-bottom: .5rem; font-size: 1.1rem; }
.specimen-card .specimen-name {
  font-family: var(--serif); font-size: 1.15rem; color: var(--navy);
  font-weight: 500; margin-bottom: .5rem;
}
.specimen-card .specimen-desc { font-size: .82rem; color: var(--muted); line-height: 1.65; }
.specimen-card .specimen-latin {
  font-family: var(--serif); font-style: italic; font-size: .75rem;
  color: var(--teal2); margin-bottom: .6rem; display: block;
}

/* ── BOTTONI: rettangolari netti, coerenti col resto ── */
.btn { border-radius: 2px; }
.btn-primary, .btn-gold, .btn-navy, .btn-ghost, .btn-ghost-white, .btn-amazon {
  border-radius: 2px;
}

/* ── GRIGLIA SPECIMEN (a mattonelle, bordo condiviso) ── */
.specimen-grid {
  display: grid; gap: 1px; background: var(--border); border: 1px solid var(--border);
}
.specimen-grid.cols-3 { grid-template-columns: repeat(3, 1fr); }
.specimen-grid.cols-4 { grid-template-columns: repeat(4, 1fr); }
.specimen-grid .specimen-card { border: none; }

@media (max-width: 768px) {
  .specimen-grid.cols-3, .specimen-grid.cols-4 { grid-template-columns: 1fr; }
  .specimen-frame { padding: 2rem 1.5rem; }
}