/* =====================================================
   CUSTOM CSS – OPISMS
   (styles personnalisés – ne pas supprimer)
===================================================== */

/* =========================
   PRICING / TARIFS
========================= */

/* Carte */
.pricing-card,
.single-table{
  background:#ffffff;
  border:1px solid #e5e7eb;
  border-radius:10px;
  box-shadow:0 6px 20px rgba(0,0,0,.08);
  padding:20px 16px;
  height:100%;
  display:flex;
  flex-direction:column;
}

/* En-tête */
.pricing-head,
.table-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  margin-bottom:15px;
}

/* Icône */
.p-icon,
.table-head .icon{
  width:44px;
  height:44px;
  border-radius:10px;
  background:#eaf2ff;
  color:#1976d2;
  display:flex;
  align-items:center;
  justify-content:center;
}

.table-head .icon i{
  font-size:22px;
}

/* Titre */
.p-title,
.table-head .title{
  font-size:18px;
  font-weight:700;
  color:#0f172a;
  margin:0;
}

/* ===== PRIX (FIX PRINCIPAL) ===== */
.p-price{
  font-size:30px !important;
  font-weight:800;
  color:#1976d2 !important;
  display:flex;
  align-items:flex-start;
  gap:2px;
  line-height:1.1;
}

.p-amount{
  font-size:30px;
}

.p-suffix{
  font-size:18px;
  margin-top:8px;
}

/* Ancien prix (au cas où <p class="amount"> existe encore) */
.table-head .price .amount{
  font-size:30px !important;
  font-weight:800 !important;
  color:#1976d2 !important;
}

/* =========================
   LISTE DES OPTIONS
========================= */

.p-list,
.table-list{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:10px;
  flex:1;
}

.p-list li,
.table-list li{
  display:flex;
  align-items:flex-start;
  gap:10px;
  font-size:13px;
  color:#475569;
}

/* Icônes */
.bicon,
.table-list li i{
  width:18px;
  height:18px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  flex-shrink:0;
}

/* OK */
.p-list li.ok .bicon,
.table-list li i.icofont-ui-check{
  background:#1976d2;
  color:#ffffff;
}

/* NON */
.p-list li.no,
.table-list li.cross{
  color:#94a3b8;
}

.p-list li.no .bicon,
.table-list li.cross i{
  background:#cbd5e1;
  color:#ffffff;
}

/* =========================
   TEXTE SPECIAL (SERENITY)
========================= */
.p-note{
  margin:12px 0;
  font-size:12px;
  color:#1e40af;
}

/* =========================
   BOUTON
========================= */

.p-btn,
.table-bottom .btn{
  display:block;
  margin-top:auto;
  background:#1976d2;
  color:#ffffff !important;
  text-align:center;
  padding:10px 12px;
  border-radius:6px;
  font-weight:700;
  text-decoration:none;
  transition:0.2s;
}

.p-btn:hover,
.table-bottom .btn:hover{
  background:#125bb5;
}

/* =========================
   RESPONSIVE
========================= */
@media (max-width: 768px){
  .p-price{
    font-size:26px !important;
  }
}
/* ===== PLANNING FAMILIAL ===== */
.planning-section{
  padding: 50px 0;
  background:#fff;
}

.planning-title{
  font-weight: 800;
  margin-bottom: 6px;
}

.planning-subtitle{
  color:#64748b;
  margin-bottom: 0;
}

.planning-icon{
  font-size: 50px;
  color: rgb(18, 14, 247);
  margin-top: 18px;
}

.hover-card{
  transition: transform .25s ease, box-shadow .25s ease;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 10px;
  min-height: 220px;
}

.hover-card:hover{
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(18, 14, 247, 0.18);
}

.planning-footnote{
  color:#0f172a;
}