/* ===========================================================================
   Pages Agence (CPT agence) + maillage .agence-pill
   Couleurs marque : rouge #EF2B20, vert #BDFF00, beige #F6EEDF, noir #000
   =========================================================================== */

#agence-page .agence-container{width:80%;max-width:1480px;margin:0 auto;}
#agence-page .agence-section{padding:50px 0;}
#agence-page .agence-section__title{font-size:40px;line-height:1.3em;margin:0 0 .5em;}
@media (max-width:980px){#agence-page .agence-section__title{font-size:26px;}}
#agence-page .agence-richtext{line-height:1.7em;}
#agence-page .agence-richtext p{margin:0 0 1em;}
#agence-page .agence-richtext :last-child{margin-bottom:0;}
.surbrillance{background:#BDFF00;padding:0 .12em;}

/* --- HERO --- */
.agence-hero{position:relative;display:flex;align-items:center;min-height:80vh;
  background-color:#191C27;background-size:cover;background-position:center;color:#fff;}
.agence-hero__overlay{position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.45) 100%);}
.agence-hero__inner{position:relative;z-index:2;padding:7% 0;}
.agence-hero__eyebrow{text-transform:uppercase;letter-spacing:.12em;font-weight:600;margin:0 0 .6em;}
.agence-hero__title{color:#fff;font-size:40px;line-height:1.1em;margin:0 0 .4em;max-width:620px;}
@media (max-width:980px){.agence-hero__title{font-size:34px;}}
.agence-hero__intro{font-size:18px;line-height:1.7em;max-width:620px;margin-bottom:1.6em;}
.agence-hero__intro p{color:#fff;}
.agence-hero__btn{display:inline-block;background:#EF2B20;color:#fff;font-weight:600;
  border-radius:100px;padding:16px 32px;text-decoration:none;transition:background .2s;white-space:nowrap;}
.agence-hero__btn:hover{background:#BDFF00;color:#000;}

/* --- BLOC « Paris au service de … » : cartes --- */
.agence-cards{display:flex;gap:30px;flex-wrap:wrap;margin-top:2.4em;}
.agence-card{flex:1 1 320px;border-radius:25px;padding:40px;}
.agence-card h3{margin-top:0;}
.agence-card--red{background:rgba(239,43,32,.85);color:#fff;}
.agence-card--red h3,.agence-card--red p,.agence-card--red li{color:#fff;}
.agence-card--beige{background:#F6EEDF;color:#000;}

/* --- EXPERTISES : accordéons --- */
.agence-expertises .agence-richtext{max-width:900px;margin-bottom:1em;}
.agence-exp{display:flex;gap:30px;flex-wrap:wrap;margin-top:2em;align-items:flex-start;}
.agence-exp__col{flex:1 1 460px;display:flex;flex-direction:column;gap:20px;}
.agence-toggle{border-radius:25px;padding:0 50px;overflow:hidden;}
.agence-toggle>summary{list-style:none;cursor:pointer;font-size:22px;font-weight:600;
  padding:28px 0;position:relative;outline:none;}
.agence-toggle>summary::-webkit-details-marker{display:none;}
.agence-toggle>summary::after{content:"+";position:absolute;right:-30px;top:50%;
  transform:translateY(-50%);font-size:28px;line-height:1;font-weight:400;}
.agence-toggle[open]>summary::after{content:"\2013";}
.agence-toggle__body{padding:0 0 28px;line-height:1.7em;}
.agence-toggle__body :last-child{margin-bottom:0;}
.agence-toggle--red{background:rgba(239,43,32,.7);color:#fff;}
.agence-toggle--red summary,.agence-toggle--red .agence-toggle__body,
.agence-toggle--red p,.agence-toggle--red li{color:#fff;}
.agence-toggle--green{background:#BDFF00;color:#000;}
.agence-toggle--beige{background:#F6EEDF;color:#000;}
.agence-toggle--black{background:#000;color:#fff;}
.agence-toggle--black summary,.agence-toggle--black .agence-toggle__body,
.agence-toggle--black p,.agence-toggle--black li{color:#fff;}

/* --- MAILLAGE : « Nos autres agences » (titre à gauche, pastilles à droite) --- */
.agence-autres-wrap .agence-container{display:flex;flex-wrap:wrap;gap:24px;
  justify-content:space-between;align-items:center;}
.agence-autres-wrap .agence-section__title{margin:0;}
.agence-pills{display:flex;flex-wrap:wrap;gap:18px;justify-content:flex-end;}
.agence-pill{display:inline-block;background:#EF2B20;border-radius:100px;
  padding:8px 20px;text-decoration:none;transition:background .2s,color .2s;}
.agence-pill span{color:#fff;font-weight:600;font-size:16px;}
.agence-pill:hover{background:#BDFF00;}
.agence-pill:hover span{color:#000;}
.agence-pill--current{background:#BDFF00;cursor:default;pointer-events:none;}
.agence-pill--current span{color:#000;}
@media (max-width:980px){
  .agence-autres-wrap .agence-container{justify-content:center;}
  .agence-pills{justify-content:center;}
}

/* --- CONTACT + CARTE (statique, partagé) --- */
.agence-contact .agence-container{display:flex;gap:30px;flex-wrap:wrap;align-items:stretch;max-width:740px;}
.agence-contact__card{flex:0 0 290px;max-width:290px;background:#EF2B20;color:#fff;
  border-radius:25px;padding:36px;display:flex;flex-direction:column;}
.agence-contact__card h3{color:#fff;margin:0 0 .2em;font-size:32px;font-weight:500;line-height:1.2em;}
.agence-contact__meta{margin:0 0 24px;line-height:1.7em;}
.agence-contact__meta a{color:#fff;text-decoration:none;}
.agence-contact__photo{margin-top:auto;border-radius:25px;overflow:hidden;flex:1 1 auto;min-height:220px;}
.agence-contact__photo img{display:block;width:100%;height:100%;object-fit:cover;}
.agence-contact__map{flex:1 1 auto;border-radius:25px;overflow:hidden;min-height:452px;}
.agence-contact__map iframe{width:100%;height:100%;min-height:452px;border:0;display:block;}
@media (max-width:980px){
  .agence-contact .agence-container{max-width:none;}
  .agence-contact__card{max-width:none;flex:1 1 100%;}
  .agence-contact__photo{min-height:280px;}
}

/* --- CTA « Vous souhaitez en savoir plus ? » (noir, partagé) --- */
.agence-vous-souhaitez{background:#000;color:#fff;border-radius:0;
  margin:50px 0;padding:60px 0;width:100%;}
.agence-vs__inner{display:flex;flex-wrap:wrap;gap:30px;align-items:center;justify-content:space-between;}
.agence-vs__text{flex:1 1 420px;}
.agence-vous-souhaitez h2{color:#fff;font-size:40px;line-height:1.2em;margin:0 0 .5em;}
.agence-vs__sub{color:#BDFF00;font-weight:600;font-size:20px;line-height:1.5em;margin:0;}
.agence-vs__btn{display:inline-block;background:#EF2B20;color:#fff;font-weight:600;
  border-radius:100px;padding:16px 32px;text-decoration:none;transition:background .2s;white-space:nowrap;}
.agence-vs__btn:hover{background:#BDFF00;color:#000;}
@media (max-width:980px){.agence-vous-souhaitez h2{font-size:28px;}.agence-vs__sub{font-size:17px;}
  .agence-vs__inner{justify-content:center;text-align:center;}.agence-vs__btn{white-space:normal;}}

/* --- TÉMOIGNAGES (fond beige + cartes blanches) --- */
.agence-temoignages{background:#F6EEDF;}
.agence-temoignages__carousel{overflow:visible;}
.agence-temoignages .dipi-carousel-child-wrapper{background:#fff;border-radius:20px;
  padding:34px 30px;box-shadow:0 12px 30px rgba(0,0,0,.07);height:100%;margin:10px;}
.agence-temoignages .dipi-carousel-item-title,
.agence-temoignages .dipi_carousel_child h2,
.agence-temoignages .dipi_carousel_child h3,
.agence-temoignages .dipi_carousel_child h4{font-size:22px;line-height:1.2em;margin:0 0 4px;}
.agence-temoignages .dipi-carousel-item-desc{line-height:1.6em;}
.agence-temoignages .dipi-carousel-image img,
.agence-temoignages .et_pb_main_blurb_image img{width:64px;height:64px;border-radius:50%;object-fit:cover;}

/* --- FORMULAIRE DE CONTACT (statique) --- */
.agence-form__inner{display:flex;flex-wrap:wrap;gap:50px;align-items:flex-start;}
.agence-form__left{flex:1 1 340px;}
.agence-form__right{flex:1 1 520px;}
.agence-form__title{color:#EF2B20;font-size:42px;line-height:1.1em;margin:0 0 .6em;}
.agence-form__lead{font-weight:700;font-size:20px;line-height:1.4em;margin:0 0 1.4em;}
.agence-form__contact{line-height:1.8em;margin:0;}
.agence-form__contact a{color:inherit;text-decoration:none;}
.agence-form__contact a:hover{text-decoration:underline;}
.agence-form__row{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:20px;}
.agence-form__row input{flex:1 1 200px;}
.agence-form__form input,.agence-form__form textarea{width:100%;border:1px solid #d9d9d9;
  border-radius:14px;padding:16px 20px;font-size:16px;font-family:inherit;box-sizing:border-box;background:#fff;}
.agence-form__form textarea{border-radius:20px;margin-bottom:20px;resize:vertical;display:block;}
.agence-form__form input:focus,.agence-form__form textarea:focus{outline:none;border-color:#EF2B20;}
.agence-form__hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0;}
.agence-form__foot{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;}
.agence-form__req{color:#888;}
.agence-form__btn{background:#EF2B20;color:#fff;font-weight:600;border:0;border-radius:100px;
  padding:16px 34px;font-size:16px;cursor:pointer;transition:background .2s,color .2s;}
.agence-form__btn:hover{background:#BDFF00;color:#000;}
.agence-form__btn:disabled{opacity:.6;cursor:default;}
.agence-form__status{margin:14px 0 0;font-weight:600;}
.agence-form__status.is-ok{color:#1a7f37;}
.agence-form__status.is-err{color:#EF2B20;}
@media (max-width:980px){.agence-form__title{font-size:28px;}}