.elementor-54380 .elementor-element.elementor-element-76926dd{--display:flex;}/* Start custom CSS for html, class: .elementor-element-42d8b52 *//* =========================================================
   Senior Sérénité — Article premium local Eupen
   Cible : .ss-article
   CSS personnalisé propre, sobre, lisible, premium
   ========================================================= */

.ss-article{
  --ss-bg:#f6f8fa;
  --ss-card:#ffffff;
  --ss-card-soft:#f9fbfc;
  --ss-text:#1f2f38;
  --ss-text-soft:#5f727d;
  --ss-title:#214b5a;
  --ss-title-dark:#183641;
  --ss-border:#d9e4e8;
  --ss-border-strong:#c5d4da;
  --ss-brand:#3d6878;
  --ss-brand-dark:#2b5361;
  --ss-brand-soft:#e9f1f4;
  --ss-accent:#6f8d99;
  --ss-success-bg:#edf7f2;
  --ss-success-border:#bfd9cb;
  --ss-warning-bg:#fff7ea;
  --ss-warning-border:#ead6ad;
  --ss-alert-bg:#fff0f0;
  --ss-alert-border:#e4b3b3;
  --ss-shadow-sm:0 8px 20px rgba(18,42,51,.06);
  --ss-shadow-md:0 18px 40px rgba(18,42,51,.08);
  --ss-radius-lg:22px;
  --ss-radius-md:16px;
  --ss-radius-sm:12px;
  --ss-max:980px;
  color:var(--ss-text);
  font-size:16.8px;
  line-height:1.78;
  max-width:var(--ss-max);
  margin:0 auto;
  padding:18px 18px 44px;
  word-break:break-word;
}

/* ===== Base ===== */

.ss-article *{
  box-sizing:border-box;
}

.ss-article a{
  color:var(--ss-brand-dark);
  text-decoration:none;
  border-bottom:1px solid rgba(61,104,120,.28);
  transition:.2s ease;
}

.ss-article a:hover{
  color:var(--ss-brand);
  border-bottom-color:rgba(61,104,120,.65);
}

.ss-article p{
  margin:0 0 18px;
}

.ss-article ul,
.ss-article ol{
  margin:0 0 18px 22px;
  padding:0;
}

.ss-article li{
  margin:0 0 10px;
}

.ss-article strong{
  color:var(--ss-title-dark);
}

.ss-article h1,
.ss-article h2,
.ss-article h3{
  margin:0 0 16px;
  line-height:1.22;
  letter-spacing:-0.01em;
  color:var(--ss-title);
}

.ss-article h1{
  font-size:clamp(2rem, 3vw, 2.75rem);
  color:var(--ss-title-dark);
}

.ss-article h2{
  font-size:clamp(1.5rem, 2.4vw, 2rem);
  margin-top:0;
}

.ss-article h3{
  font-size:clamp(1.12rem, 1.9vw, 1.3rem);
  color:var(--ss-title-dark);
}

.ss-article section{
  margin:0 0 26px;
}

/* ===== Header / H1 ===== */

.ss-header{
  background:linear-gradient(180deg,#ffffff 0%, #f8fbfc 100%);
  border:1px solid var(--ss-border);
  border-radius:var(--ss-radius-lg);
  box-shadow:var(--ss-shadow-sm);
  padding:28px 24px 24px;
  margin-bottom:22px;
}

.ss-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:.78rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--ss-brand-dark);
  background:var(--ss-brand-soft);
  border:1px solid var(--ss-border);
  border-radius:999px;
  padding:8px 12px;
  margin-bottom:16px;
}

.ss-h1{
  margin-bottom:14px !important;
}

.ss-meta{
  font-size:.92rem;
  color:var(--ss-text-soft);
  margin-bottom:16px;
}

.ss-meta p{
  margin:0;
}

.ss-intro{
  font-size:1.08rem;
  color:var(--ss-text);
  margin-bottom:18px !important;
}

/* ===== Breadcrumbs ===== */

.ss-breadcrumbs{
  margin-bottom:18px;
}

.ss-breadcrumbs-list{
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 10px;
  margin:0;
  padding:0;
  font-size:.92rem;
  color:var(--ss-text-soft);
}

