/* MobiTrack shared visual language. Functional page modules stay isolated. */
:root{
 --ui-ink:#163a54;--ui-blue:#315ed2;--ui-muted:#62768b;--ui-line:#dce5ee;
 --ui-paper:#fff;--ui-wash:#f3f7fb;--ui-radius:10px;--ui-control:46px;
 --ui-shadow:0 8px 24px rgba(22,58,84,.07);--ui-ease:cubic-bezier(.2,.7,.3,1);
}
html{scroll-padding-top:24px;}
body{font-kerning:normal;-webkit-font-smoothing:antialiased;}
button,input,select,textarea{font:inherit;}
button,a,[role="button"]{-webkit-tap-highlight-color:transparent;}
:where(button,a,input,select,textarea,[role="button"]):focus-visible{outline:3px solid #84afea;outline-offset:4px;}
button:disabled{cursor:not-allowed;}
.ui-skip{position:fixed;left:24px;top:12px;transform:translateY(-180%);z-index:1000000;padding:12px 18px;border-radius:8px;background:#163a54;color:#fff;font:650 14px var(--font-body);text-decoration:none;}
.ui-skip:focus{transform:translateY(0);}
.ui-route-announcement{position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}

/* The navigation remains static, except for the existing guide behaviour. */
body>nav{font-family:var(--font-body);background:rgba(250,252,255,.97);box-shadow:none;}
body>nav .logo{border:0;background:none;padding:0;cursor:pointer;}
body>nav .nav-link{min-height:40px;display:flex;align-items:center;border:0;background:none;cursor:pointer;transition:background .18s,color .18s;}
body>nav .nav-link[aria-current="page"]{background:#eaf1fb;color:#163a54;}
body>nav .nav-connect{border-radius:8px!important;min-height:42px;}
body>nav .mt-menu-toggle{min-height:42px;border-radius:8px;border:1px solid var(--ui-line);background:#fff;color:var(--ui-ink);font-weight:650;}
@media(min-width:1200px){body>nav{gap:18px;}body>nav .nav-link{font-size:13px;padding-inline:9px;white-space:nowrap;}}
@media(max-width:1199px){body>nav .nav-links{padding:12px;border-radius:12px;border-color:var(--ui-line);box-shadow:0 18px 45px #163a541a;}body>nav .nav-link{min-height:46px;padding:12px 14px;font-size:14px;}}

/* Homepage proportions and the original tile gaps are preserved. */
#page-home #homeMosaic{--mosaic-radius:10px;}
#page-home #homeMosaic .hm-tile{box-shadow:0 5px 18px #1235500c!important;}
#page-home #homeMosaic .hm-row1>.hm-card--sell{background:linear-gradient(135deg,#23498e,#397cca 72%,#65b4da)!important;}
#page-home #homeMosaic .hm-sub{color:#edf3fa;font-size:14px;line-height:1.6;}
#page-home #homeMosaic .hm-card--annonces .hm-sub{font-size:16px;}
#page-home #homeMosaic .hm-card--annonces .hm-action{border-radius:8px;min-height:46px;box-shadow:0 3px 12px #102c4314;}
#page-home #hmTrend .tr242-card,#page-home #homeLatest .lt89-card{border-radius:var(--ui-radius);border-color:var(--ui-line);box-shadow:0 3px 12px #163a5408;}
#page-home #hmTrend .tr242-card:is(:hover,:focus-visible),#page-home #homeLatest .lt89-card:is(:hover,:focus-visible){box-shadow:var(--ui-shadow);}
#page-home #homeLatest .lt89-info{background:#fff;}
#page-home #homeLatest .lt89-name{font-size:15px;line-height:1.4;}
#page-home #homeLatest .lt89-location{color:#59738b;font-size:12px;}
#page-home #homeLatest .lt89-date{color:#657b90;}
#page-home #homeAnalyses .ha-entry{border-radius:var(--ui-radius);background:radial-gradient(ellipse at 90% 20%,#31577780,transparent 65%),#13344e;}
#page-home #homeAnalyses .ha-copy>strong{font-size:clamp(28px,3.2vw,40px);line-height:1.16;letter-spacing:-1px;}
#page-home #homeAnalyses .ha-label{color:#b8cfea;letter-spacing:1.6px;}
#page-home #homeAnalyses .ha-topics{color:#d4e2f1;}
#page-home #homeExplore #homeJourney{padding-inline:40px;}
#page-home #homeExplore #openJourney{border-radius:8px;box-shadow:0 4px 12px #315ed21c;min-height:var(--ui-control);}

/* A consistent title scale for services, without changing their content. */
#page-transport .tx-hero,#page-equipements .te-hero,#page-pro .pp-hero,#page-pieces .pe-hero{gap:clamp(28px,4vw,56px);padding-block:48px;}
#page-equipements .te-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);}
#page-transport .tx-hero-copy,#page-equipements .te-copy,#page-pro .pp-copy,#page-pieces .pe-hero>div,#page-mobilhome .am62-copy{min-width:0;}
#page-transport .tx-hero h1,#page-equipements .te-hero h1,#page-pro .pp-hero h1,#page-pieces .pe-hero h1,#page-mobilhome .am62-hero h1{
 font-size:clamp(40px,4.7vw,64px);line-height:1.06;letter-spacing:-.04em;text-wrap:balance;overflow-wrap:break-word;
}
#page-transport .tx-hero-copy>p,#page-equipements .te-copy>p,#page-pro .pp-copy>p,#page-pieces .pe-hero>div>p,#page-mobilhome .am62-copy>p{
 font-size:15px;line-height:1.8;max-width:46ch;color:#536c82;
}
#page-transport .tx-eyebrow,#page-equipements .te-eyebrow,#page-pro .pp-eyebrow,#page-pieces .pe-eyebrow,#page-mobilhome .am62-eyebrow{line-height:1.6;letter-spacing:1.5px;font-size:10px;}
#page-transport .tx-primary,#page-equipements .te-primary,#page-pro .pp-button{
 min-height:var(--ui-control);border:1px solid transparent;border-radius:8px;padding:12px 18px;background:var(--ui-blue);color:white;font:650 13px/1.4 var(--font-body);box-shadow:0 3px 10px #315ed219;transition:background .18s,box-shadow .18s;
}
#page-transport .tx-primary:hover,#page-equipements .te-primary:hover,#page-pro .pp-button:hover{background:#244ebc;box-shadow:0 5px 14px #315ed226;transform:none;}
#page-equipements .te-link,#page-transport .tx-text-button{min-height:44px;display:inline-flex;align-items:center;gap:12px;font-size:13px;}
#page-transport .tx-photo,#page-equipements .te-visual,#page-pro .pp-visual{border-radius:12px;}
/* Match the Transport collage's blue diamond on the two other service heroes. */
#page-equipements .te-ribbon,#page-pro .pp-ribbon{
 position:absolute;z-index:-1;pointer-events:none;
 background:linear-gradient(130deg,#aaa4f040,#85d9ec60 55%,#7b9ded15);
 transform:skewY(-13deg);border:1px solid #b6c8ec55;
}
#page-equipements .te-ribbon{inset:-20px -80px 25px -25px;}
#page-pro .pp-ribbon{inset:-10px -100px 10px -30px;}
#page-equipements .te-photo-label,#page-pro .pp-photo-note{left:-72px;z-index:2;}
@media(max-width:800px){
 #page-equipements .te-photo-label,#page-pro .pp-photo-note{left:-20px;}
}
#page-equipements .te-ribbon::after,#page-pro .pp-ribbon::after{
 content:'';position:absolute;inset:25px;
 background:linear-gradient(100deg,#ffffff00,#ffffff55);border:1px solid #ffffff80;
}
@media(max-width:750px){
 #page-equipements .te-ribbon{inset:5px -50px;}
}
#page-transport .tx-prep-card,#page-transport .tx-fieldset,#page-equipements .te-brand,#page-pieces .pe-empty,#page-pro .pp-access,#page-pro .pp-offer article{border-color:var(--ui-line);border-radius:var(--ui-radius);box-shadow:none;}
#page-transport .tx-prep-card h3,#page-equipements .tr-ct{font-size:16px;line-height:1.4;}
#page-transport .tx-prep-card p,#page-equipements .tr-cp,#page-equipements .te-brand p{font-size:13px;line-height:1.8;color:#587087;}
#page-transport .tx-prep-card{padding:24px;}
#page-equipements .te-heading h2,#page-pro .pp-catalogue-heading h2,#page-pieces .pe-catalog-head h2{font-size:clamp(27px,3vw,34px);line-height:1.2;letter-spacing:-.6px;}
#page-equipements .te-brand-body{padding:28px;}
#page-equipements .te-brand h3{font-size:30px;margin-top:0;}
#page-equipements .te-brand-photo{height:260px;}
#page-equipements .te-brand{transition:border-color .2s,box-shadow .2s;}
#page-equipements .te-brand:hover{border-color:#b9cde1;box-shadow:var(--ui-shadow);}
#page-equipements .te-availability{font-size:10px;border-radius:6px;}
#page-equipements .te-route{border-color:var(--ui-line);border-radius:10px;overflow:hidden;}
#page-equipements .te-route b{font-size:13px;}
#page-equipements .te-route small{font-size:12px;}
#page-pieces .pe-category{border-radius:8px;}
#page-pieces .pe-category:disabled{cursor:default;}
#page-pro .pp-catalogue-tabs,#page-pro .pp-catalogue-tab,#page-pro .pp-listing{border-radius:9px;}
#page-pro .pp-catalogue-tab{min-height:48px;}
#page-pro .pp-catalogue-grid .pp-listing-copy{padding:18px;}
#page-pro .pp-catalogue-grid .pp-listing-location{font-size:12px;}
#page-pro .pp-catalogue-grid .pp-listing h3{font-size:16px;}
#page-pro .pp-catalogue-grid .pp-listing-price{font-size:20px;}
#page-pro .pp-access-dialog,#page-pro .pp-listing-dialog{border-radius:12px;}
#page-mobilhome .am62-context{border-radius:10px;box-shadow:none;}
#page-mobilhome .am62-copy>p{color:#b6cce0;}
#page-mobilhome .am62-context small{font-size:12px;line-height:1.6;}
#page-mobilhome .am62-context strong{font-size:14px;}
#page-mobilhome .am62-actions .am62-mode{border-radius:8px;}
#page-achat-vente .av-step p{font-size:14px;line-height:1.85;}

/* Footers share the same navy palette as the rest of the platform. */
.site-footer,.home-footer{background:#102c43!important;}
.site-footer .footer-link{min-height:32px;line-height:1.6;}
.site-footer .footer-pitch{max-width:36ch;line-height:1.8;color:#c1d1df;}
.site-footer .footer-socials:empty{display:none;}
@media (min-width:651px){
  .site-footer .footer-inner{padding-top:40px;padding-bottom:20px;}
  .site-footer .footer-grid{gap:32px;padding-bottom:24px;}
  .site-footer .footer-brand-col{gap:14px;}
  .site-footer .footer-col{gap:6px;}
  .site-footer .footer-col-title{margin-bottom:4px;}
  .site-footer .footer-contact-block .footer-col-title{margin-top:16px!important;}
  .site-footer .footer-bottom{padding:14px 0;gap:12px;}
  .site-footer .footer-disclaimer{padding-top:12px;}
}
.ac-phone-privacy{display:block;font:400 12px/1.8 var(--font-body);color:#587087;margin:10px 0 18px;}
#telephoneHint{margin:6px 0 0;}
#compteLoggedIn #setCoverPreview{background-image:url("https://gtccynavuqlcvomqjomu.supabase.co/storage/v1/object/public/fond%20mon%20compte/ChatGPT%20Image%2017%20juil.%202026,%2014_52_49.png");}
.ui-info-page{min-height:70vh;background:radial-gradient(ellipse at 85% 0,#e4eefb80,transparent 55%),#f8fafc;padding-top:64px;}
.ui-info-page>section{padding-top:56px;padding-bottom:64px;}
.ui-info-kicker{font:650 10px/1.6 var(--font-body);letter-spacing:1.5px;color:#627b97;}
.ui-info-page h1{margin:18px 0 22px;font:750 clamp(38px,4.8vw,62px)/1.07 var(--font-head);letter-spacing:-.04em;color:var(--ui-ink);text-wrap:balance;}
.ui-info-page h1 em{font-style:normal;color:var(--ui-blue);}
.ui-info-lead{max-width:650px;font:400 16px/1.8 var(--font-body);color:#587087;}
.ui-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:42px;}
.ui-info-grid-two{grid-template-columns:repeat(2,minmax(0,1fr));}
.ui-info-grid article{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:28px;border:1px solid var(--ui-line);border-radius:12px;background:#fff;}
.ui-info-grid article>span{font:650 9px/1.5 var(--font-body);letter-spacing:1.2px;color:#6b8198;}
.ui-info-grid h2{font:700 24px/1.2 var(--font-head);letter-spacing:-.5px;color:var(--ui-ink);margin:18px 0 10px;}
.ui-info-grid p{font:400 14px/1.8 var(--font-body);color:#587087;margin:0 0 24px;}
.ui-info-grid button,.ui-info-action{display:inline-flex;justify-content:space-between;align-items:center;gap:20px;min-height:46px;margin-top:auto;padding:12px 16px;border:1px solid var(--ui-ink);border-radius:8px;background:var(--ui-ink);color:#fff;font:650 12px/1.4 var(--font-body);text-decoration:none;cursor:pointer;}
.ui-info-grid button:hover,.ui-info-action:hover{background:#245577;}
.ui-info-grid small{font:400 11px/1.7 var(--font-body);color:#62768b;margin-top:12px;overflow-wrap:anywhere;}
@media(max-width:800px){
 .ui-info-grid{grid-template-columns:1fr;gap:16px;margin-top:30px;}.ui-info-page>section{padding-block:34px;}
 #page-transport .tx-hero,#page-equipements .te-hero,#page-pro .pp-hero,#page-pieces .pe-hero{padding-block:32px;gap:28px;}
 #page-equipements .te-hero{grid-template-columns:1fr;}
 #page-equipements .te-visual{height:310px;}
 #page-equipements .te-copy>p{max-width:55ch;}
 #page-home #homeExplore #homeJourney{padding-inline:24px;}
}
@media(max-width:540px){
 #page-transport .tx-hero h1,#page-equipements .te-hero h1,#page-pro .pp-hero h1,#page-pieces .pe-hero h1,#page-mobilhome .am62-hero h1{font-size:clamp(34px,9.5vw,45px);line-height:1.1;}
 #page-transport .tx-hero-copy>p,#page-equipements .te-copy>p,#page-pro .pp-copy>p,#page-pieces .pe-hero>div>p,#page-mobilhome .am62-copy>p{font-size:14px;}
 #page-equipements .te-visual{height:255px;}
 #page-equipements .te-brand-photo{height:230px;}
 #page-equipements .te-brand-body{padding:22px;}
 #page-equipements .te-route b{font-size:11px;}
 #page-home #homeMosaic .hm-sub{font-size:13px;}
 #page-home #homeMosaic .hm-card--annonces .hm-sub{font-size:14px;}
 #page-home #homeAnalyses .ha-entry,#page-home #homeExplore #homeJourney{padding-inline:22px;}
 #page-pro .pp-catalogue-grid .pp-listing-copy{padding:13px;}
 #page-pro .pp-catalogue-grid .pp-listing h3{font-size:14px;}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important;}body>nav .nav-link,#page-equipements .te-brand{transition:none;}}

.site-footer button.footer-link{display:block;border:0;background:none;padding:0;text-align:left;font-family:var(--font-body);cursor:pointer;}
