/* =====================================================
   GSSIEP — tarifs.css (v5)
   Page : tarifs.html
   Objectif : compléter pages.css avec une mise en page "Tarifs"
   sans casser les styles globaux (scope : .gssiep-tarifs)
   ===================================================== */

.gssiep-tarifs .tarifs-hero{
  margin-bottom: 2.2rem;
}

.gssiep-tarifs .tarifs-kicker{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  padding:.35rem .85rem;
  border-radius: var(--radius-pill);
  border: 1px solid rgba(148,163,184,.35);
  background: rgba(15,23,42,.45);
  font-weight: 800;
  letter-spacing: .02em;
  width: fit-content;
}

.gssiep-tarifs .tarifs-kicker::before{
  content:"";
  width:.55rem;
  height:.55rem;
  border-radius:999px;
  background: var(--color-accent);
  box-shadow: 0 0 0 3px rgba(34,197,94,.18);
  display:inline-block;
}

.gssiep-tarifs .tarifs-subtitle{
  max-width: 78ch;
  color: var(--color-text-soft);
  margin-top: .65rem;
}

.gssiep-tarifs .tarifs-nav{
  display:flex;
  flex-wrap:wrap;
  gap:.6rem;
  margin-top: 1.1rem;
}

.gssiep-tarifs .tarifs-nav a{
  text-decoration:none;
  border: 1px solid rgba(148,163,184,.35);
  background: rgba(15,23,42,.55);
  color: var(--color-text);
  border-radius: var(--radius-pill);
  padding: .6rem .85rem;
  font-weight: 800;
  font-size: .92rem;
  line-height: 1;
  transition: transform var(--transition), border-color var(--transition);
}

.gssiep-tarifs .tarifs-nav a:hover{
  transform: translateY(-1px);
  border-color: rgba(34,197,94,.55);
}

.gssiep-tarifs .tarifs-note{
  margin-top: 1rem;
  padding: 1rem 1.1rem;
  border-radius: var(--radius-lg);
  border: 1px solid rgba(148,163,184,.22);
  background: rgba(15,23,42,.45);
  color: var(--color-text-soft);
}

.gssiep-tarifs .tarifs-section{
  margin-top: 2.4rem;
}

.gssiep-tarifs .tarifs-section-header p{
  max-width: 80ch;
  color: var(--color-text-soft);
  margin-top: .35rem;
}

.gssiep-tarifs .tarifs-grid-2,
.gssiep-tarifs .tarifs-grid-3{
  display:grid;
  gap: 1rem;
  margin-top: 1rem;
}

.gssiep-tarifs .tarifs-grid-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
.gssiep-tarifs .tarifs-grid-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); }

.gssiep-tarifs .tarifs-card{
  position: relative;
}

.gssiep-tarifs .tarifs-tag{
  position:absolute;
  top: 14px;
  right: 14px;
  font-size: .78rem;
  font-weight: 900;
  padding: .35rem .6rem;
  border-radius: var(--radius-pill);
  border: 1px solid rgba(34,197,94,.55);
  background: rgba(34,197,94,.14);
}

.gssiep-tarifs .tarifs-desc{
  margin-top: .35rem;
  color: var(--color-text-soft);
}

.gssiep-tarifs .tarifs-mini{
  margin-top: .7rem;
  font-size: .92rem;
  color: var(--color-muted);
}

.gssiep-tarifs .tarifs-lines{
  list-style:none;
  padding: 0;
  margin: .9rem 0 0;
  border-top: 1px solid rgba(148,163,184,.18);
}

.gssiep-tarifs .tarifs-lines li{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap: 12px;
  padding: .65rem 0;
  border-bottom: 1px solid rgba(148,163,184,.18);
  line-height: 1.25;
}

.gssiep-tarifs .tarifs-lines li strong{
  white-space:nowrap;
  font-weight: 900;
}

.gssiep-tarifs .tarifs-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width: fit-content;
  margin-top: .95rem;
  padding: .55rem .9rem;
  border-radius: var(--radius-pill);
  font-weight: 900;
  border: 1px solid rgba(34,197,94,.35);
  background: rgba(34,197,94,.12);
}

.gssiep-tarifs .tarifs-cta-row{
  display:flex;
  flex-wrap:wrap;
  gap: .6rem;
  margin-top: 1rem;
}