.ss-breadcrumbs-list li{
  margin:0;
  display:inline-flex;
  align-items:center;
  gap:10px;
}

.ss-breadcrumbs-list li:not(:last-child)::after{
  content:"›";
  color:#8aa0aa;
  font-weight:700;
  margin-left:2px;
}

.ss-breadcrumbs-list a{
  border-bottom:none;
  color:var(--ss-text-soft);
}

.ss-breadcrumbs-list a:hover{
  color:var(--ss-brand-dark);
}

/* ===== CTA buttons ===== */

.ss-btn-primary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:48px;
  padding:13px 20px;
  background:linear-gradient(180deg,var(--ss-brand) 0%, var(--ss-brand-dark) 100%);
  color:#fff !important;
  border:none !important;
  border-radius:999px;
  font-weight:800;
  font-size:.98rem;
  line-height:1.2;
  box-shadow:0 12px 28px rgba(43,83,97,.18);
  transition:transform .18s ease, box-shadow .18s ease, opacity .18s ease;
}

.ss-btn-primary:hover{
  transform:translateY(-1px);
  box-shadow:0 16px 32px rgba(43,83,97,.24);
  opacity:.98;
}

.ss-cta-top,
.ss-cta-final p:last-child{
  margin-top:18px;
}

/* ===== Figures / Images ===== */

.ss-figure{
  background:var(--ss-card);
  border:1px solid var(--ss-border);
  border-radius:var(--ss-radius-lg);
  box-shadow:var(--ss-shadow-sm);
  overflow:hidden;
  margin:0 0 24px;
}

.ss-figure img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
  background:#edf3f5;
}

.ss-figure figcaption{
  padding:14px 18px 16px;
  font-size:.95rem;
  color:var(--ss-text-soft);
  border-top:1px solid var(--ss-border);
  background:#fcfdfd;
}

.ss-figure-top{
  margin-top:-4px;
}

/* ===== Summary / TOC ===== */

.ss-summary,
.ss-toc{
  background:var(--ss-card);
  border:1px solid var(--ss-border);
  border-radius:var(--ss-radius-lg);
  box-shadow:var(--ss-shadow-sm);
  padding:24px 22px;
  margin-bottom:24px;
}

.ss-summary{
  background:linear-gradient(180deg,#ffffff 0%, #fafcfd 100%);
}

.ss-summary h2,
.ss-toc h2{
  margin-bottom:14px;
}

.ss-toc ul,
.ss-summary ul{
  margin:0;
  padding:0;
  list-style:none;
}

.ss-toc li,
.ss-summary li{
  margin:0 0 10px;
}

.ss-toc li:last-child,
.ss-summary li:last-child{
  margin-bottom:0;
}

.ss-toc a{
  display:block;
  padding:10px 12px;
  border:1px solid transparent;
  border-radius:12px;
  background:#f8fbfc;
  color:var(--ss-title-dark);
  border-bottom:none;
}

.ss-toc a:hover{
  background:var(--ss-brand-soft);
  border-color:var(--ss-border);
}

.ss-checklist{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}

.ss-checklist li{
  position:relative;
  padding-left:30px;
  margin-bottom:12px;
}

.ss-checklist li::before{
  content:"✓";
  position:absolute;
  left:0;
  top:1px;
  width:20px;
  height:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:var(--ss-brand-soft);
  color:var(--ss-brand-dark);
  font-size:.84rem;
  font-weight:800;
}

/* ===== Standard content sections ===== */

.ss-article section[id]{
  background:var(--ss-card);
  border:1px solid var(--ss-border);
  border-radius:var(--ss-radius-lg);
  box-shadow:var(--ss-shadow-sm);
  padding:26px 24px;
}

/* ===== Information boxes ===== */

.ss-box-info,
.ss-box-warning,
.ss-box-alert{
  border-radius:var(--ss-radius-md);
  padding:16px 18px;
  margin:18px 0;
  border:1px solid;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45);
}

.ss-box-info{
  background:var(--ss-success-bg);
  border-color:var(--ss-success-border);
  color:#24483a;
}

