/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Child theme Astra — Océan Digital
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/* Grilles */
.hero-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.sous-services{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.etapes-processus{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.arguments-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.temoignages{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.services-associes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.zone-villes{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.zone-ville-item{text-align:center}
.zone-ville-item a{text-decoration:none;color:inherit}
.tarifs-grille{display:flex;flex-direction:column;gap:6px}
.tarif-item{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:12px 18px}
.reassurance-bar{display:flex;flex-wrap:wrap;align-items:center;gap:6px 20px;list-style:none;padding:0}
.reassurance-item{display:flex;align-items:center;gap:8px;white-space:nowrap}

/* Ombres et arrondis structurels */
.benefit-item,.sous-service-item,.etape-item,.argument-item,.temoignage-item,.tarif-item,.zone-ville-item,.service-associe-item{border-radius:10px;box-shadow:0 2px 12px rgba(0,0,0,.08)}
.benefit-item:hover,.argument-item:hover,.service-associe-item:hover,.zone-ville-item:hover{box-shadow:0 6px 24px rgba(0,0,0,.14);transform:translateY(-2px)}

/* Reset fonds — transparent sur tous les blocs */
.benefit-item,.sous-service-item,.etape-item,.argument-item,
.temoignage-item,.tarif-item,.zone-ville-item,.service-associe-item,
.benefit-icon,.argument-icon,.reassurance-icon,.service-associe-icon{
  background:transparent !important;
  background-color:transparent !important;
  border:none !important;
}

/* Étapes */
.etape-num{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:2px solid currentColor !important;font-weight:800;font-size:13px;flex-shrink:0}
.etape-duree{display:inline-block;padding:2px 10px;border:1px solid currentColor !important;border-radius:20px;font-size:11px;font-weight:700;opacity:.7}

/* FAQ */
.faq-section{display:flex;flex-direction:column;gap:6px}
.faq-item{border:1px solid currentColor !important;border-radius:10px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.06)}
.faq-question{cursor:pointer;display:block;padding:14px 44px 14px 18px;margin:0;position:relative;line-height:1.4;user-select:none}
.faq-question::after{content:"";position:absolute;right:18px;top:50%;transform:translateY(-50%) rotate(45deg);width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transition:transform .2s}
.faq-item.faq-open .faq-question::after{transform:translateY(-50%) rotate(-135deg)}
.faq-reponse{display:none;padding:14px 18px;line-height:1.7;border-top:1px solid currentColor;opacity:.9}
.faq-item.faq-open .faq-reponse{display:block}
.faq-reponse p{margin:0 0 .75rem}
.faq-reponse p:last-child{margin-bottom:0}

/* Carte */
.od-carte-wrapper{border-radius:10px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.08)}
.od-carte-container{position:relative;width:100%;padding-top:45%}
.od-carte-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
.od-carte-footer{display:flex;justify-content:flex-end;padding:8px 16px}
.od-carte-link{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:inherit;text-decoration:none;opacity:.8}

/* Fix z-index Elementor */
.elementor-section > .elementor-container{position:relative;z-index:1}
.elementor-widget-container{position:relative;z-index:1}

/* Tablette */
@media (max-width:1024px) and (min-width:769px){
  .hero-benefits,.etapes-processus,.arguments-grid{grid-template-columns:repeat(2,1fr)}
  .sous-services,.temoignages,.services-associes{grid-template-columns:repeat(2,1fr)}
  .zone-villes{grid-template-columns:repeat(3,1fr)}
}

/* Mobile */
@media (max-width:768px){
  .reassurance-bar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .reassurance-bar::-webkit-scrollbar{display:none}
  .reassurance-item{min-width:max-content}
  .hero-benefits{grid-template-columns:repeat(2,1fr);gap:12px}
  .etapes-processus,.arguments-grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .sous-services,.temoignages,.services-associes{grid-template-columns:1fr}
  .zone-villes{grid-template-columns:repeat(2,1fr)}
  .od-carte-container{padding-top:75%}
}