.svc-reglement.svc-page{
  --g-dark:#0E5A3C; --g-mid:#1B7A52; --g-soft:#DDEFE3; --g-bg:#F4F9F5;
  --g-line:#CFE5D6; --ink:#26352d; --muted:#5d6f65; --lime:#8CD35A;
  --svc-font-body:'Barlow',Arial,sans-serif;
  --svc-font-heading:'Barlow Condensed','Barlow',Arial,sans-serif;
  font-family:'Barlow',Arial,sans-serif;
  color:var(--ink); background:var(--g-bg); line-height:1.5;
  overflow-x:clip;
}
.svc-reglement.svc-page *{box-sizing:border-box}

/* ---------- LISTE ---------- */
.svc-reglement .svc-wrap{max-width:760px; margin:0 auto; padding:0px 0px 0px}
.svc-reglement .svc-item{
  background:#fff; border:1px solid #E6EFE8; border-radius:12px; margin:0 0 10px;
  box-shadow:0 1px 6px rgba(14,90,60,.08); overflow:hidden;
}
.svc-reglement .svc-item summary{
  display:flex; align-items:center; gap:14px; padding:12px 16px 12px 12px;
  min-height:62px; cursor:pointer; list-style:none;
}
.svc-reglement .svc-item summary::-webkit-details-marker{display:none}
.svc-reglement .svc-item summary:focus-visible{outline:3px solid var(--lime); outline-offset:-3px}
.svc-reglement .svc-ico{
  flex:0 0 48px; width:48px; height:48px; border-radius:50%;
  background:var(--g-soft); display:grid; place-items:center;
}
.svc-reglement .svc-ico svg{width:24px; height:24px; stroke:var(--g-dark); fill:none; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round}
.svc-reglement .svc-txt{flex:1; min-width:0; display:flex; flex-direction:column}
.svc-reglement .svc-txt b{color:var(--g-dark); font-family:var(--svc-font-heading); font-size:14px; font-weight:700; line-height:1.25}
.svc-reglement .svc-txt small{color:var(--muted); font-size:12px; line-height:1.35; margin-top:2px}
.svc-reglement .svc-chev{
  flex:0 0 9px; width:9px; height:9px; margin-right:4px;
  border-right:2.5px solid var(--g-dark); border-bottom:2.5px solid var(--g-dark);
  transform:rotate(45deg) translateY(-2px); transition:transform .2s ease;
}
.svc-reglement .svc-item[open] .svc-chev{transform:rotate(-135deg) translate(-2px,-2px)}
.svc-reglement .svc-item[open] summary{border-bottom:1px solid var(--g-line)}
.svc-reglement .svc-body{padding:14px 18px 18px 74px; font-size:12px}
.svc-reglement .svc-body p{margin:0 0 10px}
.svc-reglement .svc-body ul{margin:0 0 10px; padding-left:18px}
.svc-reglement .svc-body li{margin-bottom:5px}
.svc-reglement .svc-body strong{color:var(--g-dark)}
.svc-reglement .svc-body > :last-child{margin-bottom:0}

/* ---------- INFOBOKS ---------- */
.svc-reglement .svc-info{
  background:#E3F1E8; border:1px solid var(--g-line); border-radius:14px;
  padding:14px 16px; margin-top:18px;
  display:flex; align-items:center; justify-content:space-between; gap:16px;
}
.svc-reglement .svc-info-main{display:flex; align-items:center; gap:14px; flex:1}
.svc-reglement .svc-info-ico{flex:0 0 40px; height:40px; border-radius:50%; background:var(--g-dark); display:grid; place-items:center}
.svc-reglement .svc-info-ico svg{width:22px; height:22px; stroke:#fff; fill:none; stroke-width:2.4; stroke-linecap:round}
.svc-reglement .svc-info b{display:block; color:var(--g-dark); font-size:14px; font-weight:700}
.svc-reglement .svc-info p{margin:2px 0 0; font-size:12px; line-height:1.35}
.svc-reglement .svc-info-date{display:flex; align-items:center; gap:8px; font-size:12.5px; line-height:1.3; color:#4b5f54; flex:0 0 auto}
.svc-reglement .svc-info-date svg{width:22px; height:22px; stroke:var(--g-dark); fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round}
.svc-reglement .svc-info-date b{display:inline; font-size:inherit; color:var(--ink); font-weight:700}

@media (max-width:520px){
  .svc-reglement .svc-body{padding:14px 16px 16px 16px}
  .svc-reglement .svc-info{flex-direction:column; align-items:flex-start}
  .svc-reglement .svc-info-date{border-top:0px solid var(--g-line); padding-top:0px; width:100%}

}
@media (prefers-reduced-motion:reduce){ .svc-reglement .svc-chev{transition:none} }

.svc-reglement .svc-info{justify-content:flex-start}

/* Stable card layout even when Elementor/theme applies global details styles */
.svc-reglement .svc-wrap > details.svc-item {display:block;}
.svc-reglement .svc-item > summary {display:flex;}
.svc-reglement .svc-item .svc-txt {display:flex;flex-direction:column;}
.svc-reglement .svc-item .svc-txt > b {display:block;}
.svc-reglement .svc-item .svc-txt > small {display:block;}
.svc-reglement .svc-item .svc-ico {display:grid;}
.svc-reglement .svc-item .svc-ico svg {display:block;}