.ss-box-warning{
  background:var(--ss-warning-bg);
  border-color:var(--ss-warning-border);
  color:#6a5220;
}

.ss-box-alert{
  background:var(--ss-alert-bg);
  border-color:var(--ss-alert-border);
  color:#6a3232;
}

/* ===== Tables ===== */

.ss-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  margin:18px 0 22px;
  border:1px solid var(--ss-border);
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 6px 18px rgba(18,42,51,.04);
  background:#fff;
  font-size:.98rem;
}

.ss-table thead th{
  background:linear-gradient(180deg,#eef4f6 0%, #e7eff2 100%);
  color:var(--ss-title-dark);
  font-weight:800;
  text-align:left;
  padding:14px 16px;
  border-bottom:1px solid var(--ss-border);
}

.ss-table td{
  padding:14px 16px;
  border-bottom:1px solid #e7eef1;
  vertical-align:top;
}

.ss-table tbody tr:last-child td{
  border-bottom:none;
}

.ss-table tbody tr:nth-child(even){
  background:#fbfcfd;
}

/* ===== FAQ ===== */

.ss-faq{
  background:var(--ss-card);
  border:1px solid var(--ss-border);
  border-radius:var(--ss-radius-lg);
  box-shadow:var(--ss-shadow-sm);
  padding:26px 24px;
}

.ss-faq-item{
  padding:16px 0;
  border-bottom:1px solid #e8eef1;
}

.ss-faq-item:last-child{
  border-bottom:none;
  padding-bottom:0;
}

.ss-faq-item:first-of-type{
  padding-top:4px;
}

.ss-faq-item h3{
  margin-bottom:10px;
}

.ss-faq-item p{
  margin-bottom:0;
  color:var(--ss-text);
}

/* ===== Final CTA ===== */

.ss-cta-final{
  background:linear-gradient(180deg,#ffffff 0%, #f3f8fa 100%);
  border:1px solid var(--ss-border-strong);
  border-radius:26px;
  box-shadow:var(--ss-shadow-md);
  padding:30px 24px;
  text-align:left;
}

.ss-cta-final h2{
  margin-bottom:12px;
}

.ss-cta-final p{
  margin-bottom:14px;
}

/* ===== Responsive ===== */

@media (max-width: 1024px){
  .ss-article{
    padding:16px 16px 38px;
  }

  .ss-header,
  .ss-summary,
  .ss-toc,
  .ss-article section[id],
  .ss-faq,
  .ss-cta-final{
    padding:22px 20px;
  }
}

@media (max-width: 767px){
  .ss-article{
    font-size:16px;
    line-height:1.72;
    padding:12px 12px 30px;
  }

  .ss-header,
  .ss-summary,
  .ss-toc,
  .ss-article section[id],
  .ss-faq,
  .ss-cta-final{
    padding:18px 16px;
    border-radius:18px;
  }

  .ss-kicker{
    font-size:.72rem;
    padding:7px 10px;
    margin-bottom:12px;
  }

  .ss-intro{
    font-size:1rem;
  }

  .ss-figure{
    border-radius:18px;
  }

  .ss-figure figcaption{
    padding:12px 14px 14px;
    font-size:.92rem;
  }

  .ss-breadcrumbs-list{
    font-size:.86rem;
    gap:6px 8px;
  }

  .ss-toc a{
    padding:9px 10px;
  }

  .ss-checklist li{
    padding-left:28px;
  }

  .ss-table{
    display:block;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    border-radius:16px;
  }

  .ss-btn-primary{
    width:100%;
    text-align:center;
    padding:14px 16px;
  }
}

@media (max-width: 480px){
  .ss-article h1{
    font-size:1.8rem;
  }

  .ss-article h2{
    font-size:1.35rem;
  }

  .ss-article h3{
    font-size:1.08rem;
  }

  .ss-header,
  .ss-summary,
  .ss-toc,
  .ss-article section[id],
  .ss-faq,
  .ss-cta-final{
    padding:16px 14px;
  }

  .ss-table th,
  .ss-table td{
    padding:12px 12px;
    font-size:.94rem;
  }
}/* End custom CSS */