/* Alertes et notifications de masse */
body.page-template-page-alertes-notifications-masse #primary{
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
}
body.page-template-page-alertes-notifications-masse .ast-container{
  max-width:none;
  padding-left:0;
  padding-right:0;
}
.racine-alert-page{
  background:#fff;
  color:#17324d;
}
.racine-alert-shell{
  width:min(1320px,calc(100% - 48px));
  margin:0 auto;
}
.racine-alert-hero{
  position:relative;
  overflow:hidden;
  padding:76px 0 82px;
  background:
    radial-gradient(circle at 86% 24%,rgba(255,202,60,.20),transparent 24%),
    linear-gradient(135deg,#064f7b 0%,#0f6f9e 54%,#1784ae 100%);
  color:#fff;
}
.racine-alert-hero:after{
  content:"";
  position:absolute;
  left:-5%;
  right:-5%;
  bottom:-38px;
  height:74px;
  background:#fff;
  border-radius:50% 50% 0 0 / 100% 100% 0 0;
}
.racine-alert-hero__grid{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);
  gap:50px;
  align-items:center;
  position:relative;
  z-index:1;
}
.racine-alert-eyebrow{
  display:inline-block;
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#cdeab9;
  margin-bottom:10px;
}
.racine-alert-hero h1{
  margin:0 0 18px;
  color:#fff;
  font-size:clamp(2.45rem,5vw,4.7rem);
  line-height:1.03;
  max-width:900px;
}
.racine-alert-hero p{
  margin:0;
  max-width:780px;
  color:rgba(255,255,255,.92);
  font-size:1.15rem;
  line-height:1.7;
}
.racine-alert-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:30px;
}
.racine-alert-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:50px;
  padding:12px 20px;
  border-radius:12px;
  font-weight:900;
  text-decoration:none!important;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}
