/* ============================================================
   THÈME OCTOBRE ROSE — J&Auto Valise Diagnostique
   Actif uniquement quand <html> porte la classe .octobre-rose
   (ajoutée automatiquement du 1er au 31 octobre par octobre-rose.js).
   Les couleurs du site restent rouges : le rose est réservé
   aux éléments Octobre Rose, pour qu'ils ressortent.
   ============================================================ */

/* 1. Bandeau rose en haut de page */
.or-banner{
  position:relative;
  background:linear-gradient(90deg,#ad1f52 0%,#d6336c 55%,#e45a8c 100%);
  color:#fff;
  font-family:'Inter',system-ui,-apple-system,sans-serif;
  font-size:.8rem;line-height:1.35;
}
.or-banner-inner{
  max-width:1160px;margin:0 auto;
  display:flex;align-items:center;justify-content:center;gap:10px;
  padding:6px 44px 6px 16px;
}
.or-banner svg{flex-shrink:0;width:12px;height:17px;}
.or-banner strong{font-weight:800;}
.or-banner a{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:3px;white-space:nowrap;}
.or-banner a:hover{opacity:.85;}
.or-close{
  position:absolute;right:10px;top:50%;transform:translateY(-50%);
  width:26px;height:26px;border:0;border-radius:50%;
  background:rgba(255,255,255,.16);color:#fff;
  font-size:1rem;line-height:1;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
}
.or-close:hover{background:rgba(255,255,255,.3);}
@media (max-width:640px){
  .or-banner{font-size:.8rem;}
  .or-banner .or-long{display:none;}
}

/* 2. Ruban à côté du logo */
.or-ribbon-badge{display:inline-flex;width:13px;height:18px;margin-left:2px;flex-shrink:0;vertical-align:middle;}
.or-ribbon-badge svg{width:100%;height:100%;display:block;}
@media (max-width:640px){ .or-ribbon-badge{display:none;} }

/* 3. Encart Octobre Rose (version claire et compacte, pour ne pas
      concurrencer les boutons "Réserver" / "Estimer mon tarif") */
.or-feature-wrap{max-width:1160px;margin:0 auto 44px;padding:0 24px;}
.or-feature-wrap--bottom{max-width:960px;margin:40px auto;}
.or-feature{
  position:relative;overflow:hidden;
  display:flex;align-items:center;gap:18px;
  padding:18px 22px;border-radius:16px;
  background:#fdf0f4;border:1px solid #f6d3df;
  color:#3d1828;
  font-family:'Inter',system-ui,-apple-system,sans-serif;
}
.or-feature-ribbon{
  width:46px;height:46px;border-radius:12px;flex-shrink:0;
  background:#fff;border:1px solid #f6d3df;
  display:flex;align-items:center;justify-content:center;
}
.or-feature-ribbon svg{width:18px;height:25px;}
.or-feature-txt{flex:1;min-width:0;}
.or-feature-kicker{
  display:block;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:#ad1f52;margin-bottom:3px;
}
.or-feature h2{margin:0 0 3px;font-size:1.02rem;line-height:1.3;font-weight:800;color:#3d1828;letter-spacing:-.01em;}
.or-feature p{margin:0;font-size:.86rem;line-height:1.5;color:#7a4a5e;}
.or-feature-btn{
  flex-shrink:0;display:inline-flex;align-items:center;gap:6px;
  color:#ad1f52;text-decoration:none;font-weight:700;font-size:.86rem;white-space:nowrap;
  padding:9px 16px;border-radius:999px;border:1.5px solid #e9a3bd;background:#fff;
  transition:background .15s ease,border-color .15s ease;
}
.or-feature-btn:hover{background:#fde3ec;border-color:#d6336c;}

@media (max-width:720px){
  .or-feature{flex-wrap:wrap;gap:12px;padding:16px;}
  .or-feature-ribbon{width:38px;height:38px;align-self:flex-start;}
  .or-feature-txt{flex-basis:calc(100% - 60px);}
  .or-feature-btn{margin-left:50px;}
}
@media (max-width:640px){
  .or-feature-wrap{padding:0 16px;margin-bottom:32px;}
  .or-feature-wrap--bottom{margin:28px auto;}
}

@media print{.or-banner,.or-feature-wrap{display:none !important;}}