/* =========================================================
   Thème Floraïs : ivoire · vert sauge · rose poudré · terracotta
   (chargé après assets/css/style.css et admin/admin.css)
   ========================================================= */
:root {
  --fond:           #FAF8F3;
  --fond-2:         #F2E8D5;
  --fond-3:         #E6D9C2;
  --primaire:       #7B9E7F;
  --primaire-fonce: #4E7052;
  --primaire-clair: #BDD4BE;
  --primaire-pale:  #EBF2EB;
  --accent-clair:   #ECC8B4;
  --accent:         #C98068;
  --accent-fonce:   #B5604A;
  --texte:          #302218;
  --texte-doux:     #6B5248;
  --texte-pale:     #B09088;
  --ornement:       '❀';

  --ruban-etiquette: #3F5D43;

  --serif: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --sans:  'Lato', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

/* === Bouquet de la semaine (accueil) === */
.bouquet-grid {
  display: grid; grid-template-columns: 1fr 1fr;
  border-radius: var(--radius-lg); overflow: hidden;
  box-shadow: var(--shadow-lg);
}
.bouquet-photo {
  min-height: 420px;
  background: #EDE0CC center/cover no-repeat;   /* photo inline : zone bouquet.<saison>.photo */
}
.bouquet-body {
  display: flex; flex-direction: column; justify-content: center;
  padding: 3.5rem; background: var(--fond-2);
}
.bouquet-tag {
  display: inline-block; align-self: flex-start;
  background: var(--primaire); color: var(--white);
  font-size: .68rem; font-weight: 700; letter-spacing: .1em;
  text-transform: uppercase; padding: .28rem .8rem;
  border-radius: 50px; margin-bottom: 1.25rem;
}
.bouquet-body h2 { margin-bottom: .85rem; }
.bouquet-body p  { color: var(--texte-doux); margin-bottom: 1.5rem; }
.bouquet-price   {
  font-family: var(--serif); font-size: 2rem;
  color: var(--accent-fonce); font-weight: 700; margin-bottom: 2rem;
}

/* Cartes de l'accueil : photo en style inline (zones services.*.photo) */
.svc-creations, .svc-ateliers, .svc-evenements { background: #EDE0CC center/cover no-repeat; }

@media (max-width: 768px) {
  .bouquet-grid { grid-template-columns: 1fr; }
  .bouquet-photo { min-height: 0; aspect-ratio: 16/9; }
  .bouquet-body  { padding: 2rem 1.75rem; }
}

/* Tablette : les 3 cartes restent sur une ligne (le cœur passe à 2 colonnes dès 1024 px, carte orpheline) */
@media (min-width: 769px) and (max-width: 1024px) {
  .services-grid { grid-template-columns: repeat(3, 1fr); }
}