.racine-alert-btn:hover{
  transform:translateY(-2px);
}
.racine-alert-btn--primary{
  background:#5d9d38;
  color:#fff!important;
  box-shadow:0 10px 26px rgba(0,0,0,.18);
}
.racine-alert-btn--primary:hover{background:#4e8d2f}
.racine-alert-btn--ghost{
  color:#fff!important;
  border:1px solid rgba(255,255,255,.65);
  background:rgba(255,255,255,.08);
}
.racine-alert-hero__visual{
  position:relative;
  min-height:310px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.racine-alert-megaphone{
  width:190px;
  height:190px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#fff;
  box-shadow:0 22px 50px rgba(0,0,0,.20);
  font-size:6rem;
  position:relative;
  z-index:2;
}
.racine-alert-pulse{
  position:absolute;
  border:2px solid rgba(255,255,255,.42);
  border-radius:50%;
}
.racine-alert-pulse--1{width:230px;height:230px}
.racine-alert-pulse--2{width:285px;height:285px}
.racine-alert-pulse--3{width:340px;height:340px}
.racine-alert-section{
  padding:68px 0;
}
.racine-alert-section--intro{padding-top:44px}
.racine-alert-section--soft{background:#f4f8fb}
.racine-alert-intro-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:28px;
}
.racine-alert-card{
  position:relative;
  padding:30px;
  border:1px solid #dce7ee;
  border-radius:20px;
  background:#fff;
  box-shadow:0 12px 34px rgba(19,50,77,.08);
}
.racine-alert-card--feature{border-top:5px solid #5d9d38}
.racine-alert-card--secure{border-top:5px solid #0b6b9c}
.racine-alert-card__icon{
  width:56px;
  height:56px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#eff7eb;
  font-size:1.65rem;
  margin-bottom:16px;
}
.racine-alert-card--secure .racine-alert-card__icon{background:#edf6fb}
.racine-alert-card h2{
  margin:0 0 12px;
  color:#0b4f79;
  font-size:1.55rem;
}
.racine-alert-card p{
  margin:0;
  color:#506678;
  line-height:1.72;
}
.racine-alert-text-link{
  display:inline-block;
  margin-top:18px;
  color:#0b6b9c!important;
  font-weight:900;
  text-decoration:none!important;
}
.racine-alert-heading{
  max-width:790px;
  margin:0 auto 30px;
  text-align:center;
}
.racine-alert-heading>span{
  color:#5d9d38;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-size:.78rem;
}
.racine-alert-heading h2{
  margin:6px 0 10px;
  color:#0b4f79;
  font-size:clamp(1.9rem,3vw,2.7rem);
}
.racine-alert-heading p{
  margin:0;
  color:#607486;
  line-height:1.65;
}
.racine-alert-situations{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:16px;
}
.racine-alert-situations article{
  min-height:150px;
  padding:22px 16px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  border-radius:18px;
  border:1px solid #dbe6ed;
  background:#fff;
  box-shadow:0 8px 22px rgba(19,50,77,.06);
}
.racine-alert-situations span{
  font-size:2rem;
  margin-bottom:10px;
}
.racine-alert-situations strong{
  color:#17324d;
  line-height:1.35;
}
.racine-alert-note{
  margin:28px auto 0;
  max-width:920px;
  padding:20px 22px;
  border-left:5px solid #f0ad1d;
  border-radius:12px;
  background:#fff8e8;
}
.racine-alert-note strong{
  color:#875900;
}
.racine-alert-note p{
  margin:5px 0 0;
  color:#654e20;
}
.racine-alert-status-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:28px;
}
.racine-alert-status{
  display:flex;
  gap:20px;
  align-items:flex-start;
  padding:30px;
  border-radius:20px;
}
.racine-alert-status--yes{background:#eff8eb;border:1px solid #d2e8c7}
.racine-alert-status--no{background:#fff7e9;border:1px solid #f0ddaf}
.racine-alert-status__badge{
  flex:0 0 48px;
  width:48px;
  height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  font-size:1.4rem;
  font-weight:900;
  background:#fff;
}
.racine-alert-status--yes .racine-alert-status__badge{color:#4d8c2d}
.racine-alert-status--no .racine-alert-status__badge{color:#c07b00}
.racine-alert-status h2{
  margin:0 0 12px;
  color:#0b4f79;
  font-size:1.55rem;
}
.racine-alert-status p,
.racine-alert-status li{
  color:#52687a;
  line-height:1.65;
}
.racine-alert-status ul{
  margin:8px 0 0 20px;
}
.racine-alert-status__small{
  font-size:.94rem;
  margin-bottom:0!important;
}
.racine-alert-section--cta{
  background:linear-gradient(135deg,#073e62,#0a6898);
  color:#fff;
}
.racine-alert-cta{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:30px;
}
.racine-alert-cta h2{
  margin:4px 0 8px;
  color:#fff;
  font-size:clamp(1.8rem,3vw,2.6rem);
}
.racine-alert-cta p{
  margin:0;
  color:rgba(255,255,255,.88);
}
.racine-alert-section--help{background:#fff}
.racine-alert-help{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:22px;
  align-items:center;
  padding:28px 30px;
  border:1px solid #dce7ee;
  border-radius:20px;
  box-shadow:0 10px 28px rgba(19,50,77,.07);
}
.racine-alert-help__icon{
  width:58px;
  height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#edf6fb;
  color:#0b6b9c;
  font-size:1.7rem;
}
.racine-alert-help span{
  color:#5d9d38;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:.75rem;
}
.racine-alert-help h2{
  margin:4px 0 4px;
  color:#0b4f79;
  font-size:1.5rem;
}
.racine-alert-help p{
  margin:0;
  color:#607486;
}
.racine-alert-phone{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 18px;
  border-radius:12px;
  background:#0b6b9c;
  color:#fff!important;
  font-size:1.12rem;
  font-weight:900;
  text-decoration:none!important;
  white-space:nowrap;
}
@media(max-width:1050px){
  .racine-alert-situations{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:850px){
  .racine-alert-hero__grid{grid-template-columns:1fr}
  .racine-alert-hero__visual{min-height:250px}
  .racine-alert-intro-grid,
  .racine-alert-status-grid{grid-template-columns:1fr}
  .racine-alert-cta{align-items:flex-start;flex-direction:column}
  .racine-alert-help{grid-template-columns:auto 1fr}
  .racine-alert-phone{grid-column:1/-1;width:100%}
}
@media(max-width:620px){
  .racine-alert-shell{width:min(100% - 28px,1320px)}
  .racine-alert-hero{padding:54px 0 68px}
  .racine-alert-section{padding:48px 0}
  .racine-alert-situations{grid-template-columns:1fr 1fr}
  .racine-alert-card,.racine-alert-status{padding:22px}
  .racine-alert-help{grid-template-columns:1fr;text-align:center}
  .racine-alert-help__icon{margin:0 auto}
}
@media(max-width:420px){
  .racine-alert-situations{grid-template-columns:1fr}
}
