/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 16 2026 | 10:51:17 */
/* MREL - Repasse mobile 2026-10-15
   Défauts relevés sur les 34 pages publiées, à 390 et 320 px (sonde + captures).
   Aucun contenu modifié. Retour arrière : passer ce bloc en brouillon. */

/* 1. Sections vides : celles qui ne portent que des données structurées (bloc de code seul)
      gardaient 64 px de marge en haut et en bas, soit 128 px de vide (18 pages).
      Sélecteur limité aux sections sans aucun contenu visible : sans effet ailleurs, à toutes largeurs. */
.l-main>.l-section:has(.wpb_raw_code):not(:has(h1,h2,h3,h4,p,img,ul,ol,a,iframe,video,form,button,table,details,input)){padding-top:0!important;padding-bottom:0!important;min-height:0!important}

@media (max-width:899px){
  /* 2. Boutons de prise de rendez-vous (logo Doctolib après le libellé) : sur une ligne, sans rognure */
  .mrel-hero-v2 .w-btn-wrapper{display:block!important;width:100%!important}
  .l-main .w-btn[href*="doctolib"]{white-space:nowrap!important;max-width:100%}
  .mrel-acces-n .w-btn-wrapper{display:block!important;width:100%!important;margin-right:0!important}
  .mrel-acces-n .w-btn{display:flex!important;width:100%;justify-content:center}
  /* 3. Filtres de la FAQ : zones de clic d'au moins 40 px de haut */
  .mrel-chip{min-height:40px!important;padding-top:8px!important;padding-bottom:8px!important}
  /* 3 bis. Menu mobile (méga-menu du 15/10) : une fois une rubrique ouverte, ses liens s'affichent
        directement, sans second appui sur le titre de colonne (titre non cliquable, comme sur ordinateur) */
  .w-nav.type_mobile .mrel-mm-titre>.w-nav-list.level_3{display:block!important;height:auto!important;opacity:1!important}
  .w-nav.type_mobile .mrel-mm-titre>.w-nav-anchor{pointer-events:none}
  .w-nav.type_mobile .mrel-mm-titre>.w-nav-anchor .w-nav-arrow{display:none}
  .w-nav.type_mobile .mrel-mm-titre>.w-nav-anchor .w-nav-title{font-size:13px!important}
  /* 3 ter. Bouton « Prendre RDV » du menu ouvert : une règle existante lui retirait son fond vert (texte blanc sur fond du menu) */
  .l-header .w-nav.type_mobile .w-nav-control.active~.w-nav-list li.rendez_vous>.w-nav-anchor.w-btn{background-color:#148044!important;background-image:linear-gradient(140deg,#16894A 0%,#0C6231 100%)!important}
}

@media (max-width:599px){
  /* 4. Onglet flottant du menu (46 × 104 px, collé à droite) : il masquait la fin des lignes de texte.
        Plus étroit et plus court, il ne déborde plus que de quelques pixels sur la marge. */
  .l-header .w-nav.type_mobile .w-nav-control{width:34px!important;height:64px!important;border-radius:14px 0 0 14px!important}
  .l-header .w-nav.type_mobile .w-nav-control .w-nav-icon{transform:scale(.82)}
  /* 5. Petits textes portés à 13 px minimum */
  .mrel-eyebrow,.mrel-v-eyebrow,.mrel-f-titre{font-size:13px!important}
  .mrel-v2c-role,.mrel-v2c-dispo,.mrel-v2c-liste li{font-size:13.5px!important}
  .mrel-eeat-tags li{font-size:13px!important}
  .mrel-soin-sur{font-size:13px!important}
  /* 6. Liens du pied de page : zones de clic plus hautes (20 px -> 40 px) */
  .l-footer .mrel-footer-secteur a,.l-footer .mrel-footer-bas a{display:inline-block;padding-top:10px;padding-bottom:10px}
}

@media (max-width:359px){
  /* 7. En-tête à 320 px : le bouton « Appeler » sortait de 6 px à droite */
  .l-header .l-subheader-h{padding-left:10px!important;padding-right:10px!important}
  .l-header .w-image img,.l-header .w-img img{max-width:104px!important;height:auto!important}
  .l-header a[href^="tel:"]{padding:0 10px!important;font-size:13px!important}
  /* 8. Boutons de rendez-vous à 320 px : libellé et logo Doctolib plus compacts */
  .l-main .w-btn[href*="doctolib"]{font-size:14px!important;padding-left:8px!important;padding-right:8px!important}
  .l-main .w-btn[href*="doctolib"]::before,.l-main .w-btn[href*="doctolib"]::after{width:44px!important;height:15px!important;margin-left:6px!important}
  /* 9. Surtitres longs : moins d'espacement pour ne pas s'étaler sur 4 lignes */
  .mrel-eyebrow,.mrel-v-eyebrow{letter-spacing:.06em!important}
}

/* Complément du 16/10 (contrôle des 34 pages en ligne, nouvelles pages Actualités et articles comprises) */
@media (max-width:599px){
  /* 11. Petits textes restants portés à 13 px : surtitre de la signature du docteur, pastilles et badges */
  .mrel-eeat-eb,.mrel-actu-cat,.mrel-vh-badge,.mrel-v-direct,.mrel-faq-compte,.mrel-faq-ligne .axe{font-size:13px!important}
  .mrel-v-suite dt{font-size:13px!important}
}
@media (max-width:359px){
  /* 10. Héros de l'accueil à 320 px : la colonne de texte gardait 24 px de marge intérieure de chaque côté en plus
         de celle de la section ; il restait 209 px pour un bouton « Prendre rendez-vous » de 223 px (logo Doctolib
         collé au bord). Sans cette marge, le texte s'aligne sur les autres sections (24 px du bord). */
  .mrel-hero-v2 .mrel-v2-txt>.vc_column-inner{padding-left:0!important;padding-right:0!important}
}