/* ============================================================
   MEDIWALK LE MAG — refonte visuelle 2026
   Harmonisation avec les derniers dossiers du Mag
   ============================================================ */
.mw-mag-refonte {
  background:#fff;
}

/* Hero plus lisible et plus éditorial */
.mw-mag-refonte .slide-item {
  position:relative;
  overflow:hidden;
}
.mw-mag-refonte .slide-item::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(10,22,44,.68) 0%,rgba(10,22,44,.44) 42%,rgba(10,22,44,.12) 72%,rgba(10,22,44,0) 100%);
}
.mw-mag-refonte .slide-item .container,
.mw-mag-refonte .slide-content {
  position:relative;
  z-index:1;
}
.mw-mag-refonte .slide-content h1 {
  color:#fff !important;
  text-shadow:0 3px 14px rgba(0,0,0,.36);
  line-height:1.12;
}
.mw-mag-refonte .slide-content .lead,
.mw-mag-refonte .slide-content .breadcrumbs,
.mw-mag-refonte .slide-content .breadcrumbs a {
  color:#fff !important;
}
.mw-mag-refonte .slide-content .breadcrumbs {
  opacity:.88;
}

/* Corps de l'article */
.mw-mag-refonte #content1 {
  max-width:1140px;
  margin:0 auto;
}
.mw-mag-refonte #content1 > .section {
  margin:30px 0;
  padding:32px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);
  border:1px solid rgba(44,90,160,.09);
  border-radius:18px;
  box-shadow:0 10px 28px rgba(26,45,82,.075);
  overflow:hidden;
}
.mw-mag-refonte #content1 > .section::before {
  height:5px;
  background:linear-gradient(90deg,#2c5aa0 0%,#4b83db 58%,#f6a313 100%);
}
.mw-mag-refonte #content1 > .section > h2 {
  margin:0 0 20px;
  color:#182742;
  font-size:clamp(1.7rem,2.6vw,2.15rem);
  line-height:1.22;
  letter-spacing:-.015em;
}
.mw-mag-refonte .icon2 {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:44px;
  height:44px;
  margin-right:10px;
  padding:0 10px;
  border-radius:13px;
  background:#edf3ff;
  box-shadow:inset 0 0 0 1px rgba(44,90,160,.08);
  font-size:1.18rem;
  vertical-align:middle;
}
.mw-mag-refonte .intro-text2 {
  max-width:900px;
  margin:0 auto 24px;
  color:#596476;
  font-size:1.12rem;
  line-height:1.72;
}

/* Cards premium */
.mw-mag-refonte .smart-cards {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:20px;
  margin:26px 0 4px;
}
.mw-mag-refonte .smart-card {
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:100%;
  padding:23px;
  background:linear-gradient(180deg,#fff 0%,#fbfcff 100%);
  border:1px solid rgba(44,90,160,.10);
  border-left:1px solid rgba(44,90,160,.10);
  border-radius:16px;
  box-shadow:0 9px 22px rgba(27,42,76,.075);
  overflow:hidden;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.mw-mag-refonte .smart-card::before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:4px;
  background:linear-gradient(90deg,#2c5aa0,#4b83db);
}
.mw-mag-refonte .smart-card:hover {
  transform:translateY(-5px);
  box-shadow:0 17px 34px rgba(27,42,76,.13);
  border-color:rgba(44,90,160,.18);
}
.mw-mag-refonte .smart-card h3,
.mw-mag-refonte .smart-card h4 {
  margin:6px 0 12px !important;
  padding-left:0 !important;
  border-left:0 !important;
  color:#17253e !important;
  font-size:1.28rem !important;
  line-height:1.25;
}
.mw-mag-refonte .smart-card p {
  color:#505b6c;
  line-height:1.65;
}
.mw-mag-refonte .smart-card p:last-child {
  margin-bottom:0;
}
.mw-mag-refonte .smart-card a:not(.btn-product) {
  color:#2c5aa0;
  text-decoration:none;
}
.mw-mag-refonte .smart-card a:not(.btn-product):hover {
  color:#1f467f;
  text-decoration:underline;
}

/* Bloc Continuer le dossier = cartes éditoriales */
.mw-mag-refonte #continuer .smart-card {
  padding:26px;
  min-height:210px;
}
.mw-mag-refonte #continuer .smart-card::after {
  content:"Guide Mediwalk";
  align-self:flex-start;
  order:-1;
  margin:3px 0 12px;
  padding:6px 10px;
  border-radius:999px;
  background:#edf3ff;
  color:#2c5aa0;
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.025em;
  text-transform:uppercase;
}
.mw-mag-refonte #continuer .smart-card .btn-product {
  margin-top:4px;
}

