/* Feuille responsive commune aux pages HTML statiques (Mac Mahon Avocats) */

html { -webkit-text-size-adjust: 100%; }
body { overflow-x: hidden; }
img { max-width: 100%; height: auto; }

/* Bandeau IA : masqué pour les humains, le contenu reste dans le DOM */
.ai-banner { display: none !important; }

/* Tableaux scrollables */
.table-wrap {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 15px 0;
  border-radius: 6px;
}
.table-wrap > table { margin: 0; min-width: 520px; }

/* Navigation */
nav { gap: 10px; }
nav > div { display: flex; flex-wrap: wrap; gap: 6px 16px; }
nav > div a { margin-left: 0 !important; }

@media (max-width: 700px) {
  nav { padding: 12px 16px; flex-direction: column; align-items: flex-start; }
  nav .logo { font-size: 20px; }
  nav a { font-size: 13px; }
  .container { padding: 24px 16px 40px; }
  h1 { font-size: 1.7em !important; line-height: 1.2; margin-bottom: 16px; }
  h2 { font-size: 1.25em !important; }
  h3 { font-size: 1.05em !important; }
  .card, .member { padding: 20px 16px !important; }
  .grid { grid-template-columns: 1fr !important; }
  th, td { padding: 8px !important; font-size: 13px !important; }
  .related a { font-size: 12px; }
  footer { padding: 24px 16px; }
}

/* Respiration sous la barre d'outils Safari iOS */
footer { padding-bottom: calc(30px + env(safe-area-inset-bottom, 0px)); }

/* Fiches équipe avec portraits */
.member-photo {
  width: 110px;
  height: 110px;
  border-radius: 50%;
  object-fit: cover;
  object-position: top;
  display: block;
  margin: 0 0 14px;
  background: #f0f4f8;
}

/* CTA blocks (Morocco Desk & static pages) */
.cta-block{max-width:900px;margin:40px auto;padding:28px 24px;background:#0a1628;color:#fff;border-radius:10px;text-align:center}
.cta-block h2{color:#c9a227;margin:0 0 10px;font-size:1.4em}
.cta-block p{color:#dfe5ee;margin:0 0 16px}
.cta-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.cta-btn{display:inline-block;background:#c9a227;color:#0a1628;padding:12px 20px;border-radius:6px;text-decoration:none;font-weight:700;cursor:pointer}
.cta-btn-alt{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4)}
.cta-btn:hover{opacity:.9}
.cta-note{font-size:.85em;color:#9aa7b8;margin-top:14px}
@media(max-width:600px){.cta-actions{flex-direction:column}.cta-btn{width:100%}}