/* Pied de page de mphenligne.com (mu-plugin mph-pied.php) — demande Philippe, 2026-10-06 : « il est pas terrible ».
   Redessine la structure du thème Porto (zone « Footer Top », 4 colonnes, bande du bas) au style des pages refaites :
   bleu marine, accent jaune (celui de la bannière de fin), boutons arrondis. Les menus restent ceux de WordPress.
   Au téléphone (≤ 767 px), le script replie chaque menu sous son titre (#footer.mph-pied-replie) ; sans script, tout reste
   ouvert. ⚠️ Versionnée par son NOM (pied-vN.css ; ici v2) : une couche du site fige le ?ver=. */

.footer-wrapper{--pm:#0b1d38;--pm2:#081428;--pt:#aebdd4;--pl:#e3ebf7;--pj:#ffd23c;--pb:rgba(255,255,255,.09)}

/* ── Bande de confiance (zone « Footer Top ») ── */
.footer-wrapper .footer-top{background:var(--pm) !important;border:0 !important;margin:0 !important;padding:34px 0 0 !important}
.footer-wrapper .footer-top .widget{margin:0 !important;padding:0 !important}
.mph-pied-confiance{list-style:none;margin:0 !important;padding:0 0 28px !important;display:flex;flex-wrap:wrap;gap:10px;border:0 !important;border-bottom:1px solid var(--pb) !important}
.mph-pied-confiance li{display:inline-flex;align-items:center;gap:9px;margin:0 !important;padding:8px 16px 8px 13px !important;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.11);color:var(--pl);font-size:13.5px;font-weight:600;line-height:1.3}
.mph-pied-confiance li::before{content:none !important}
.mph-pied-confiance svg{width:17px;height:17px;flex:none;color:var(--pj)}
.mph-pied-nowrap{white-space:nowrap}

/* ── Le corps ── */
.footer-wrapper #footer{background:var(--pm) !important;color:var(--pt);font-size:14.5px;line-height:1.6;border:0 !important;margin:0 !important}
.footer-wrapper #footer .footer-ribbon{display:none !important}
.footer-wrapper #footer .footer-main{padding:40px 0 22px !important;background:none !important}
.footer-wrapper #footer .footer-main > .container{padding-top:0 !important}
.footer-wrapper #footer .widget{margin:0 0 26px !important}
.footer-wrapper #footer .widget-title{color:#fff !important;font-family:inherit;font-size:13px !important;font-weight:700 !important;letter-spacing:.12em;text-transform:uppercase;line-height:1.3 !important;margin:6px 0 16px !important;padding:0 !important;border:0 !important}
@media (min-width:992px){
  .footer-wrapper #footer .footer-main .row > .col-lg-3:first-child{flex:0 0 31%;max-width:31%}
  .footer-wrapper #footer .footer-main .row > .col-lg-3:not(:first-child){flex:0 0 23%;max-width:23%}
}

/* Les menus (Apparence → Menus) : de simples listes, sans les filets ni les chevrons du thème. */
.footer-wrapper #footer .widget_nav_menu ul{list-style:none !important;margin:0 !important;padding:0 !important;border:0 !important;background:none !important;box-shadow:none !important}
.footer-wrapper #footer .widget_nav_menu li{margin:0 !important;padding:0 !important;border:0 !important;background:none !important;list-style:none !important}
.footer-wrapper #footer .widget_nav_menu li::before,.footer-wrapper #footer .widget_nav_menu li > a::before{content:none !important;display:none !important}
.footer-wrapper #footer .widget_nav_menu li > a{display:inline-block;padding:5px 0 !important;margin:0 !important;color:var(--pl) !important;font-size:14.5px !important;font-weight:400 !important;line-height:1.45 !important;text-decoration:none !important;text-transform:none !important;letter-spacing:0 !important;transition:color .15s}
.footer-wrapper #footer .widget_nav_menu li > a:hover,.footer-wrapper #footer .widget_nav_menu li > a:focus-visible{color:var(--pj) !important}
.footer-wrapper #footer .widget_nav_menu li.current-menu-item > a{color:#fff !important;font-weight:600 !important}
/* Colonne « Nos services » : le titre est celui du widget ; l'élément parent du menu (« NOS SERVICES ») est masqué. */
.footer-wrapper #footer .widget_nav_menu .menu > li.menu-item-has-children > a{display:none !important}
.footer-wrapper #footer .widget_nav_menu .sub-menu{display:block !important;position:static !important;opacity:1 !important;visibility:visible !important;transform:none !important;width:auto !important}