.gssiep-tarifs .tarifs-faq{
  margin-top: 1rem;
  display:grid;
  gap: .75rem;
}

.gssiep-tarifs .tarifs-faq-item{
  border: 1px solid rgba(148,163,184,.22);
  border-radius: var(--radius-lg);
  padding: .1rem .9rem;
  background: rgba(15,23,42,.45);
}

.gssiep-tarifs .tarifs-faq-item summary{
  cursor: pointer;
  padding: .85rem 0;
  font-weight: 800;
}

.gssiep-tarifs .tarifs-faq-body{
  padding: 0 0 .95rem 0;
  color: var(--color-text-soft);
}

/* Responsive */
@media (max-width: 980px){
  .gssiep-tarifs .tarifs-grid-3{ grid-template-columns: 1fr; }
  .gssiep-tarifs .tarifs-grid-2{ grid-template-columns: 1fr; }
  .gssiep-tarifs .tarifs-tag{ position: static; margin: .35rem 0 .2rem; width: fit-content; }
}

/* =====================================================
   PATCH UX — Tarifs HERO (v5.2)
   - Rend le bloc d'intro aussi "qualitatif" que la grille Interventions
   - Sans modifier le HTML
   ===================================================== */
.gssiep-tarifs .tarifs-hero{
  padding: 1.7rem 1.7rem 1.55rem;
  border-radius: var(--radius-xl);
  border: 1px solid rgba(148,163,184,.22);
  background: rgba(15,23,42,.38);
  backdrop-filter: blur(10px);
}

.gssiep-tarifs .tarifs-kicker{
  margin: 0 auto .6rem;
}

.gssiep-tarifs .tarifs-hero h1,
.gssiep-tarifs .tarifs-subtitle{
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.gssiep-tarifs .tarifs-subtitle{
  margin-top: .75rem;
  color: var(--color-text-soft);
}

.gssiep-tarifs .tarifs-nav{
  max-width: 980px;
  margin: 1.25rem auto 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .75rem;
  justify-content: center;
}

.gssiep-tarifs .tarifs-nav a{
  width: 100%;
  justify-content: center;
  text-align: center;
  padding: .85rem 1rem;
  border-radius: var(--radius-lg);
  background: rgba(2,6,23,.55);
}

@media (max-width: 820px){
  .gssiep-tarifs .tarifs-nav{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px){
  .gssiep-tarifs .tarifs-nav{ grid-template-columns: 1fr; }
}

/* ── Ajouts V4.1 ─────────────────────────────────────────── */

.tarifs-zone-badge {
  display: inline-block;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 8px;
  padding: 0.55rem 1rem;
  font-size: 0.88rem;
  color: #93c5fd;
  margin: 0.8rem 0 0.4rem;
  line-height: 1.5;
}

.tarifs-ttc-encart {
  background: linear-gradient(135deg, rgba(29, 78, 216, 0.1), rgba(34, 197, 94, 0.08));
  border: 1px solid rgba(59, 130, 246, 0.25);
  border-radius: 10px;
  padding: 0.75rem 1.1rem;
  font-size: 0.9rem;
  color: #e5e7eb;
  margin: 0.6rem 0 1rem;
  line-height: 1.55;
}

/* ── V8 Fixes tarifs ─────────────────────────────── */

/* Texte lisible dans toutes les cartes tarifs */
.gssiep-tarifs .card,
.gssiep-tarifs .pricing-card,
.gssiep-tarifs .tarifs-card {
  color: var(--color-text, #e5e7eb);
}
.gssiep-tarifs .pricing-card h3,
.gssiep-tarifs .pricing-card p,
.gssiep-tarifs .pricing-card li {
  color: var(--color-text, #e5e7eb);
}
.gssiep-tarifs .pricing-card .price {
  color: var(--color-primary-soft, #3b82f6);
}
.gssiep-tarifs .pricing-card .price span {
  color: var(--color-muted, #9ca3af);
}

/* Grilles 2 cartes centrées (WE / nuit) */
.pricing-grid-2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
}

/* Grille auto pour jours ouvrés (2 cartes aussi) */
.pricing-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1.5rem;
  justify-items: center;
}

.pricing-card {
  width: 100%;
  text-align: left;
}