/* ==========================================================================
   PAGE — TARIFS · cree-ton-entreprise.ch
   Chargé via is_page_template('page-templates/template-tarifs.php').
   Réutilise .struct-hero non — hero propre. S'appuie sur tokens + components.
   ========================================================================== */

/* .struct-hero est défini dans components.css (partagé structures/tarifs). */

/* ----- Groupes de prix (par structure) ----- */
.price-group { margin-top: var(--space-7); }
.price-group:first-of-type { margin-top: var(--space-6); }
.price-group__title {
  font-size: var(--fs-h3); margin-bottom: var(--space-5);
  padding-bottom: var(--space-3); border-bottom: 2px solid var(--border-card);
}

/* ----- Carte de prix ----- */
.price-card {
  position: relative; display: flex; flex-direction: column;
  background: var(--surface-card); border: 1px solid var(--border-card);
  border-radius: var(--radius-lg); padding: var(--space-6);
  box-shadow: var(--shadow-sm);
}
.price-card--featured { border-color: var(--blue-electric); box-shadow: var(--shadow-blue); }
.price-card__flag { position: absolute; top: var(--space-4); right: var(--space-4); }
.price-card__name { font-size: var(--fs-h4); font-weight: var(--fw-extra); color: var(--text-strong); margin-bottom: var(--space-3); }
.price-card__price { font-size: clamp(2rem, 1.5rem + 1.5vw, 2.5rem); font-weight: var(--fw-black); color: var(--blue-trust); line-height: 1; }
.price-card__price span { font-weight: var(--fw-bold); }
.price-card__price small { display: block; font-size: var(--fs-sm); font-weight: var(--fw-semibold); color: var(--text-muted); margin-top: var(--space-2); }
.price-card__note { font-size: var(--fs-xs); color: var(--text-muted); margin-top: var(--space-2); }
.price-card__feats { list-style: none; padding: 0; margin: var(--space-5) 0; display: grid; gap: var(--space-3); flex: 1; }
.price-card__feats li { position: relative; padding-left: var(--space-6); font-size: var(--fs-sm); color: var(--text-body); }
.price-card__feats li::before {
  content: ""; position: absolute; left: 0; top: 0.15em; width: 16px; height: 16px;
  background: center / 16px no-repeat
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231441F5' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 6'/%3E%3C/svg%3E");
}

.price-options {
  margin-top: var(--space-6); padding: var(--space-5);
  background: var(--surface-card); border: 1px dashed var(--border-soft);
  border-radius: var(--radius-md); font-size: var(--fs-sm); color: var(--text-muted);
}