/* template.css – BASE + WIDE FIXES so content isn't squeezed */
:root{
  --bg:#fff; --text:#202127; --muted:#6b7280; --border:#e5e7eb;
  --primary:#35ade0; --primary-2:#008ac5;
  --container:1160px; --space: clamp(14px, 2vw, 24px);
}
html,body{background:var(--bg);color:var(--text)}
body{font:16px/1.7 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}
img{max-width:100%;height:auto}
a.inherit-links{color:inherit;text-decoration:none}
a.inherit-links:hover{opacity:.85}
/* Center the whole site and allow wide content */
#main-frame{max-width:var(--container);margin:0 auto;padding:0 var(--space)}
/* ====== WIDE FIXES (override Local.fr / Bootstrap constraints) ====== */
/* Kill any narrow max-widths applied by vendor styles */
.wt-container-441987 p,
.wt-container-441992 p,
.wt-container-441996 p,
.wt-container-441985 p,
.wt-container-441991 p,
.wt-container-3154729 p,
.wt-container-3154730 p {
  max-width: none !important;
}
/* Ensure the intro two-column block uses TRUE two columns on desktop and 1 column on mobile */
#wt-container-instance-9500446 .col-md-6{float:none;width:100%}
@media (min-width: 992px){
  #wt-container-instance-9500446 .col-md-6{float:left;width:50%}
}
/* Make common middle wrappers full width of the container */
#wt-container-instance-9500446,
#wt-container-instance-9500447,
#wt-container-instance-13321125,
#wt-container-instance-9500445{
  width:100%;max-width:none;margin-left:auto;margin-right:auto
}
/* Headings */
.titre-personnalise p,
#wt-container-instance-9500639 p,
#wt-container-instance-9500644 p{
  text-align:center;font-weight:700;
  font-size: clamp(22px, 3.6vw, 34px);margin: 10px 0 6px;
}
/* Spacing */
[id^="wt-container-instance-"]{margin-bottom: clamp(8px, 2vw, 16px)}
p{margin:10px 0}
/* Menu */
.menu.horizontal{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#fff}
.menu.horizontal .root{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;padding:8px 0;margin:0;list-style:none}
.menu.horizontal .root > li > a{display:inline-block;padding:10px 14px;border-radius:12px;color:var(--text)}
.menu.horizontal .root > li > a.active{background:#eef6ff;color:#0b3c5d}
.menu.horizontal .menu-label{padding:10px 14px;display:none}
.menu.horizontal input[type="checkbox"]{display:none}
@media (max-width:900px){
  .menu.horizontal .menu-label{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);
    border-radius:12px;margin:10px;background:#fff}
  .menu.horizontal .root{display:none;padding:8px 12px}
  .menu.horizontal .menu-mobile input:checked ~ .root{display:flex;justify-content:flex-start}
  .menu.horizontal .root > li{width:100%}
  .menu.horizontal .root > li > a{display:block}
}
/* CTA */
.btn-grad{background-image:linear-gradient(to right, var(--primary) 0%, var(--primary-2) 70%, var(--primary) 100%);
  margin:10px auto;padding:14px 18px;border-radius:999px;color:#fff;display:inline-block;
  box-shadow:0 1px 8px rgba(0,0,0,.08);transition:transform .2s ease, box-shadow .2s ease}
.btn-grad:hover{text-decoration:none;transform:translateY(-1px);box-shadow:0 6px 20px rgba(53,173,224,.35)}
/* Banner */
.wt-bandeau img{display:block;margin:8px auto;max-height:80px}
/* Gallery */
.album-block-configuration .wt-gallery-picture-wrapper{width:33.333%;padding:8px}
.album-block-configuration .wt-gallery-picture-wrapper img{border-radius:12px}
@media (max-width:900px){ .album-block-configuration .wt-gallery-picture-wrapper{width:50%} }
@media (max-width:600px){ .album-block-configuration .wt-gallery-picture-wrapper{width:100%} }
/* Lists with pictos */
#wt-container-instance-9501574 ul,
#wt-container-instance-9501575 ul{
  padding-left: 28px;margin-top: 6px;line-height: 1.8;list-style-position: outside;
}
/* Background band + footer */
.background-webtool-ios{background:linear-gradient(180deg, #f7fbff, #ffffff);
  border-top:1px solid var(--border);border-bottom:1px solid var(--border);min-height:24px}
.footer-personnalise{padding:22px 0;background:#f9fafb;border-top:1px solid var(--border);color:#374151}
.footer-personnalise .block-link{color:inherit;text-decoration:none;border-bottom:1px dashed #9ca3af}
.footer-personnalise .block-link:hover{border-bottom-color:transparent}
/* Large footer row fix */
.hidden-xs.hidden-sm.footer-personnalise .wt-container-3154614{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}
@media (max-width: 992px){ .hidden-xs.hidden-sm.footer-personnalise .wt-container-3154614{display:block} }