/*
 * BDH contribution — v3 staging
 * ACCUEIL: bande éditoriale fondue dans les sections BDH.
 * EXPLORER: carte invitation visible et fermable durablement.
 * Respecte la palette de l'accueil : #142733, #e23725, #08777d.
 */
.bdh-contrib-promo,.bdh-contrib-promo *{box-sizing:border-box}
.bdh-contrib-promo{position:relative;font-family:Inter,Arial,sans-serif;color:#142733}
.bdh-contrib-promo__copy{min-width:0}
.bdh-contrib-promo__copy h2,.bdh-contrib-promo__copy p{margin:0}
.bdh-contrib-promo__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}
.bdh-contrib-promo__icon svg{display:block}
.bdh-contrib-promo__eyebrow{display:block;font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.bdh-contrib-promo__meta{display:block}
.bdh-contrib-promo__link{display:inline-flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap;text-decoration:none!important;font-family:Inter,Arial,sans-serif;font-weight:700;transition:background-color .18s,color .18s,border-color .18s}
.bdh-contrib-promo__arrow{font-size:19px;line-height:1}
.bdh-contrib-promo__link:focus-visible,.bdh-contrib-promo__dismiss:focus-visible{outline:3px solid #dc4330;outline-offset:3px}

/* Alternance accueil : fond ivoire autonome entre la selection blanche
   des Vestiges et les destinations sur fond bleu clair. */
.bdh-contrib-home-band{
  display:block;
  width:100%;
  background:#fffdfa;
  padding:22px 0 24px;
  border:0;
}
.bdh-contrib-home-band .bdh-contrib-promo--home{
  margin:0 auto;
  border-top-color:#eee5da;
  border-bottom-color:#eee5da;
}
@media(max-width:680px){
  .bdh-contrib-home-band{padding:15px 0 20px}
  .bdh-contrib-home-band .bdh-contrib-promo--home{
    margin:0 15px;
  }
}

/* Accueil : un interlude éditorial dans la trame de la page.
   Pas de carte flottante, ni ombre, ni fond indépendant. */
.bdh-contrib-promo--home{
  display:grid;
  grid-template-columns:56px minmax(0,1fr) auto;
  align-items:center;
  column-gap:24px;
  max-width:1108px;
  width:calc(100% - 48px);
  margin:14px auto 20px;
  padding:22px 3px 24px;
  background:transparent;
  border-top:1px solid #dbe9e7;
  border-bottom:1px solid #dbe9e7;
  border-radius:0;
  box-shadow:none;
}
.bdh-contrib-promo--home .bdh-contrib-promo__icon{
  width:56px;height:56px;border-radius:50%;
  background:#e3f0ef;color:#08777d;
}
.bdh-contrib-promo--home .bdh-contrib-promo__icon svg{width:27px;height:27px}
.bdh-contrib-promo--home .bdh-contrib-promo__eyebrow{color:#d43b2c;margin:0 0 7px}
.bdh-contrib-promo--home .bdh-contrib-promo__copy h2{
  color:#142733;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(24px,2.2vw,29px);
  font-weight:700;
  line-height:1.13;
  letter-spacing:-.028em;
  margin:0 0 7px;
}
.bdh-contrib-promo--home .bdh-contrib-promo__copy p{
  max-width:620px;color:#52636a;font:400 14px/1.5 Inter,Arial,sans-serif;
}
.bdh-contrib-promo--home .bdh-contrib-promo__meta{
  color:#667880;font:500 11px/1.4 Inter,Arial,sans-serif;margin-top:8px;
}
.bdh-contrib-promo--home .bdh-contrib-promo__link{
  padding:12px 15px;
  border:1px solid #cddfdb;
  border-radius:9px;
  color:#183744!important;
  background:#fffdfa;
  font-size:13px;
}
.bdh-contrib-promo--home .bdh-contrib-promo__link:hover{
  border-color:#e23725;color:#cc3224!important;background:#fff;
}
.bdh-contrib-promo--home .bdh-contrib-promo__dismiss{display:none}

/* Explorer : vraie invitation visible, délibérément plus marquée qu'avant.
   Teinte légèrement bleutée, repère turquoise et CTA rouge BDH. */
.bdh-contrib-promo--explore{
  display:grid;
  grid-template-columns:50px minmax(0,1fr) auto;
  gap:16px;
  align-items:center;
  width:calc(100% - 28px);
  margin:13px 14px 16px;
  padding:18px 58px 18px 21px;
  border:1px solid #cbdedb;
  border-left:4px solid #08777d;
  border-radius:12px;
  background:linear-gradient(105deg,#eef8f7 0%,#f7fbfa 77%,#fffdfa 100%);
  box-shadow:0 4px 14px rgba(20,39,51,.06);
}
.bdh-contrib-promo--explore .bdh-contrib-promo__icon{
  width:48px;height:48px;
  border:1px solid #c9e7e2;
  border-radius:12px;
  background:#fff;
  color:#08777d;
}
.bdh-contrib-promo--explore .bdh-contrib-promo__icon svg{width:25px;height:25px}
.bdh-contrib-promo--explore .bdh-contrib-promo__copy h2{
  font-family:Inter,Arial,sans-serif;
  font-size:18px;font-weight:750;line-height:1.28;letter-spacing:-.015em;
  color:#142733;margin:0 0 5px;
}
.bdh-contrib-promo--explore .bdh-contrib-promo__copy p{
  font:400 13px/1.5 Inter,Arial,sans-serif;color:#53676b;
}
.bdh-contrib-promo--explore .bdh-contrib-promo__meta{
  margin:7px 0 0;font:500 11px/1.35 Inter,Arial,sans-serif;color:#637c7d;
}
.bdh-contrib-promo--explore .bdh-contrib-promo__eyebrow{display:none}
.bdh-contrib-promo--explore .bdh-contrib-promo__link{
  padding:12px 17px;border-radius:9px;border:1px solid #e23725;
  background:#e23725;color:#fff!important;font-size:13px;line-height:1.25;
}
.bdh-contrib-promo--explore .bdh-contrib-promo__link:hover{
  background:#ba2f23;border-color:#ba2f23;color:#fff!important;
}
.bdh-contrib-promo__dismiss{
  position:absolute;top:9px;right:10px;
  display:inline-flex;align-items:center;justify-content:center;
  width:32px;height:32px;padding:5px;
  border:0;border-radius:50%;
  background:transparent;color:#61777a;
  cursor:pointer;z-index:3;
}
.bdh-contrib-promo__dismiss:hover{color:#142733;background:#dbeae7}
.bdh-contrib-promo__dismiss svg{pointer-events:none}
html.bdh-explore-promo-dismissed .bdh-contrib-promo--explore,
.bdh-contrib-promo--explore[hidden]{display:none!important}

/* Responsive: Explorer reste lisible et l'action utilisable sur mobile. */
@media(max-width:950px){
  .bdh-contrib-promo--home{
    grid-template-columns:50px minmax(0,1fr);
    gap:13px 18px;
  }
  .bdh-contrib-promo--home .bdh-contrib-promo__icon{width:50px;height:50px}
  .bdh-contrib-promo--home .bdh-contrib-promo__link{
    grid-column:2;justify-self:start;margin:0;
  }
  .bdh-contrib-promo--explore{grid-template-columns:43px minmax(0,1fr);gap:11px 14px}
  .bdh-contrib-promo--explore .bdh-contrib-promo__icon{width:43px;height:43px}
  .bdh-contrib-promo--explore .bdh-contrib-promo__link{grid-column:2;justify-self:start}
}
@media(max-width:600px){
  .bdh-contrib-promo--home{
    width:calc(100% - 30px);margin:9px 15px 17px;
    grid-template-columns:42px minmax(0,1fr);gap:9px 12px;
    padding:19px 0 20px;
  }
  .bdh-contrib-promo--home .bdh-contrib-promo__icon{width:42px;height:42px}
  .bdh-contrib-promo--home .bdh-contrib-promo__icon svg{width:22px;height:22px}
  .bdh-contrib-promo--home .bdh-contrib-promo__eyebrow{font-size:10px;margin-bottom:5px}
  .bdh-contrib-promo--home .bdh-contrib-promo__copy h2{font-size:23px;line-height:1.14}
  .bdh-contrib-promo--home .bdh-contrib-promo__copy p{font-size:13px}
  .bdh-contrib-promo--home .bdh-contrib-promo__meta{font-size:10px}
  .bdh-contrib-promo--home .bdh-contrib-promo__link{
    grid-column:1/-1;justify-self:stretch;min-height:45px;margin-top:5px;
  }
  .bdh-contrib-promo--explore{
    width:calc(100% - 20px);margin:10px 10px 12px;
    grid-template-columns:40px minmax(0,1fr);
    gap:9px 11px;
    padding:15px 42px 15px 13px;
    border-radius:10px;
  }
  .bdh-contrib-promo--explore .bdh-contrib-promo__icon{width:40px;height:40px;border-radius:9px}
  .bdh-contrib-promo--explore .bdh-contrib-promo__icon svg{width:21px;height:21px}
  .bdh-contrib-promo--explore .bdh-contrib-promo__copy h2{font-size:15px;line-height:1.3;margin-bottom:5px}
  .bdh-contrib-promo--explore .bdh-contrib-promo__copy p{font-size:12px}
  .bdh-contrib-promo--explore .bdh-contrib-promo__meta{font-size:10px}
  .bdh-contrib-promo--explore .bdh-contrib-promo__link{
    grid-column:1/-1;justify-self:stretch;min-height:42px;margin:4px 0 0;padding:10px 13px;
    font-size:13px;
  }
  .bdh-contrib-promo__dismiss{top:7px;right:7px;width:30px;height:30px}
}
@media(prefers-color-scheme:dark){
  .bdh-contrib-promo{color:#d0d9d5}
  .bdh-contrib-home-band{background:#242321}
  .bdh-contrib-home-band .bdh-contrib-promo--home{border-color:#4c5e58}
  .bdh-contrib-promo--home .bdh-contrib-promo__copy h2,.bdh-contrib-promo--explore .bdh-contrib-promo__copy h2{color:#f4efe8}
  .bdh-contrib-promo--home .bdh-contrib-promo__copy p,.bdh-contrib-promo--explore .bdh-contrib-promo__copy p{color:#d0d9d5}
  .bdh-contrib-promo--home .bdh-contrib-promo__meta,.bdh-contrib-promo--explore .bdh-contrib-promo__meta{color:#c0cec8}
  .bdh-contrib-promo--home .bdh-contrib-promo__eyebrow{color:#ff9f90}
  .bdh-contrib-promo--home .bdh-contrib-promo__link{background:#23352f;color:#e5f0ef!important;border-color:#7fa79a}
  .bdh-contrib-promo--explore{background:linear-gradient(105deg,#203a36,#24302d);border-color:#6c9385;border-left-color:#82c9c4}
  .bdh-contrib-promo__icon,.bdh-contrib-promo--home .bdh-contrib-promo__icon,.bdh-contrib-promo--explore .bdh-contrib-promo__icon{background:#27463e;color:#a6e2d3;border-color:#7aab9b}
  .bdh-contrib-promo__dismiss{color:#e1eee7}
  .bdh-contrib-promo__dismiss:hover{color:#fff;background:#425e51}
}
body.dark-mode .bdh-contrib-promo--home,body.dark .bdh-contrib-promo--home,
html[data-theme="dark"] .bdh-contrib-promo--home{border-color:#40545a;color:#f3f6f6}
body.dark-mode .bdh-contrib-promo--home .bdh-contrib-promo__copy h2,body.dark .bdh-contrib-promo--home .bdh-contrib-promo__copy h2,html[data-theme="dark"] .bdh-contrib-promo--home .bdh-contrib-promo__copy h2{color:#f3f6f6}
body.dark-mode .bdh-contrib-promo--home .bdh-contrib-promo__copy p,body.dark .bdh-contrib-promo--home .bdh-contrib-promo__copy p,html[data-theme="dark"] .bdh-contrib-promo--home .bdh-contrib-promo__copy p{color:#d0dcdf}
body.dark-mode .bdh-contrib-promo--home .bdh-contrib-promo__meta,body.dark .bdh-contrib-promo--home .bdh-contrib-promo__meta{color:#bacbce}
body.dark-mode .bdh-contrib-promo--home .bdh-contrib-promo__link,body.dark .bdh-contrib-promo--home .bdh-contrib-promo__link{background:#1e2d32;color:#e5f0ef!important;border-color:#637d83}
body.dark-mode .bdh-contrib-promo--explore,body.dark .bdh-contrib-promo--explore,
html[data-theme="dark"] .bdh-contrib-promo--explore{background:linear-gradient(105deg,#203338,#202c32);border-color:#507078;border-left-color:#63b8b4}
body.dark-mode .bdh-contrib-promo--explore .bdh-contrib-promo__copy h2,body.dark .bdh-contrib-promo--explore .bdh-contrib-promo__copy h2,html[data-theme="dark"] .bdh-contrib-promo--explore .bdh-contrib-promo__copy h2{color:#f4f7f7}
body.dark-mode .bdh-contrib-promo--explore .bdh-contrib-promo__copy p,body.dark .bdh-contrib-promo--explore .bdh-contrib-promo__copy p,html[data-theme="dark"] .bdh-contrib-promo--explore .bdh-contrib-promo__copy p{color:#d1e0e1}
body.dark-mode .bdh-contrib-promo--explore .bdh-contrib-promo__meta,body.dark .bdh-contrib-promo--explore .bdh-contrib-promo__meta{color:#b5cdd0}
body.dark-mode .bdh-contrib-promo__dismiss,body.dark .bdh-contrib-promo__dismiss{color:#e9f5f3}
@media(prefers-reduced-motion:reduce){.bdh-contrib-promo__link{transition:none}}