/* ========================================================================
   Pages intérieures (4 oct. 2026) : même éclat que l'accueil.
   Chargé avec maquette.css (barre du haut, logo) sur les pages qui ont
   <body class="maq">. Pour revenir en arrière : retirer les deux <link>.
   ======================================================================== */

/* Fond : le même studio bleu lumineux que le haut de l'accueil */
.maq .hero.premium{background:
    linear-gradient(90deg,rgba(2,14,40,.62),rgba(2,14,40,.25) 40%,rgba(2,14,40,0) 60%),
    linear-gradient(180deg,rgba(2,16,44,.10) 0,rgba(2,16,44,.30) 55%,#04163A 100%),
    url(/assets/maquette/fond-studio.webp) center -158px/max(1900px,100%) auto no-repeat,
    #03173D}
.maq .hero.premium .aurora,.maq .hero.premium .glow2{display:none}
.maq .hero.premium .lead{color:#D5E1F0}

/* Boutons d'action : le turquoise vif de l'accueil au lieu du vert */
.maq .glasscard .btn-go,.maq .hero.premium .btn-go{background:linear-gradient(180deg,#43DDF8,#14B2E8);color:#fff;
  box-shadow:0 0 0 1px rgba(255,255,255,.12) inset,0 14px 40px -10px rgba(47,211,245,.75)}
.maq .glasscard .btn-go:hover,.maq .hero.premium .btn-go:hover{box-shadow:0 0 0 1px rgba(255,255,255,.18) inset,0 20px 50px -10px rgba(47,211,245,.9)}

/* Pastilles : point turquoise, fond un peu plus clair */
.maq .mchip{background:rgba(255,255,255,.07);border-color:rgba(120,200,255,.28);color:#E6EEF9}
.maq .mchip .dot{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}

/* Le panneau du formulaire : même bleu que celui de l'accueil */
.maq .glasscard{background:linear-gradient(180deg,rgba(13,44,96,.82),rgba(6,28,66,.88));border-color:rgba(110,180,255,.30)}

/* Listes déroulantes (année, état) : même allure que les champs texte */
.maq .field select{width:100%;padding:14px 15px;border:1px solid var(--glass-bd);border-radius:13px;
  background:rgba(255,255,255,.06);color:#EAF1FA;font:inherit;font-size:16px;-webkit-appearance:none;appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2338E1DE' stroke-width='2' fill='none'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 16px center}
.maq .field select option{color:#0B1122}
.maq .field select:focus{outline:0;border-color:var(--cyan);box-shadow:0 0 0 4px rgba(56,225,222,.14)}

/* Cellulaire : le formulaire monte plus haut */
@media(max-width:600px){
  .maq .hero.premium{padding-top:92px!important;padding-bottom:48px!important}
  .maq .hero.premium h1{font-size:38px}
  .maq .hero.premium .lead{font-size:15px;margin-top:14px}
  .maq .hero.premium .microchips{margin-top:16px}
  .maq .hero.premium .wrap{gap:24px}
  .maq .glasscard{padding:20px 16px}
}

/* Inventaire et fiches de véhicule (15 h 45) : même studio lumineux en haut de page */
.maq .page{background:
    linear-gradient(90deg,rgba(2,14,40,.7),rgba(2,14,40,0) 12%,rgba(2,14,40,0) 88%,rgba(2,14,40,.7)) 0 0/100% 700px no-repeat,
    linear-gradient(180deg,rgba(2,16,44,.12) 0,rgba(2,16,44,.45) 380px,#04163A 760px,#04163A 100%),
    url(/assets/maquette/fond-studio.webp) center -158px/max(1900px,100%) auto no-repeat,
    #04163A}
.maq .page .aurora,.maq .page .glow2{display:none}
.maq .phead p{color:#C9D6E8}
/* Bouton « Faites-vous approuver » : turquoise vif de l'accueil au lieu du vert */
.maq .btn-wow{background:linear-gradient(180deg,#43DDF8,#14B2E8)!important;color:#fff!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.14) inset,0 14px 40px -10px rgba(47,211,245,.8)!important}
@media(max-width:600px){.maq .page{padding-top:92px}}