/* La colonne « marque ». */
.mph-pied-marque .mph-pied-logo{display:inline-block;margin:0 0 18px}
.mph-pied-marque .mph-pied-logo img{display:block;width:172px;height:auto}
.mph-pied-boutons{display:flex;flex-direction:column;gap:10px;max-width:300px;margin:0 0 20px}
.mph-pied-bouton{display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 18px;border-radius:12px;font-size:15px;font-weight:700;line-height:1.25;text-align:center;text-decoration:none !important;transition:transform .15s,background .15s}
.mph-pied-bouton svg{width:18px;height:18px;flex:none}
.mph-pied-bouton.jaune{background:var(--pj);color:#0b3c85 !important;box-shadow:0 8px 20px rgba(0,0,0,.22)}
.mph-pied-bouton.jaune:hover{background:#ffdc5e;transform:translateY(-1px)}
.mph-pied-bouton.contour{border:1.5px solid rgba(255,255,255,.42);color:#fff !important}
.mph-pied-bouton.contour:hover{background:rgba(255,255,255,.08)}
/* v2 : le thème pose une bordure sur toute liste d'un widget du pied (trait gris sous l'adresse, vu en ligne). */
.mph-pied-lignes{list-style:none !important;margin:0 !important;padding:0 !important;border:0 !important}
.mph-pied-lignes li{display:flex;gap:11px;align-items:flex-start;margin:0 0 12px !important;padding:0 !important;border:0 !important;color:var(--pl);font-size:14px;line-height:1.5}
.mph-pied-lignes li::before{content:none !important}
.mph-pied-lignes svg{width:18px;height:18px;flex:none;margin-top:2px;color:var(--pj)}
.mph-pied-lignes small{display:block;color:var(--pt);font-size:13px}
.mph-pied-lignes .mph-pied-h{display:block}
.mph-pied-lignes a{color:var(--pj) !important;text-decoration:underline !important;text-underline-offset:2px}

/* ── La bande du bas : droits, liens légaux, Facebook ── */
.footer-wrapper #footer .footer-bottom{background:var(--pm2) !important;border-top:1px solid var(--pb);padding:16px 0 !important;color:var(--pt);font-size:13px;line-height:1.5}
.footer-wrapper #footer .footer-bottom .container{display:flex;align-items:center;gap:12px 24px;flex-wrap:wrap}
.footer-wrapper #footer .footer-bottom .footer-left{display:flex;align-items:center;gap:12px 24px;flex:1 1 auto;width:auto;margin:0 !important;padding:0 !important;float:none}
.footer-wrapper #footer .footer-bottom .logo,.footer-wrapper #footer .footer-bottom .footer-right{display:none !important}
.footer-wrapper #footer .footer-bottom .widget{margin:0 !important}
.footer-wrapper #footer .footer-bottom .follow-us{order:2;margin-left:auto !important}
.mph-pied-bas{display:flex;flex-wrap:wrap;align-items:center;gap:6px 22px}
.mph-pied-bas nav{display:flex;flex-wrap:wrap;gap:6px 18px}
.mph-pied-bas a{color:var(--pt) !important;text-decoration:none !important}
.mph-pied-bas a:hover{color:#fff !important}
.footer-wrapper #footer .share-links a{width:36px !important;height:36px !important;border-radius:50% !important;background:rgba(255,255,255,.08) !important;box-shadow:none !important}
.footer-wrapper #footer .share-links a:hover{background:#1877f2 !important}

/* Le bouton qui replie un menu : invisible comme bouton au bureau (c'est un titre). */
.mph-pied-plier{all:unset;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;box-sizing:border-box;color:#fff;font:inherit;cursor:default}
.mph-pied-plier::after{content:none}

/* ── Tablette ── */
@media (max-width:991px){
  .footer-wrapper #footer .footer-main .row > .col-lg-3:first-child{flex:0 0 100%;max-width:100%}
  .mph-pied-marque{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 28px;align-items:start}
  .mph-pied-marque .mph-pied-logo{grid-column:1;grid-row:1}
  .mph-pied-boutons{grid-column:2;grid-row:1;max-width:none}
  .mph-pied-lignes{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:0 32px}
  .mph-pied-confiance{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .mph-pied-confiance li{border-radius:12px}
  /* Facebook passe à gauche : à droite, le bouton « retour en haut » du thème le recouvrait. */
  .footer-wrapper #footer .footer-bottom .follow-us{order:-1;margin-left:0 !important}
}
/* Tablette : les trois menus côte à côte (empilés, ils faisaient 1 400 px de haut). */
@media (min-width:768px) and (max-width:991px){
  .footer-wrapper #footer .footer-main .row > .col-lg-3:not(:first-child){flex:0 0 33.333%;max-width:33.333%}
}
/* ── Téléphone ── */
@media (max-width:767px){
  .footer-wrapper .footer-top{padding-top:26px !important}
  .mph-pied-confiance{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding-bottom:22px !important}
  .mph-pied-confiance li{border-radius:12px;padding:9px 11px !important;font-size:12.5px;align-items:flex-start}
  .mph-pied-confiance svg{width:16px;height:16px;margin-top:1px}
  .footer-wrapper #footer .footer-main{padding:26px 0 6px !important}
  .mph-pied-marque{display:block}
  .mph-pied-boutons{max-width:none}
  .mph-pied-lignes{display:block}
  .footer-wrapper #footer .widget_nav_menu li > a{padding:9px 0 !important;font-size:15px !important}
  /* Menus repliés sous leur titre (le script pose .mph-pied-replie). */
  #footer.mph-pied-replie .footer-main .widget_nav_menu{margin:0 !important;border-top:1px solid var(--pb)}
  #footer.mph-pied-replie .footer-main .col-lg-3:last-child .widget_nav_menu:last-child{border-bottom:1px solid var(--pb)}
  #footer.mph-pied-replie .widget_nav_menu .widget-title{margin:0 !important}
  #footer.mph-pied-replie .mph-pied-plier{min-height:54px;cursor:pointer}
  #footer.mph-pied-replie .mph-pied-plier::after{content:'+';font-size:24px;font-weight:400;line-height:1;color:var(--pj);letter-spacing:0}
  #footer.mph-pied-replie .mph-ouvert .mph-pied-plier::after{content:'–'}
  #footer.mph-pied-replie .widget_nav_menu:not(.mph-ouvert) > div{display:none !important}
  #footer.mph-pied-replie .widget_nav_menu.mph-ouvert > div{padding:0 0 12px}
  .footer-wrapper #footer .footer-bottom{padding:18px 0 22px !important}
  .footer-wrapper #footer .footer-bottom .footer-left{flex-direction:column;align-items:flex-start}
  .footer-wrapper #footer .footer-bottom .follow-us{order:-1;margin-left:0 !important}
}
@media (prefers-reduced-motion:reduce){.mph-pied-bouton,.footer-wrapper #footer .widget_nav_menu li > a{transition:none}}