/* Version verte : vert du logo MyKube (#86c709) et dégradés de vert.
   Chargée après style.css : elle ne change que les couleurs et les fonds.
   Le menu « Click & collect » et le bon de retrait restent jaunes. */

:root {
  --ink: #1d2b0c;
  --paper: #f5faea;
  --cobalt: #4a7a07;
  --cobalt-dark: #3a6205;
  --ticket: #ffd84a;
  --mist: #dfebc6;
  --muted: #4f5f3a;
  --leaf: #86c709;
  --grad: linear-gradient(90deg, #5f9a05 0%, #86c709 50%, #b9e34f 100%);
}

/* En-tête et pied de page : filet dégradé */
.site-header { border-bottom: 0; }
.site-header::after { content: ""; display: block; height: 4px; background: var(--grad); }
.site-footer { border-top: 4px solid; border-image: var(--grad) 1; }

/* Boutons */
.btn { background-image: linear-gradient(135deg, #5a8f08, #4a7a07); }
.btn:hover { background-image: none; }
.btn-ghost, .btn-ghost:hover { background-image: none; }
.btn-ticket, .btn-ticket:hover { background-image: none; }

/* Offre phare : halo vert côté texte (le bon de retrait reste jaune) */
.star { background: radial-gradient(55% 90% at 4% 30%, #e3f2bd 0%, rgba(245, 250, 234, 0) 70%), var(--paper); }

/* Filets en dégradé */
.rows, .works, .steps li, .offer { border-top: 3px solid; border-image: var(--grad) 1; }

/* Bloc carrousel */
.pitch {
  background: linear-gradient(135deg, #ffffff 0%, #f2f9e1 60%, #e3f2bd 100%);
  border-color: var(--mist);
}

/* Bandeau d'appel */
.band { background: linear-gradient(135deg, #1d2b0c 0%, #34540a 60%, #4a7a07 100%); }
.band p { color: #e9f4d0; }
.band a:not(.btn) { color: #d3ec84; }

/* ---------- Harmonisation : pages intérieures, formulaire, détails ---------- */

/* Formulaire de contact */
input, select, textarea { border-color: #cfe0ab; }
input:focus, select:focus, textarea:focus {
  border-color: #4a7a07;
  box-shadow: 0 0 0 3px rgba(134, 199, 9, 0.35);
}
::placeholder { color: #7b8a62; }
.status.ok { background: #e3f4c2; color: #2b4a05; }

/* Bon de retrait : ombre et pointillés teintés vert foncé plutôt que bleu marine */
.ticket { box-shadow: 0 16px 30px -14px rgba(29, 43, 12, 0.45); }
.ticket .line { border-bottom-color: rgba(29, 43, 12, 0.35); }
.ticket .perf { border-top-color: rgba(29, 43, 12, 0.55); }

/* Pastille « Offre phare » : jaune, comme le bon de retrait */
.tag { background: #ffd84a; }

/* Sélection de texte et curseur de formulaire */
::selection { background: #c8e57d; color: #1d2b0c; }
input, textarea, select { accent-color: #4a7a07; caret-color: #4a7a07; }

/* Menu : survol et élément actif en vert */
#menu a:hover { background: #e9f4d0; }
#menu a[aria-current="page"] { box-shadow: inset 0 -3px 0 #86c709; }

/* Boutons secondaires : survol vert foncé */
.btn-ghost:hover { background-color: #1d2b0c; border-color: #1d2b0c; }

/* Bouton Pause et points du carrousel */
.dots button::before { border-color: #4a7a07; }
.dots button[aria-current="true"]::before { background: #4a7a07; }

/* Réalisations : survol des captures */
.work-shot { border-color: #cfe0ab; }