/* ==========================================================================
   BICEC - Conditions Tarifaires : section "Nos Tarifs"
   Bloc : tarifs   (wrapper-tarifs > container > wrap-tarifs > item-tarifs)
   Styles scopes sous .wrapper-tarifs pour ne pas interferer avec le global.
   ========================================================================== */
.wrapper-tarifs{
  --primary-color:#E8730E;
  --primary-deep:#C4560A;
  --ink:#2C0B07;
  --body:#6f655f;
  --second-color:#8a807a;
  --white:#ffffff;
  --line:#ECEAE8;
  --hair:#EFEDEB;
  --tint:rgba(232,115,14,.09);
  --ease:.25s ease;
  --display:'Poppins',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --sans:'Open Sans',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;

  background:#F4F4F5;
  padding:64px 24px;
  font-family:var(--sans);
}
.wrapper-tarifs *{box-sizing:border-box;}
.wrapper-tarifs .container{width:100%;max-width:1200px;margin:0 auto;padding:0;}

/* ---- En-tete ---- */
.wrapper-tarifs .tarifs-entete{text-align:center;max-width:660px;margin:0 auto 46px;}
.wrapper-tarifs .tarifs-titre{
  font-family:var(--display);font-weight:700;
  font-size:clamp(28px,4vw,36px);letter-spacing:-.015em;
  color:var(--ink);margin:0;line-height:1.15;
}
.wrapper-tarifs .tarifs-rule{display:block;width:56px;height:4px;border-radius:4px;background:var(--primary-color);margin:18px auto 20px;}
.wrapper-tarifs .tarifs-intro{font-size:16px;line-height:1.65;color:var(--body);margin:0;}

/* ---- Grille ---- */
.wrapper-tarifs .wrap-tarifs{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}

/* ---- Carte document ---- */
.wrapper-tarifs .item-tarifs{
  background:var(--white);border:1px solid var(--line);border-radius:16px;
  padding:30px 28px 26px;display:flex;flex-direction:column;
  box-shadow:0 1px 2px rgba(44,11,7,.04),0 14px 30px -20px rgba(44,11,7,.22);
  transition:box-shadow var(--ease),transform var(--ease),border-color var(--ease);
}
.wrapper-tarifs .item-tarifs:hover{
  transform:translateY(-4px);border-color:#e2dcd6;
  box-shadow:0 2px 4px rgba(44,11,7,.05),0 22px 42px -22px rgba(44,11,7,.30);
}

.wrapper-tarifs .tarifs-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;}
.wrapper-tarifs .tarifs-icone{
  width:52px;height:52px;flex:0 0 52px;border-radius:14px;background:var(--tint);
  display:flex;align-items:center;justify-content:center;color:var(--primary-color);
}
.wrapper-tarifs .tarifs-icone svg{width:26px;height:26px;}

.wrapper-tarifs .tarifs-revision{
  display:inline-flex;align-items:center;gap:6px;background:#F6F4F2;color:var(--second-color);
  border:1px solid var(--hair);border-radius:999px;padding:5px 11px 5px 9px;
  font-size:12.5px;font-weight:600;white-space:nowrap;
}
.wrapper-tarifs .tarifs-revision svg{width:13px;height:13px;opacity:.85;}

.wrapper-tarifs .tarifs-nom{font-family:var(--display);font-weight:600;font-size:18px;color:var(--ink);margin:20px 0 8px;line-height:1.3;}
.wrapper-tarifs .tarifs-desc{font-size:14.5px;line-height:1.6;color:var(--body);margin:0;flex:1 1 auto;}

.wrapper-tarifs .tarifs-format{
  display:flex;align-items:center;gap:8px;color:var(--second-color);font-size:13px;font-weight:600;
  padding:16px 0 20px;margin-top:18px;border-top:1px solid var(--hair);
}
.wrapper-tarifs .tarifs-format svg{width:16px;height:16px;color:#C4534A;flex:0 0 16px;}

.wrapper-tarifs .tarifs-btn{
  margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;
  background:var(--primary-color);color:var(--white);font-family:var(--display);font-weight:600;font-size:15px;
  text-decoration:none;padding:13px 16px;border-radius:11px;
  transition:background .2s ease,transform .12s ease,box-shadow .2s ease;
}
.wrapper-tarifs .tarifs-btn svg{width:17px;height:17px;}
.wrapper-tarifs .tarifs-btn:hover{background:var(--primary-deep);transform:translateY(-1px);box-shadow:0 10px 20px -10px rgba(196,86,10,.75);color:var(--white);}
.wrapper-tarifs .tarifs-btn:focus-visible{outline:3px solid rgba(232,115,14,.4);outline-offset:2px;}

/* ---- Note bas de section ---- */
.wrapper-tarifs .tarifs-note{display:flex;align-items:center;justify-content:center;gap:8px;margin:38px auto 0;color:var(--second-color);font-size:13.5px;}
.wrapper-tarifs .tarifs-note svg{width:16px;height:16px;color:var(--primary-color);}

/* ---- Responsive (max-width, cascade descendante) ---- */
@media (max-width:899px){
  .wrapper-tarifs{padding:52px 20px;}
  .wrapper-tarifs .wrap-tarifs{grid-template-columns:1fr;}
  .wrapper-tarifs .tarifs-entete{margin-bottom:36px;}
}
@media (prefers-reduced-motion:reduce){
  .wrapper-tarifs *{transition:none !important;}
  .wrapper-tarifs .item-tarifs:hover,.wrapper-tarifs .tarifs-btn:hover{transform:none;}
}