/* Encadrés */
.mw-mag-refonte .info-box2,
.mw-mag-refonte .highlight-box2 {
  border-radius:14px;
  padding:22px 24px;
  box-shadow:0 6px 18px rgba(30,52,90,.055);
}
.mw-mag-refonte .info-box2 {
  background:linear-gradient(135deg,#eef5ff 0%,#e5effd 100%);
  border-left:5px solid #2c5aa0;
  color:#26374f;
}
.mw-mag-refonte .highlight-box2 {
  background:linear-gradient(135deg,#fff8e9 0%,#ffedc9 100%);
  border:1px solid rgba(246,163,19,.55);
  border-left:5px solid #f6a313;
  color:#453516;
}
.mw-mag-refonte .alert {
  border:0;
  border-left:5px solid;
  border-radius:14px;
  padding:20px 22px;
  box-shadow:0 6px 18px rgba(30,52,90,.055);
}
.mw-mag-refonte .alert-warning {
  background:#fff6df;
  border-left-color:#f6a313;
  color:#5e4715;
}
.mw-mag-refonte .alert-info {
  background:#edf5ff;
  border-left-color:#2c5aa0;
  color:#243d63;
}
.mw-mag-refonte .alert-success {
  background:#ecf8ef;
  border-left-color:#3c9c5d;
  color:#285b38;
}
.mw-mag-refonte .alert-danger {
  background:#fff0f1;
  border-left-color:#d9534f;
  color:#773433;
}

/* Boutons */
.mw-mag-refonte .btn-product {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:46px;
  padding:11px 19px;
  border-radius:12px;
  background:linear-gradient(135deg,#f6a313 0%,#e38c00 100%);
  color:#fff !important;
  font-weight:700;
  text-decoration:none !important;
  box-shadow:0 9px 18px rgba(246,163,19,.22);
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.mw-mag-refonte .btn-product:hover {
  transform:translateY(-2px);
  box-shadow:0 13px 24px rgba(246,163,19,.28);
  filter:saturate(1.05);
}

/* FAQ autonome — évite tout conflit avec canicule2.js */
.mw-mag-refonte .mw-faq-container {
  margin:24px 0 0;
}
.mw-mag-refonte .mw-faq-item {
  margin-bottom:14px;
  border:1px solid rgba(44,90,160,.10);
  border-radius:14px;
  background:#fff;
  box-shadow:0 7px 18px rgba(27,42,76,.065);
  overflow:hidden;
}
.mw-mag-refonte .mw-faq-question {
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:19px 21px;
  border:0;
  margin:0;
  background:linear-gradient(135deg,#2c5aa0 0%,#3f73bf 100%);
  color:#fff;
  font:inherit;
  font-weight:700;
  line-height:1.35;
  text-align:left;
  cursor:pointer;
  transition:background .2s ease;
}
.mw-mag-refonte .mw-faq-question:hover,
.mw-mag-refonte .mw-faq-question:focus-visible {
  background:linear-gradient(135deg,#244c87 0%,#3568ad 100%);
}
.mw-mag-refonte .mw-faq-question:focus-visible {
  outline:3px solid rgba(246,163,19,.55);
  outline-offset:-3px;
}
.mw-mag-refonte .mw-faq-toggle {
  flex:0 0 auto;
  font-size:1rem;
  transition:transform .25s ease;
}
.mw-mag-refonte .mw-faq-question[aria-expanded="true"] .mw-faq-toggle {
  transform:rotate(180deg);
}
.mw-mag-refonte .mw-faq-answer {
  padding:0 22px;
  background:#fff;
  color:#4c5667;
  line-height:1.65;
}
.mw-mag-refonte .mw-faq-answer[hidden] {
  display:none !important;
}
.mw-mag-refonte .mw-faq-answer:not([hidden]) {
  padding:20px 22px;
  border-top:1px solid rgba(44,90,160,.08);
}
.mw-mag-refonte .mw-faq-answer p:last-child {
  margin-bottom:0;
}

/* Sources */
.mw-mag-refonte #sources .info-box2 {
  margin:14px 0;
}
.mw-mag-refonte #sources a {
  overflow-wrap:anywhere;
}

/* CTA produit : raccord visuel */
.mw-mag-refonte .site-section.bg-primary {
  margin-top:36px;
}

@media (max-width:991px) {
  .mw-mag-refonte .slide-item {
    min-height:420px;
    height:62vh;
  }
  .mw-mag-refonte .slide-item .slide-image {
    object-position:center center;
  }
  .mw-mag-refonte .slide-item::after {
    background:linear-gradient(180deg,rgba(10,22,44,.62) 0%,rgba(10,22,44,.44) 48%,rgba(10,22,44,.18) 78%,rgba(10,22,44,0) 100%);
  }
  .mw-mag-refonte .slide-content {
    text-align:left;
  }
}

@media (max-width:768px) {
  .mw-mag-refonte #content1 > .section {
    margin:22px 0;
    padding:23px 18px;
    border-radius:15px;
  }
  .mw-mag-refonte #content1 > .section > h2 {
    font-size:1.55rem;
  }
  .mw-mag-refonte .icon2 {
    min-width:38px;
    height:38px;
    border-radius:11px;
    margin-right:7px;
    font-size:1rem;
  }
  .mw-mag-refonte .smart-cards {
    grid-template-columns:1fr;
    gap:16px;
  }
  .mw-mag-refonte .smart-card {
    padding:20px;
  }
  .mw-mag-refonte .intro-text2 {
    font-size:1.02rem;
    text-align:left;
  }
  .mw-mag-refonte .info-box2,
  .mw-mag-refonte .highlight-box2,
  .mw-mag-refonte .alert {
    padding:18px;
  }
  .mw-mag-refonte .btn-product {
    width:100%;
  }
}

@media (max-width:480px) {
  .mw-mag-refonte .slide-item {
    min-height:360px;
    height:58vh;
  }
  .mw-mag-refonte .slide-content .lead {
    margin-bottom:18px !important;
  }
}