.elementor-25357 .elementor-element.elementor-element-338e950{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-338e950 *//* ============================================================
     MOROCCAN TAXI DRIVER — SERVICES (PAGE)
     Chrome de page : en-tête H1 + pied de page.
     Mêmes variables et conventions que la section .mtd-svc.
     ============================================================ */

  :root {
    --mtd-ink: #1c2b24;
    --mtd-ink-soft: #31423a;
    --mtd-muted: #5c665f;
    --mtd-sand: #f6f1e7;
    --mtd-sand-soft: #fbf8f1;
    --mtd-sand-line: #e8deca;
    --mtd-gold: #bfa05c;
    --mtd-terracotta: #a74a22;
    --mtd-white: #ffffff;
  }

  /* ---------- En-tête de page ---------- */
  .mtd-page-head {
    
    padding: clamp(2rem, 4vw, 3rem) clamp(1.25rem, 4vw, 3rem) clamp(2.5rem, 5vw, 4rem);
    background:
      radial-gradient(900px 420px at 85% -10%, rgba(191,160,92,.14), transparent 60%),
      linear-gradient(180deg, #fffdf8 0%, var(--mtd-sand) 100%);
    border-bottom: 1px solid var(--mtd-sand-line);
  }
  .mtd-page-head__inner { max-width: 1240px; margin: 0 auto; }

  .mtd-page-head__crumbs {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-bottom: clamp(1.25rem, 3vw, 2rem);
    font-size: .82rem;
    color: var(--mtd-muted);
  }
  .mtd-page-head__crumbs a { color: var(--mtd-muted); text-decoration: none; }
  .mtd-page-head__crumbs a:hover { color: var(--mtd-terracotta); }
  .mtd-page-head__crumbs [aria-current] { color: var(--mtd-ink); font-weight: 500; }

  .mtd-page-head__kicker {
    margin: 0 0 .75rem;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--mtd-terracotta);
  }

  .mtd-page-head__title {
    margin: 0 0 1rem;
    max-width: 18ch;
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: clamp(2.1rem, 5vw, 3.4rem);
    font-weight: 600;
    line-height: 1.12;
    letter-spacing: -0.01em;
  }

  .mtd-page-head__intro {
    margin: 0 0 1.75rem;
    max-width: 62ch;
    font-size: clamp(1rem, 1.5vw, 1.1rem);
    line-height: 1.75;
    color: var(--mtd-muted);
  }

  .mtd-page-head__cta { display: flex; flex-wrap: wrap; gap: .75rem; }

  .mtd-page-head__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .85rem 1.5rem;
    border: 1px solid var(--mtd-sand-line);
    border-radius: 999px;
    background: transparent;
    color: var(--mtd-ink) ;
    font: 600 .92rem/1 "Inter", sans-serif;
    text-decoration: none;
    transition: background .3s ease, color .3s ease, border-color .3s ease, transform .2s ease;
  }
  .mtd-page-head__btn--primary {
    background: var(--mtd-terracotta);
    border-color: var(--mtd-terracotta);
    color: var(--mtd-white) !important;
  }
  .mtd-page-head__btn:hover,
  .mtd-page-head__btn:focus-visible { transform: translateY(-2px); }
  .mtd-page-head__btn--primary:hover,
  .mtd-page-head__btn--primary:focus-visible {
    background: #8f3d1b;
    border-color: #8f3d1b;
  }
  .mtd-page-head__btn:focus-visible { outline: 2px solid var(--mtd-gold); outline-offset: 3px; }

  /* ---------- Pied de page ---------- */
  .mtd-page-foot {
    padding: clamp(2.5rem, 5vw, 4rem) clamp(1.25rem, 4vw, 3rem);
    background: var(--mtd-ink);
    color: rgba(255,255,255,.78);
  }
  .mtd-page-foot__inner {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr;
    gap: clamp(1.75rem, 4vw, 3rem);
    max-width: 1240px;
    margin: 0 auto;
  }

  .mtd-page-foot__name {
    margin: 0 0 .35rem;
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: 1.45rem;
    font-weight: 600;
    color: var(--mtd-white);
  }
  .mtd-page-foot__tag { margin: 0 0 1.1rem; font-size: .88rem; }

  .mtd-page-foot__wa {
    display: inline-flex;
    align-items: center;
    padding: .7rem 1.25rem;
    border: 1px solid rgba(255,255,255,.28);
    border-radius: 999px;
    color: var(--mtd-white);
    font: 600 .88rem/1 "Inter", sans-serif;
    text-decoration: none;
    transition: background .3s ease, border-color .3s ease, transform .2s ease;
  }
  .mtd-page-foot__wa:hover,
  .mtd-page-foot__wa:focus-visible {
    background: var(--mtd-gold);
    border-color: var(--mtd-gold);
    color: var(--mtd-ink);
    transform: translateY(-2px);
  }

  .mtd-page-foot__title {
    margin: 0 0 .9rem;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--mtd-gold);
  }
  .mtd-page-foot__col ul { margin: 0; padding: 0; list-style: none; }
  .mtd-page-foot__col li { margin-bottom: .55rem; }
  .mtd-page-foot__col a {
    color: rgba(255,255,255,.78);
    font-size: .9rem;
    text-decoration: none;
    transition: color .25s ease;
  }
  .mtd-page-foot__col a:hover,
  .mtd-page-foot__col a:focus-visible { color: var(--mtd-gold); }

  /* ---------- Responsive ---------- */
  @media (max-width: 760px) {
    .mtd-page-foot__inner { grid-template-columns: 1fr; }
  }
  @media (max-width: 480px) {
    .mtd-page-head__cta { flex-direction: column; align-items: stretch; }
  }

  @media (prefers-reduced-motion: reduce) {
    .mtd-page-head__btn, .mtd-page-foot__wa { transition: none !important; transform: none !important; }
  }/* End custom CSS */