/* VTC Grenoble — premium desktop/mobile layout Images intentionally remain placeholders so the client's own images can be inserted later. */ :root{--navy:#071a29;--navy2:#0a2133;--navy3:#061521;--gold:#d7aa5c;--gold2:#edc477;--white:#f7f4ee;--muted:#bdc7cd;--line:rgba(219,231,238,.22);--container:1180px} *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy3);color:var(--white);font-family:"Segoe UI",Arial,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.container{width:min(var(--container),calc(100% - 72px));margin:auto}.image-placeholder{position:relative;overflow:hidden;background:linear-gradient(135deg,#36566b,#1c394d 45%,#081a29)}.image-placeholder:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.045) 50%,transparent 75%)}.small-placeholder{background:transparent}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--gold2);font-size:12px;font-weight:700;letter-spacing:1.1px}.eyebrow span{width:34px;height:3px;background:var(--gold2);display:inline-block}.btn{height:48px;padding:0 25px;display:inline-flex;align-items:center;justify-content:center;gap:11px;border:1px solid var(--gold);border-radius:4px;font-size:12px;font-weight:800;letter-spacing:.15px;transition:.2s}.btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.btn-gold{background:var(--gold2);color:#101820;border-color:var(--gold2)}.btn-outline{background:rgba(4,16,27,.28);color:#fff}.btn-whatsapp{background:#25D366;color:#fff;border-color:#25D366}.btn-whatsapp svg{fill:none;stroke:currentColor;stroke-width:1.8}.btn-whatsapp:hover{background:#20bd5a;border-color:#20bd5a}.btn:hover{transform:translateY(-1px);filter:brightness(1.05)} /* CLIENT PHOTOS */ .hero-image{background-image:url("../images/01_Mercedes_Alpine_Road.jpg");background-size:cover;background-position:center 56%} .service-card:nth-child(1) .service-image{background-image:url("../images/02_Airport_Sunset.jpg");background-size:cover;background-position:center} .service-card:nth-child(2) .service-image{background-image:url("../images/03_Ski_Station_Gondolas.jpg");background-size:cover;background-position:center} .service-card:nth-child(3) .service-image{background-image:url("../images/04_Chauffeur_City.jpg");background-size:cover;background-position:center} .vehicle-photo{background-image:url("../images/06_Mercedes_SUV_Alpine_Sunset.jpg");background-size:cover;background-position:center 55%} .custom-service-background{background-image:url("../images/05_Grenoble_Alps_Panorama.jpg");background-size:cover;background-position:center} .reservation-background{background-image:url("../images/05_Grenoble_Alps_Panorama.jpg");background-size:cover;background-position:center} /* HEADER */ .site-header{height:78px;background:#081a2a;border-bottom:1px solid rgba(255,255,255,.07);position:sticky;top:0;z-index:50}.nav-wrap{height:100%;display:grid;grid-template-columns:270px 1fr 220px;align-items:center}.brand{display:flex;align-items:center;gap:8px}.brand-mark{width:82px;height:44px}.brand-text{display:flex;flex-direction:column;align-items:center;line-height:1}.brand-text strong{font-family:Georgia,"Times New Roman",serif;color:#e9bd70;font-size:18px;font-weight:500;letter-spacing:.5px;white-space:nowrap}.brand-text span{color:#9da9b1;font-size:7px;letter-spacing:2.2px;margin-top:5px;white-space:nowrap}.main-nav{height:100%;display:flex;justify-content:center;align-items:center;gap:38px}.main-nav a{position:relative;color:#e4e8e9;font-size:13px;padding:30px 0 26px}.main-nav a.active,.main-nav a:hover{color:var(--gold2)}.main-nav a.active:after{content:"";position:absolute;bottom:17px;left:0;right:0;height:2px;background:var(--gold2)}.header-phone{display:flex;justify-content:flex-end;align-items:center;gap:11px}.header-phone svg{width:23px;height:23px;fill:none;stroke:var(--gold2);stroke-width:1.7}.header-phone strong{display:block;font-size:13px}.header-phone small{display:block;color:#9faab1;font-size:8px;margin-top:3px}.menu-toggle{display:none} /* HERO */ .hero{height:470px;position:relative;overflow:hidden}.hero-image,.hero-overlay{position:absolute;inset:0}.hero-overlay{background:linear-gradient(90deg,rgba(4,17,29,.92) 0%,rgba(4,17,29,.64) 42%,rgba(4,17,29,.10) 78%),linear-gradient(0deg,rgba(3,14,24,.38),transparent 40%)}.hero-content{position:relative;padding-top:92px}.gold-line{width:60px;height:4px;background:var(--gold2);margin-bottom:20px}.hero h1{margin:0 0 18px;font-family:Georgia,"Times New Roman",serif;font-size:58px;line-height:1.03;font-weight:500;letter-spacing:-1.6px}.hero p{margin:0 0 25px;color:#f0f1f1;font-size:16px;line-height:1.55}.hero-actions{display:flex;gap:15px} /* SERVICE CARDS */ .services-section{padding:30px 0;background:#071c2c}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.service-card{min-height:310px;position:relative;overflow:hidden;text-align:center;background:#092234;border:1px solid rgba(189,204,213,.32);box-shadow:0 7px 20px rgba(0,0,0,.2)}.service-image{height:145px}.service-icon{position:absolute;top:115px;left:50%;transform:translateX(-50%);width:62px;height:62px;display:grid;place-items:center;border:2px solid var(--gold2);border-radius:50%;background:#091d2c;color:var(--gold2)}.service-icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.5}.service-body{padding:31px 28px 20px}.service-body h2{margin:0 0 10px;font-family:Georgia,"Times New Roman",serif;font-size:24px;line-height:1.1;font-weight:500}.service-body p{margin:0 auto 15px;max-width:310px;color:#c1c9ce;font-size:12px;line-height:1.6}.service-body a{display:inline-flex;align-items:center;gap:6px;color:var(--gold2);font-size:11px;font-weight:700}.service-body a svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8} /* VEHICLE */ .vehicle-section{min-height:350px;position:relative;overflow:hidden}.vehicle-photo,.vehicle-overlay{position:absolute;inset:0}.vehicle-overlay{background:linear-gradient(90deg,rgba(5,18,29,.08) 0%,rgba(5,18,29,.16) 39%,rgba(4,16,27,.93) 55%,#061725 100%)}.vehicle-content{min-height:350px;position:relative;display:flex;justify-content:flex-end;align-items:center}.vehicle-copy{width:51%;padding-left:30px}.vehicle-copy h2{margin:12px 0 12px;font-family:Georgia,"Times New Roman",serif;font-size:30px;line-height:1.12;font-weight:500}.vehicle-copy p{max-width:520px;margin:0 0 24px;color:#c4cbd0;font-size:13px;line-height:1.6}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 14px}.features div{display:flex;align-items:center;gap:9px;color:#e1e4e4;font-size:12px;white-space:nowrap}.features b{width:25px;height:25px;color:var(--gold2);display:grid;place-items:center;font-weight:400}.features b svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5}.features .text-icon{font-size:13px} /* SERVICE SUR MESURE */ .custom-service-section{min-height:330px;position:relative;overflow:hidden}.custom-service-background,.custom-service-overlay{position:absolute;inset:0}.custom-service-overlay{background:linear-gradient(90deg,rgba(4,18,29,.93),rgba(4,18,29,.70) 48%,rgba(4,18,29,.22) 100%)}.custom-service-grid{position:relative;min-height:330px;display:flex;align-items:center}.custom-service-copy{width:63%}.custom-service-copy h2,.reservation-copy h2{margin:12px 0;font-family:Georgia,"Times New Roman",serif;font-size:35px;line-height:1.05;font-weight:500}.custom-service-copy p,.reservation-copy p{max-width:590px;margin:0 0 25px;color:#d0d7da;font-size:14px;line-height:1.55}.service-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.service-benefits>div{display:flex;gap:11px;padding-right:15px;margin-right:15px;border-right:1px solid rgba(218,229,236,.2)}.service-benefits>div:last-child{border-right:0}.service-benefits>div>svg{width:32px;height:32px;flex:none;fill:none;stroke:var(--gold2);stroke-width:1.5}.service-benefits strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:16px;font-weight:500;line-height:1.2}.service-benefits small{display:block;margin-top:6px;color:#bfc9ce;font-size:10px;line-height:1.4} /* RESERVATION */ .reservation-section{min-height:370px;position:relative;overflow:hidden}.reservation-background,.reservation-overlay{position:absolute;inset:0}.reservation-overlay{background:linear-gradient(90deg,rgba(5,22,35,.20),rgba(4,16,27,.74) 46%,rgba(4,15,25,.97) 100%)}.reservation-grid{position:relative;min-height:370px;display:grid;grid-template-columns:43% 57%;align-items:center}.reservation-copy{padding-right:45px}.booking-form{padding:25px 28px 22px;background:rgba(4,20,32,.78);border:1px solid rgba(151,172,185,.35);border-radius:7px;box-shadow:0 12px 30px rgba(0,0,0,.18)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 20px}.field label{display:block;margin-bottom:8px;color:#edf0f0;font-size:12px;font-weight:600}.input-wrap{height:43px;display:flex;align-items:center;gap:9px;padding:0 11px;border:1px solid rgba(130,155,171,.65);border-radius:5px;background:rgba(5,18,29,.25)}.input-wrap svg{width:19px;height:19px;flex:none;fill:none;stroke:var(--gold2);stroke-width:1.5}.input-wrap input,.input-wrap select{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#e9ecee;font-size:11px}.input-wrap input::placeholder{color:#82919c}.input-wrap select option{color:#111}.input-wrap input[type="datetime-local"]{color:var(--gold2);accent-color:var(--gold2);color-scheme:dark}.input-wrap input[type="datetime-local"]::-webkit-calendar-picker-indicator{opacity:1;cursor:pointer;filter:brightness(0) saturate(100%) invert(76%) sepia(31%) saturate(603%) hue-rotate(359deg) brightness(92%) contrast(88%)}.date-time-wrap{gap:8px}.date-time-wrap input{flex:1}.now-btn{flex:none;border:1px solid rgba(218,183,112,.65);background:rgba(218,183,112,.08);color:var(--gold2);border-radius:4px;padding:7px 9px;font-size:9px;font-weight:700;letter-spacing:.2px;cursor:pointer;transition:.2s}.now-btn:hover{background:rgba(218,183,112,.18);border-color:var(--gold2)}.submit-btn{width:100%;height:45px;margin-top:20px}.form-assurances{display:grid;grid-template-columns:repeat(3,1fr);margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.09)}.form-assurances span{display:flex;align-items:center;justify-content:center;gap:7px;color:#d9e0e2;font-size:10px;border-right:1px solid rgba(255,255,255,.1)}.form-assurances span:last-child{border-right:0}.form-assurances svg{width:19px;height:19px;fill:none;stroke:var(--gold2);stroke-width:1.5} /* EXTRA INFO */ .info-section,.about-section{padding:56px 0;background:#071a29;border-top:1px solid rgba(255,255,255,.04)}.info-grid,.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.info-section h2,.about-section h2{font-family:Georgia,"Times New Roman",serif;font-size:31px;font-weight:500;line-height:1.12;margin:12px 0}.info-section p,.about-section p{color:#c4cdd1;font-size:14px;line-height:1.7;margin:0}.about-section .about-copy p{font-size:14px;line-height:1.7;color:#c4cdd1}.about-section{background:#061521}.about-points{display:grid;grid-template-columns:1fr 1fr;gap:14px}.about-points div{display:flex;align-items:center;gap:13px;padding:18px;border:1px solid rgba(219,231,238,.12);background:#092033;color:#e8ecec;font-size:13px}.about-points svg{width:25px;height:25px;fill:none;stroke:var(--gold2);stroke-width:1.5} /* TRUST + FOOTER */ .trust-section{min-height:88px;background:#071a29;border-top:1px solid rgba(255,255,255,.035)}.trust-grid{min-height:88px;display:grid;grid-template-columns:repeat(4,1fr)}.trust-grid div{display:flex;align-items:center;justify-content:center;gap:12px;border-right:1px solid rgba(255,255,255,.07)}.trust-grid div:last-child{border-right:0}.trust-grid svg{width:28px;height:28px;fill:none;stroke:var(--gold2);stroke-width:1.5}.trust-grid strong{font-size:12px;line-height:1.45}.trust-grid small{color:#bec6cb;font-weight:400}.site-footer{padding:31px 0 18px;background:#061522}.footer-top{display:grid;grid-template-columns:270px 1fr auto;align-items:center;gap:28px}.footer-brand{display:flex;align-items:center}.footer-logo{width:82px;height:44px;margin-right:8px}.footer-nav{display:flex;justify-content:center;gap:28px}.footer-nav a{color:#e1e5e5;font-size:11px}.footer-contact{display:flex;align-items:center;gap:15px;color:#dfb66d;font-size:10px}.footer-contact a:first-child{display:flex;align-items:center;gap:5px}.footer-contact svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6}.footer-bottom{display:flex;justify-content:space-between;margin-top:26px;padding-top:14px;border-top:1px solid rgba(255,255,255,.055);color:#71808a;font-size:9px}.toast{position:fixed;right:24px;bottom:24px;z-index:99;padding:14px 19px;border-radius:5px;color:#111;background:var(--gold2);font-size:12px;transform:translateY(120px);opacity:0;transition:.3s}.toast.show{transform:translateY(0);opacity:1} @media(max-width:1050px){.container{width:min(900px,calc(100% - 42px))}.nav-wrap{grid-template-columns:230px 1fr 180px}.main-nav{gap:22px}.hero h1{font-size:50px}.custom-service-copy{width:72%}.service-benefits{grid-template-columns:repeat(2,1fr);gap:18px}.service-benefits>div:nth-child(2){border-right:0}.reservation-grid{grid-template-columns:1fr}.reservation-copy{padding:45px 0 15px}.booking-form{margin-bottom:45px}.reservation-section{min-height:600px}} @media(max-width:800px){.site-header{height:70px}.nav-wrap{display:flex;justify-content:space-between}.main-nav{display:none}.menu-toggle{display:grid;place-items:center;border:0;background:none;color:#fff;cursor:pointer}.menu-toggle svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.5}.main-nav.open{position:absolute;top:70px;left:0;right:0;height:auto;display:flex;flex-direction:column;gap:0;padding:12px 22px;background:#081a2a;border-top:1px solid rgba(255,255,255,.05)}.main-nav.open a{width:100%;padding:13px;border-bottom:1px solid rgba(255,255,255,.05)}.main-nav a.active:after{display:none}.header-phone{display:none}.hero{height:540px}.hero-content{padding-top:85px}.service-grid{grid-template-columns:1fr}.vehicle-section,.vehicle-content{min-height:500px}.vehicle-overlay{background:linear-gradient(0deg,#061725 10%,rgba(4,16,27,.74) 55%,rgba(4,16,27,.12) 100%)}.vehicle-content{align-items:flex-end;padding-bottom:35px}.vehicle-copy{width:100%;padding:0}.custom-service-grid{min-height:500px;align-items:flex-end;padding-bottom:40px}.custom-service-copy{width:100%}.reservation-section{min-height:auto}.reservation-grid{min-height:auto}.form-grid{grid-template-columns:1fr}.form-assurances{grid-template-columns:1fr;gap:12px}.form-assurances span{border-right:0;justify-content:flex-start}.info-grid,.about-grid{grid-template-columns:1fr;gap:30px}.trust-grid{grid-template-columns:1fr 1fr}.trust-grid div{border:0;justify-content:flex-start;padding:14px}.footer-top{grid-template-columns:1fr;gap:20px}.footer-nav{justify-content:flex-start;flex-wrap:wrap}.footer-bottom{flex-direction:column;gap:8px}} @media(max-width:560px){.container{width:calc(100% - 28px)}.brand-mark{width:65px}.brand-text strong{font-size:15px}.brand-text span{font-size:6px}.hero{height:520px}.hero h1{font-size:39px}.hero p{font-size:14px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-actions .btn{width:100%}.service-body h2{font-size:22px}.vehicle-copy h2,.custom-service-copy h2,.reservation-copy h2{font-size:29px}.features{grid-template-columns:1fr 1fr}.service-benefits{grid-template-columns:1fr}.service-benefits>div{border-right:0;border-bottom:1px solid rgba(218,229,236,.15);padding:0 0 13px;margin:0 0 13px}.service-benefits>div:last-child{border-bottom:0}.footer-contact{flex-wrap:wrap}.footer-bottom{font-size:8px}} /* ICON REFINEMENT — reference design: thin gold line icons, no emoji glyphs */ .service-icon svg,.features b svg,.service-benefits>div>svg,.input-wrap svg,.form-assurances svg,.about-points svg,.trust-grid svg,.footer-contact svg{vector-effect:non-scaling-stroke;} .trust-grid svg{width:29px;height:29px;stroke-width:1.45;} .social-icon{display:grid;place-items:center;color:var(--gold2);width:20px;height:20px;} .social-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;} .social-icon[aria-label="Facebook"] svg{fill:currentColor;stroke:none;} .footer-contact{gap:14px;} .social-whatsapp{display:flex;align-items:center;gap:5px;} .social-whatsapp svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;} /* Contact choice popup */ body.contact-choice-open{overflow:hidden} .contact-choice-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(2,10,18,.78);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease} .contact-choice-overlay.open{opacity:1;visibility:visible} .contact-choice{position:relative;width:min(420px,100%);padding:30px;background:#081a2a;border:1px solid rgba(218,183,112,.35);border-radius:10px;box-shadow:0 24px 70px rgba(0,0,0,.45);text-align:center;transform:translateY(12px) scale(.98);transition:transform .2s ease} .contact-choice-overlay.open .contact-choice{transform:translateY(0) scale(1)} .contact-choice-close{position:absolute;top:10px;right:13px;width:34px;height:34px;border:0;background:transparent;color:#c9d1d5;font-size:28px;line-height:1;cursor:pointer} .contact-choice-icon{margin:0 auto 12px;color:var(--gold2);font-size:28px} .contact-choice h3{margin:0;color:#fff;font-size:18px;font-weight:600} .contact-choice>p{margin:8px 0 22px;color:#b9c3c9;font-size:13px} .contact-choice-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px} .contact-option{display:flex;align-items:center;gap:10px;padding:14px;text-align:left;border:1px solid rgba(255,255,255,.1);border-radius:7px;color:#fff;text-decoration:none;transition:transform .15s ease,border-color .15s ease,background .15s ease} .contact-option:hover{transform:translateY(-2px);border-color:var(--gold2);background:rgba(255,255,255,.04)} .option-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(218,183,112,.12);font-size:17px} .contact-option strong,.contact-option small{display:block}.contact-option strong{font-size:12px}.contact-option small{margin-top:3px;color:#9faab1;font-size:9px} @media(max-width:560px){.contact-choice{padding:26px 18px}.contact-choice-actions{grid-template-columns:1fr}.contact-choice h3{font-size:16px}} /* ONLINE BOOKING — independent from DEMANDER UN DEVIS */ .online-booking-section{padding:72px 0;background:#061521;border-top:1px solid rgba(255,255,255,.05)} .online-booking-wrap{max-width:980px}.online-booking-heading{text-align:center;max-width:700px;margin:0 auto 35px}.online-booking-heading .eyebrow{justify-content:center}.online-booking-heading h2{margin:14px 0 12px;font-family:Georgia,"Times New Roman",serif;font-size:38px;line-height:1.08;font-weight:500}.online-booking-heading p{margin:0;color:#bcc8ce;font-size:13px;line-height:1.6} .online-booking-form{background:#081d2d;border:1px solid rgba(219,231,238,.15);border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.22);overflow:hidden}.booking-step{padding:27px 30px;border-bottom:1px solid rgba(255,255,255,.08)}.booking-step:last-of-type{border-bottom:0}.booking-step-title{display:flex;align-items:center;gap:13px;margin-bottom:22px}.booking-step-title>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(218,183,112,.55);border-radius:50%;color:var(--gold2);font-size:10px;font-weight:800}.booking-step-title strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:19px;font-weight:500}.booking-step-title small{display:block;margin-top:4px;color:#8797a1;font-size:10px}.booking-fields{display:grid;gap:17px 18px}.booking-fields.two-cols{grid-template-columns:1fr 1fr}.booking-fields.three-cols{grid-template-columns:repeat(3,1fr)}.booking-fields .input-wrap{height:46px}.booking-fields input,.booking-fields select{font-size:12px}.stops-head{display:flex;align-items:center;justify-content:space-between;margin:22px 0 10px;padding-top:16px;border-top:1px solid rgba(255,255,255,.06)}.stops-head strong{display:block;font-size:12px}.stops-head small{display:block;color:#83929c;font-size:9px;margin-top:4px}.text-btn{border:0;background:transparent;color:var(--gold2);font-size:11px;font-weight:700;cursor:pointer}.text-btn:disabled{opacity:.4;cursor:not-allowed}.stops-list{display:grid;gap:9px}.stop-row{display:flex;gap:9px}.stop-row .input-wrap{flex:1}.stop-row>button{width:42px;border:1px solid rgba(255,255,255,.12);background:transparent;color:#b9c4ca;border-radius:5px;font-size:22px;cursor:pointer}.stop-row>button:hover{border-color:var(--gold2);color:var(--gold2)}.booking-note{margin:12px 0 0;color:#8998a2;font-size:10px}.booking-note.warning,.booking-summary small.warning{color:#e8a66d}.vehicle-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.vehicle-choice{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:11px;padding:14px;border:1px solid rgba(255,255,255,.11);border-radius:7px;background:#071a29;cursor:pointer;transition:.2s}.vehicle-choice:hover,.vehicle-choice.selected{border-color:rgba(218,183,112,.7);background:rgba(218,183,112,.055)}.vehicle-choice input{position:absolute;opacity:0;pointer-events:none}.vehicle-choice-icon{display:grid;place-items:center;width:48px;height:40px;border:1px solid rgba(218,183,112,.45);border-radius:5px;color:var(--gold2);font-size:9px;font-weight:800}.vehicle-choice strong{display:block;font-size:12px}.vehicle-choice small{display:block;color:#82919c;font-size:9px;margin-top:4px}.vehicle-choice>b{color:var(--gold2);font-size:10px}.booking-summary{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:24px 30px;background:#061725}.booking-summary span{display:block;color:#9caab2;font-size:10px}.booking-summary strong{display:block;margin-top:3px;font-family:Georgia,"Times New Roman",serif;font-size:28px;font-weight:500;color:var(--gold2)}.booking-summary small{display:block;margin-top:4px;color:#788995;font-size:9px}.booking-summary .btn{min-width:235px}.booking-disabled{color:#b8c2c7;font-size:12px}.admin-link{color:#8f9ba2}.admin-link:hover{color:var(--gold2)} /* ADMIN */ .admin-page{background:#061521}.admin-title{text-align:center;color:#d9e0e2;font-size:11px;font-weight:800;letter-spacing:1px}.admin-back{height:38px;padding:0 15px}.admin-main{padding:55px 0 80px}.admin-hero{margin-bottom:28px}.admin-hero h1{margin:12px 0 8px;font-family:Georgia,"Times New Roman",serif;font-size:40px;font-weight:500}.admin-hero p{margin:0;color:#9eabb2;font-size:13px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.admin-card{background:#081d2d;border:1px solid rgba(255,255,255,.09);border-radius:9px;padding:24px}.admin-wide{grid-column:1/-1}.admin-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.admin-card h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:20px;font-weight:500}.admin-card-head p{margin:6px 0 0;color:#83929b;font-size:10px}.admin-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.admin-fields label{color:#dce2e4;font-size:10px;font-weight:600}.admin-fields .full{grid-column:1/-1}.admin-fields input,.admin-fields textarea{width:100%;margin-top:7px;padding:11px;border:1px solid rgba(130,155,171,.45);border-radius:5px;outline:none;background:#061725;color:#edf0f0;font-size:12px}.admin-fields textarea{resize:vertical}.switch{position:relative;width:45px;height:25px;flex:none}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;inset:0;background:#263744;border-radius:30px;cursor:pointer}.switch span:before{content:"";position:absolute;width:19px;height:19px;left:3px;top:3px;background:#aab4b9;border-radius:50%;transition:.2s}.switch input:checked+span{background:rgba(218,183,112,.4)}.switch input:checked+span:before{transform:translateX(20px);background:var(--gold2)}.vehicles-editor{display:grid;gap:12px}.admin-vehicle-row{display:grid;grid-template-columns:1.1fr 1.5fr .7fr .8fr .8fr;gap:10px;align-items:end;padding:14px;background:#061725;border:1px solid rgba(255,255,255,.07);border-radius:6px}.admin-vehicle-row label{color:#9ba8af;font-size:9px}.admin-vehicle-row input:not([type="checkbox"]){display:block;width:100%;margin-top:6px;padding:9px;border:1px solid rgba(130,155,171,.4);border-radius:4px;background:#081d2d;color:#fff;font-size:11px}.vehicle-enabled{display:flex;align-items:center;gap:7px;height:34px}.vehicle-enabled input{accent-color:var(--gold2)}.bookings-list{display:grid;gap:9px}.booking-admin-item{display:grid;grid-template-columns:.9fr 1.3fr 1fr .6fr;gap:15px;padding:14px;background:#061725;border:1px solid rgba(255,255,255,.06);border-radius:6px}.booking-admin-item div span,.booking-admin-item div strong{display:block}.booking-admin-item span{color:#84949e;font-size:9px;line-height:1.5}.booking-admin-item strong,.booking-admin-item b{font-size:11px;color:#e5e9ea}.booking-admin-item b{color:var(--gold2)}.empty-bookings{padding:25px;text-align:center;color:#7f8f99;font-size:11px;border:1px dashed rgba(255,255,255,.1)}.danger-btn{border:1px solid rgba(210,100,90,.5);background:transparent;color:#e5a19a;padding:9px 12px;border-radius:4px;font-size:9px;font-weight:800;cursor:pointer}.danger-btn:hover{background:rgba(210,100,90,.08)}.admin-actions{display:flex;gap:12px;margin-top:22px}.admin-status{min-height:18px;color:var(--gold2);font-size:11px;margin:12px 0 0} @media(max-width:800px){.booking-fields.two-cols,.booking-fields.three-cols,.vehicle-choices,.admin-grid{grid-template-columns:1fr}.booking-summary{align-items:stretch;flex-direction:column}.booking-summary .btn{width:100%}.admin-title{display:none}.admin-vehicle-row,.booking-admin-item{grid-template-columns:1fr}.admin-fields{grid-template-columns:1fr}.admin-fields .full{grid-column:auto}.admin-actions{flex-direction:column}.admin-actions .btn{width:100%}.admin-card-head{flex-direction:column}.admin-card-head .danger-btn{width:100%}} /* --- Predefined booking locations --- */ .preset-locations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px} .preset-location{display:flex;align-items:center;gap:9px;width:100%;padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.035);color:inherit;text-align:left;cursor:pointer;transition:.2s ease} .preset-location:hover,.preset-location.selected{border-color:rgba(212,175,55,.65);background:rgba(212,175,55,.08);transform:translateY(-1px)} .preset-location-icon{font-size:22px;line-height:1;flex:0 0 auto} .preset-location strong,.preset-location small{display:block}.preset-location strong{font-size:12px}.preset-location small{margin-top:2px;opacity:.58;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .booking-distance-row{margin-top:16px} .admin-editor-list{display:flex;flex-direction:column;gap:10px} .admin-location-row,.admin-simple-row{display:grid;grid-template-columns:1.1fr .55fr .9fr 1.5fr auto;gap:10px;align-items:end;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.025)} .admin-simple-row{grid-template-columns:2fr 1fr 1fr 1fr} .admin-editor-list label{display:flex;flex-direction:column;gap:5px;font-size:11px;font-weight:700}.admin-editor-list input,.admin-editor-list select,.admin-holidays{width:100%;box-sizing:border-box;padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(0,0,0,.18);color:inherit} .danger-btn.compact{padding:9px 11px;font-size:10px;white-space:nowrap}.admin-holidays{margin-top:10px;resize:vertical;min-height:110px} @media(max-width:800px){.preset-locations{grid-template-columns:1fr}.admin-location-row,.admin-simple-row{grid-template-columns:1fr 1fr}.admin-location-row .location-address{grid-column:1/-1}.admin-location-row .compact{grid-column:1/-1;width:max-content}} /* BOOKING WIZARD */ .booking-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 14px}.booking-progress button{border:1px solid rgba(255,255,255,.1);background:#071a29;color:#83929c;border-radius:8px;padding:14px 12px;font-size:11px;font-weight:800;letter-spacing:.3px;cursor:pointer;transition:.2s}.booking-progress button span{display:inline-grid;place-items:center;width:24px;height:24px;margin-right:7px;border-radius:50%;border:1px solid rgba(255,255,255,.13)}.booking-progress button.active{background:rgba(218,183,112,.12);border-color:rgba(218,183,112,.65);color:var(--gold2)}.booking-progress button.done{color:#cdd5d8} .booking-step-panel{display:none;padding:30px;border-bottom:1px solid rgba(255,255,255,.08)}.booking-step-panel.active{display:block}.booking-step-panel .booking-step-title{margin-bottom:25px} .time-picker-box{margin-top:22px;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.025)}.time-picker-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:13px}.time-picker-head label{display:block;color:#edf0f0;font-size:12px;font-weight:700}.time-picker-head small{display:block;color:#84949e;font-size:9px;margin-top:4px}.now-action{border:1px solid rgba(218,183,112,.65);background:rgba(218,183,112,.1);color:var(--gold2);border-radius:7px;padding:10px 13px;font-size:10px;font-weight:800;cursor:pointer;white-space:nowrap}.now-action:hover{background:rgba(218,183,112,.2);transform:translateY(-1px)}.time-choices{display:flex;flex-wrap:wrap;gap:7px;max-height:170px;overflow:auto;padding:2px}.time-chip{min-width:62px;border:1px solid rgba(255,255,255,.1);background:#061725;color:#b7c2c7;border-radius:6px;padding:9px 8px;font-size:10px;font-weight:700;cursor:pointer;transition:.18s}.time-chip:hover,.time-chip.selected{border-color:rgba(218,183,112,.7);background:rgba(218,183,112,.11);color:var(--gold2)}.custom-time-row{display:flex;align-items:center;gap:10px;margin-top:13px;padding-top:13px;border-top:1px solid rgba(255,255,255,.06)}.custom-time-row>span{color:#9aa8af;font-size:10px;flex:1}.custom-time-row .input-wrap{width:150px;height:40px}.custom-time-row input[type=time]{color:var(--gold2);color-scheme:dark} .vehicle-choices{grid-template-columns:1fr 1fr}.vehicle-choice{grid-template-columns:145px 1fr auto;min-height:130px;padding:0;overflow:hidden}.vehicle-choice-image{height:100%;min-height:130px;background:#fff;display:grid;place-items:center;overflow:hidden}.vehicle-choice-image img{width:100%;height:100%;object-fit:contain}.vehicle-choice-placeholder{color:#0b3151;font-size:13px;font-weight:900}.vehicle-choice-info{padding:16px 8px}.vehicle-choice-info span{display:block;margin-top:8px;color:#748792;font-size:9px}.vehicle-choice>b{padding-right:15px;white-space:nowrap} .booking-subtitle{margin:25px 0 12px;font-family:Georgia,"Times New Roman",serif;font-size:17px;font-weight:500}.payment-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.payment-choice{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:10px;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#071a29;cursor:pointer;transition:.2s}.payment-choice:hover,.payment-choice.selected{border-color:rgba(218,183,112,.7);background:rgba(218,183,112,.06)}.payment-choice input{position:absolute;opacity:0}.payment-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;background:rgba(255,255,255,.05);font-size:20px}.payment-choice strong,.payment-choice small{display:block}.payment-choice strong{font-size:11px}.payment-choice small{margin-top:4px;color:#83929c;font-size:9px}.client-fields{margin-top:12px}.terms-check{display:flex;align-items:flex-start;gap:9px;margin-top:18px;color:#9eabb2;font-size:10px;line-height:1.5;cursor:pointer}.terms-check input{margin-top:2px;accent-color:var(--gold2)}.booking-summary-details{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:14px;background:#061725;border-radius:8px}.booking-summary-details>div{padding:9px;border-right:1px solid rgba(255,255,255,.07)}.booking-summary-details>div:last-child{border-right:0}.booking-summary-details small,.booking-summary-details strong{display:block}.booking-summary-details small{color:#768792;font-size:8px;text-transform:uppercase;letter-spacing:.4px}.booking-summary-details strong{margin-top:5px;color:#dfe5e7;font-size:10px;line-height:1.4}.booking-navigation{display:flex;align-items:center;gap:10px;padding:18px 30px;background:#071a29;border-top:1px solid rgba(255,255,255,.08)}.booking-navigation-spacer{flex:1}.booking-navigation .btn{min-width:170px}.booking-summary{border-top:1px solid rgba(255,255,255,.07)} .vehicle-admin-image{width:100px;height:55px;border-radius:5px;background:#fff;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.vehicle-admin-image img{width:100%;height:100%;object-fit:contain}.vehicle-admin-image span{color:#0b3151;font-size:9px;font-weight:800}.admin-vehicle-row{grid-template-columns:112px minmax(130px,1fr) minmax(190px,1.4fr) minmax(80px,.65fr) minmax(100px,.8fr) minmax(115px,1fr) minmax(175px,1.2fr);gap:12px}.vehicle-photo-field{min-width:0;display:flex;flex-direction:column;gap:6px}.vehicle-photo-label{display:block;color:#344756;font-size:11px;line-height:1.25}.vehicle-photo-input{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.vehicle-photo-upload{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;column-gap:7px;row-gap:3px;min-height:39px;padding:7px 9px;border:1px solid #cbd6de;border-radius:6px;background:#fff;color:#18344b!important;font-size:11px!important;font-weight:700!important;cursor:pointer;transition:border-color .15s,background .15s}.vehicle-photo-upload:hover{border-color:#bd8b3d;background:#fffaf1}.vehicle-photo-upload:focus-within{outline:2px solid #bd8b3d;outline-offset:2px}.vehicle-upload-icon{width:18px;height:18px;display:grid;place-items:center;border-radius:4px;background:#f3e6cf;color:#8a5c1c;font-size:16px;line-height:1}.vehicle-photo-filename{grid-column:2;display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#64748b;font-size:9px;font-weight:400}.vehicle-enabled{grid-column:2/-1!important;justify-self:start}.admin-payment-row{display:grid;grid-template-columns:1.3fr .5fr 1.6fr .8fr auto;gap:10px;align-items:end;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.025)}.admin-payment-row label{display:flex;flex-direction:column;gap:5px;color:#9ba8af;font-size:9px}.admin-payment-row input:not([type=checkbox]){padding:9px;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:#081d2d;color:#fff} @media(max-width:800px){.booking-progress{grid-template-columns:1fr}.booking-progress button{text-align:left}.vehicle-choices,.payment-choices,.booking-summary-details{grid-template-columns:1fr}.vehicle-choice{grid-template-columns:110px 1fr auto}.booking-summary-details>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.07)}.booking-summary-details>div:last-child{border-bottom:0}.time-picker-head{align-items:flex-start;flex-direction:column}.custom-time-row{flex-wrap:wrap}.custom-time-row>span{flex-basis:100%}.custom-time-row .input-wrap{width:100%;flex:1}.booking-navigation{padding:15px}.booking-navigation .btn{min-width:0;flex:1}.admin-vehicle-row,.admin-payment-row{grid-template-columns:1fr}.vehicle-admin-image{width:100%;height:120px}.vehicle-enabled{grid-column:auto!important}.vehicle-photo-upload{min-height:44px}.admin-payment-row .danger-btn{width:max-content}} /* ========================================================= RESERVATION V4 — reference-inspired booking flow Keeps the reservation at the bottom of the current site. ========================================================= */ .online-booking-section{background:#f4f5f7;color:#172433;padding:78px 0 90px;border-top:0} .online-booking-wrap{max-width:1060px} .online-booking-heading{text-align:center;max-width:820px;margin:0 auto 28px} .online-booking-heading .eyebrow{color:#0b74e8} .online-booking-heading .eyebrow span{background:#0b74e8} .online-booking-heading h2{font-family:Georgia,"Times New Roman",serif;color:#123452;font-size:38px;margin:12px 0 9px} .online-booking-heading p{color:#667684} .online-booking-form{background:#fff;border:1px solid #dfe5ea;border-radius:0;box-shadow:0 12px 35px rgba(12,37,57,.10);overflow:hidden} .booking-progress{grid-template-columns:repeat(4,1fr);gap:3px;margin:0 0 15px} .booking-progress button{border:0;border-radius:0;background:#082f55;color:#fff;padding:12px 9px;font-size:10px;letter-spacing:.2px;text-transform:none} .booking-progress button span{display:inline-grid;width:auto;height:auto;margin-right:4px;border:0;border-radius:0;font-size:10px} .booking-progress button.active{background:#0b79e7;color:#fff;border-color:transparent} .booking-progress button.done{background:#0b79e7;color:#fff} .booking-step-panel{padding:28px 30px 30px;background:#fff;border-bottom:1px solid #e4e8eb} .booking-step-title{color:#143858} .booking-step-title>span{border-color:#0b79e7;color:#0b79e7} .booking-step-title strong{font-family:Arial,Helvetica,sans-serif;font-size:18px;font-weight:700} .booking-step-title small{color:#71808d} .booking-reference-note{background:#0879e8;color:#fff;padding:16px 18px;margin:-28px -30px 26px;font-size:13px;line-height:1.45} .booking-reference-note strong{color:#ffe252} .booking-reference-note a{color:#ffe252;font-weight:800;text-decoration:none} .route-block{margin-bottom:19px} .destination-block{margin-top:7px} .route-label{display:flex;align-items:center;gap:11px;margin-bottom:10px} .route-number{display:grid;place-items:center;width:29px;height:29px;background:#082f55;color:#fff;font-size:10px;font-weight:800} .route-label strong{display:block;color:#143858;font-size:14px}.route-label small{display:block;color:#7a8892;font-size:10px;margin-top:2px} .location-tabs{display:flex;gap:8px;align-items:stretch} .location-tabs button{flex:1;min-height:56px;border:0;border-radius:10px 10px 0 0;background:#082f55;color:#0879e8;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;font-weight:700;font-size:11px;transition:.18s} .location-tabs button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.location-tabs button.active{background:#fff;color:#0879e8;box-shadow:0 -1px 0 #dce3e9,1px 0 0 #dce3e9,-1px 0 0 #dce3e9}.location-tabs button:hover{background:#0a3b67;color:#fff} .location-tabs button.active:hover{background:#fff;color:#0879e8} .route-input-row{position:relative}.route-input{height:58px!important;border-radius:0!important;border:1px solid #dfe5ea!important;border-top:0!important;box-shadow:none!important;background:#fff}.route-input input{font-size:15px!important;color:#2a3540}.route-input input::placeholder{color:#7c8790} .compact-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px}.compact-presets .preset-location{background:#f7f9fa;color:#22313d;border-color:#dfe5ea;border-radius:5px;padding:8px}.compact-presets .preset-location-icon{display:grid;place-items:center;width:23px;height:23px;color:#0879e8}.compact-presets .preset-location-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.compact-presets .preset-location strong{font-size:10px}.compact-presets .preset-location small{font-size:8px} .reference-stops{margin:14px 0 17px;padding:0;border:0}.reference-stops>div{background:#ffe14f;padding:8px 13px;border-radius:6px}.reference-stops strong{font-size:12px;color:#151b21}.reference-stops small{display:none}.stop-add-button{background:#ffe14f!important;color:#151b21!important;border:0!important;border-radius:6px!important;padding:9px 13px!important;font-size:11px!important} .stops-list{margin:-8px 0 18px}.stop-row .input-wrap{height:45px;background:#fafbfc;border:1px solid #dce3e8}.stop-row>button{border-color:#dce3e8;color:#53616b;background:#fff} .booking-info-bar{margin:15px 0 13px}.info-bar-button{border:0;background:#ffe14f;color:#151b21;padding:9px 14px;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer}.info-bar-button small{font-weight:400}.info-bar-button.open{background:#ffd82a} .passenger-panel{padding:15px;background:#f3f4f5;border:1px solid #e0e4e7;margin-bottom:18px}.passenger-panel[hidden]{display:none} .booking-fields{gap:13px 18px}.booking-fields .field>label{color:#3f4e5a;font-size:10px;font-weight:700}.booking-fields .input-wrap{height:46px;border:1px solid #d7dfe4;background:#fff}.booking-fields input,.booking-fields select{color:#24313c}.booking-fields input::placeholder{color:#8a959e} .four-cols{grid-template-columns:repeat(4,1fr)}.date-time-row{grid-template-columns:1fr 1fr;margin-top:18px}.time-actions{display:flex;gap:8px}.time-actions .input-wrap{flex:1}.time-actions .input-wrap input{width:100%} .now-action{background:#0b79e7;border:0;border-radius:5px;color:#fff;padding:0 15px;font-size:10px}.now-action:hover{background:#0667c7;transform:none} .time-choices{max-height:none;overflow:visible;padding:10px 0 0;gap:6px}.time-chip{background:#f2f5f7;border:1px solid #d8e0e5;color:#33424e;border-radius:5px;min-width:62px;padding:9px 7px}.time-chip:hover,.time-chip.selected{background:#0b79e7;border-color:#0b79e7;color:#fff} .booking-note{color:#63717b}.booking-note.warning{color:#c46a20} .reference-vehicles{grid-template-columns:1fr 1fr;gap:22px}.reference-vehicle-card{display:grid;grid-template-columns:1fr;grid-template-rows:205px auto auto;position:relative;background:#fff;border:1px solid #9eb0bd;border-radius:0;overflow:hidden;min-height:400px;padding:0}.reference-vehicle-card:hover,.reference-vehicle-card.selected{border-color:#0879e8;background:#fff;box-shadow:0 8px 24px rgba(8,121,232,.12)}.reference-vehicle-card .vehicle-choice-image{grid-row:1;background:#fff;border-bottom:1px solid #e1e6ea;min-height:205px;height:205px}.reference-vehicle-card .vehicle-choice-image img{object-fit:contain;padding:15px}.reference-vehicle-card .vehicle-choice-info{grid-row:2;padding:17px 18px}.reference-vehicle-card .vehicle-choice-info h3{margin:0 0 6px;color:#123452;font-size:18px}.reference-vehicle-card .vehicle-choice-info strong{display:block;color:#0879e8;font-size:12px}.reference-vehicle-card .vehicle-choice-info span{font-size:10px;color:#677782;margin-top:5px}.reference-vehicle-card .vehicle-choice-price{grid-row:3;padding:14px 18px;background:#f2f3f4;color:#0879e8;font-size:22px;font-weight:800;text-align:right}.reference-vehicle-card .vehicle-choice-placeholder{font-size:18px;color:#123452} .extras-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.extra-card,.client-card,.payment-card{background:#f3f4f5;border:1px solid #e1e5e8;padding:18px}.extra-title{display:flex;align-items:center;gap:8px;color:#0879e8;font-size:12px;font-weight:700;margin-bottom:13px}.extra-title svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}.extra-card>.field{margin-top:12px}.return-check{display:flex;gap:10px;align-items:flex-start;cursor:pointer;color:#26333e}.return-check input{margin-top:3px;accent-color:#0879e8}.return-check strong,.return-check small{display:block}.return-check strong{font-size:12px}.return-check small{margin-top:4px;color:#77858e;font-size:9px}.return-fields{margin-top:15px}.return-fields[hidden]{display:none}.notes-card{margin-top:16px}.notes-card textarea{width:100%;box-sizing:border-box;border:1px solid #d4dde2;background:#fff;min-height:110px;padding:12px;resize:vertical;font:inherit;font-size:11px;color:#25313b}.notes-card textarea::placeholder{color:#8a959e} .reference-summary{grid-template-columns:repeat(3,1fr);gap:0;padding:0;margin-bottom:16px;background:#f1f3f5;border:1px solid #e0e4e7;border-radius:0}.reference-summary>div{padding:13px 14px;border-right:1px solid #dce2e6;border-bottom:1px solid #dce2e6}.reference-summary>div:nth-child(3n){border-right:0}.reference-summary>div:nth-last-child(-n+3){border-bottom:0}.reference-summary small{color:#6c7b85;font-size:8px}.reference-summary strong{color:#263640;font-size:10px}.booking-section-caption{font-size:12px;font-weight:700;color:#0879e8;margin-bottom:12px}.client-card{margin-bottom:16px}.reference-payments{grid-template-columns:repeat(3,1fr)}.reference-payment{background:#fff;border:1px solid #d4dde2;border-radius:0;min-height:74px}.reference-payment:hover,.reference-payment.selected{border-color:#0879e8;background:#fff;box-shadow:inset 0 0 0 1px #0879e8}.reference-payment .payment-icon{background:#eef5fb;color:#0879e8}.reference-payment .payment-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6} .terms-check{color:#5c6b75;font-size:10px}.terms-check input{accent-color:#0879e8} .booking-navigation{background:#082f55;padding:18px 30px}.booking-navigation .btn{min-width:190px}.booking-navigation .btn-gold{background:#ffe14f;color:#101820;border-color:#ffe14f}.booking-navigation .btn-gold:hover{background:#ffd62b}.booking-navigation .btn-outline{border-color:#fff;color:#fff}.booking-summary{background:#fff;padding:17px 30px;border-top:1px solid #e3e8eb}.booking-summary span{color:#60707b}.booking-summary strong{color:#0879e8;font-size:29px}.booking-summary small{color:#75838d} @media(max-width:800px){ .online-booking-section{padding:45px 0}.online-booking-heading h2{font-size:29px}.online-booking-form{border-radius:0}.booking-progress{grid-template-columns:1fr 1fr}.booking-progress button{min-height:44px}.booking-step-panel{padding:22px 17px}.booking-reference-note{margin:-22px -17px 22px}.location-tabs{overflow-x:auto}.location-tabs button{min-width:92px;flex:0 0 auto}.compact-presets{grid-template-columns:1fr}.four-cols,.date-time-row,.extras-grid,.reference-payments,.reference-vehicles,.reference-summary{grid-template-columns:1fr}.reference-summary>div{border-right:0!important;border-bottom:1px solid #dce2e6!important}.reference-summary>div:last-child{border-bottom:0!important}.reference-vehicle-card{min-height:0}.reference-vehicle-card .vehicle-choice-image{height:180px;min-height:180px}.time-actions{flex-direction:column}.now-action{height:44px}.booking-navigation{padding:13px 17px}.booking-navigation .btn{min-width:0;flex:1}.booking-summary{padding:15px 17px}.online-booking-wrap{width:100%} } @media(max-width:480px){.booking-progress{grid-template-columns:1fr}.booking-progress button{text-align:left}.route-label small{font-size:9px}.location-tabs button{min-width:82px}.location-tabs button span{font-size:9px}.booking-reference-note{font-size:11px}.reference-vehicle-card .vehicle-choice-image{height:155px;min-height:155px}.booking-navigation{gap:7px}.booking-navigation .btn{font-size:9px;padding-left:8px;padding-right:8px}} /* BOOKING LOCATION PRESETS — attached to the top location tabs */ .location-tabs{position:relative;z-index:20} .location-tabs button{position:relative} .location-tabs button::after{content:"";width:5px;height:5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);margin-left:3px;margin-top:-3px;opacity:.7} .location-tabs button[data-kind="adresse"]::after,.location-tabs button[data-kind="europe"]::after{display:none} .location-menu{position:relative;left:auto;right:auto;top:auto;display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:7px;padding:8px;background:#fff;border:1px solid #dce3e8;border-radius:8px;box-shadow:0 10px 22px rgba(0,0,0,.10);z-index:25} .location-menu.open{display:grid} .location-menu-item{display:flex;align-items:center;gap:8px;min-width:0;padding:9px 10px;border:1px solid #dfe6eb;border-radius:6px;background:#f8fafb;color:#15334d;text-align:left;cursor:pointer;transition:.16s ease} .location-menu-item:hover{border-color:#0879e8;background:#eef7ff;transform:translateY(-1px)} .location-menu-icon{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;color:#0879e8} .location-menu-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8} .location-menu-item strong,.location-menu-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .location-menu-item strong{font-size:10px;font-weight:800} .location-menu-item small{margin-top:2px;color:#87949c;font-size:8px} .location-menu-empty{grid-column:1/-1;padding:10px;text-align:center;color:#75838c;font-size:10px} @media(max-width:800px){.location-menu{grid-template-columns:1fr 1fr}.location-menu-item{padding:8px}.location-menu-item strong{font-size:9px}} @media(max-width:480px){.location-menu{grid-template-columns:1fr;max-height:190px;overflow:auto}.location-menu-item strong{font-size:10px}.location-tabs{overflow:visible}.location-tabs button{min-width:82px}} /* Reservation date/time controls - simplified and enlarged */ .date-time-row { grid-template-columns: 1.05fr 1fr; gap: 22px; margin-top: 22px; align-items: end; } .date-time-row .field > label { font-size: 12px; margin-bottom: 9px; } .date-time-row .input-wrap { height: 62px; min-height: 62px; border-radius: 10px; } .date-time-row .input-wrap svg { width: 22px; height: 22px; } .date-time-row input[type="date"], .date-time-row input[type="time"] { font-size: 16px; font-weight: 600; min-height: 60px; } .time-actions { display: grid; grid-template-columns: 150px 1fr; gap: 12px; } .now-action { height: 62px; min-width: 150px; border: 0; border-radius: 10px; background: #0b79e7; color: #fff; font-size: 13px; font-weight: 800; letter-spacing: .2px; cursor: pointer; transition: transform .15s ease, background .15s ease, box-shadow .15s ease; } .now-action:hover { background: #0667c7; transform: translateY(-1px); box-shadow: 0 7px 18px rgba(11,121,231,.22); } .now-action:active { transform: translateY(0); } .time-input-wrap { flex: 1; } /* Date/time: the whole field opens the native picker; keep only our gold icon visible. */ .date-time-row .input-wrap { cursor: pointer; } .date-time-row .input-wrap input[type="date"], .date-time-row .input-wrap input[type="time"] { cursor: pointer; } .date-time-row .input-wrap input[type="date"]::-webkit-calendar-picker-indicator, .date-time-row .input-wrap input[type="time"]::-webkit-calendar-picker-indicator { opacity: 0 !important; width: 16px; height: 16px; cursor: pointer; } .date-time-row .input-wrap input[type="date"]::-webkit-inner-spin-button, .date-time-row .input-wrap input[type="time"]::-webkit-inner-spin-button { opacity: 0; } .date-time-row .input-wrap:focus-within { border-color: #d9b770; box-shadow: 0 0 0 2px rgba(218,183,112,.12); } /* Date/time fields in the booking steps: click anywhere in the field and keep only the custom gold icon visible. */ #bookDate, #bookTime, #trainArrivalTime, #returnDate, #returnTime { cursor: pointer; } #bookDate::-webkit-calendar-picker-indicator, #bookTime::-webkit-calendar-picker-indicator, #trainArrivalTime::-webkit-calendar-picker-indicator, #returnDate::-webkit-calendar-picker-indicator, #returnTime::-webkit-calendar-picker-indicator { opacity: 0 !important; width: 16px; height: 16px; cursor: pointer; } #bookDate::-webkit-inner-spin-button, #bookTime::-webkit-inner-spin-button, #trainArrivalTime::-webkit-inner-spin-button, #returnDate::-webkit-inner-spin-button, #returnTime::-webkit-inner-spin-button { opacity: 0; } #trainArrivalTime:focus, #returnDate:focus, #returnTime:focus { outline: none; } /* Quick time chips are intentionally removed; users select a time directly. */ .time-choices { display: none !important; } @media (max-width: 800px) { .date-time-row { grid-template-columns: 1fr; gap: 16px; } .time-actions { grid-template-columns: 1fr; } .now-action { width: 100%; height: 56px; } .date-time-row .input-wrap { height: 58px; min-height: 58px; } .date-time-row input[type="date"], .date-time-row input[type="time"] { min-height: 56px; font-size: 15px; } } /* Final vehicle price: show the complete calculated tariff, not a vehicle supplement. */ .reference-vehicle-card .vehicle-choice-price{font-size:28px;padding:18px;color:#0879e8;background:#f2f3f4;text-align:center;} .reference-vehicle-card .vehicle-choice-price::before{content:"TARIF TOTAL";display:block;font-size:9px;letter-spacing:.7px;color:#60707b;margin-bottom:5px;} .booking-summary-details .summary-total{border-left:2px solid #0879e8;} .booking-summary-details .summary-total strong{color:#0879e8;font-size:14px;} /* V10 — compact desktop reservation layout */ @media (min-width: 801px){ .online-booking-section{padding:42px 0 55px;} .online-booking-wrap{max-width:980px;} .online-booking-heading{max-width:720px;margin-bottom:20px;} .online-booking-heading h2{font-size:31px;margin:8px 0 7px;} .online-booking-heading p{font-size:11px;line-height:1.45;} .booking-progress{gap:2px;margin-bottom:10px;} .booking-progress button{padding:9px 7px;font-size:9px;min-height:40px;} .booking-step-panel{padding:20px 22px 22px;} .booking-step-panel .booking-step-title{margin-bottom:15px;} .booking-step-title{gap:10px;} .booking-step-title>span{width:30px;height:30px;font-size:9px;} .booking-step-title strong{font-size:16px;} .booking-step-title small{font-size:9px;margin-top:2px;} .booking-reference-note{margin:-20px -22px 18px;padding:11px 14px;font-size:11px;} .booking-info-bar{margin:10px 0 9px;} .location-tabs{gap:5px;} .location-tabs button{min-height:48px;min-width:0;padding:7px 8px;font-size:10px;gap:5px;} .location-tabs button svg{width:17px;height:17px;} .location-tabs button span{font-size:9px;} .location-input-wrap{min-height:56px!important;height:56px!important;} .location-input-wrap input{font-size:13px!important;} .preset-locations{gap:5px;margin-top:6px;} .preset-locations button{min-height:38px!important;padding:6px 8px!important;font-size:9px!important;} .booking-fields{gap:9px 12px;} .booking-fields .input-wrap{height:42px;} .booking-fields input,.booking-fields select{font-size:11px;} .date-time-row{gap:14px;margin-top:14px;} .date-time-row .field > label{font-size:10px;margin-bottom:6px;} .date-time-row .input-wrap{height:52px;min-height:52px;border-radius:8px;} .date-time-row input[type=date],.date-time-row input[type=time]{font-size:14px;min-height:50px;} .date-time-row .input-wrap svg{width:19px;height:19px;} .passenger-panel{padding:11px;margin-bottom:12px;} .booking-navigation{padding:12px 22px;} .booking-navigation .btn{min-width:160px;padding:11px 18px;font-size:10px;} .booking-summary{padding:12px 22px;} .booking-summary strong{font-size:25px;} } @media (max-width:800px){ .online-booking-section{padding:32px 0 45px;} .online-booking-wrap{width:100%;} } /* V11 — reservation sizing aligned with the compact "Demandez un devis" form */ @media (min-width: 801px){ .online-booking-section{padding:34px 0 50px;} .online-booking-wrap{max-width:1000px;} .online-booking-heading{max-width:720px;margin-bottom:16px;} .online-booking-heading .eyebrow{font-size:9px;} .online-booking-heading h2{font-size:27px;line-height:1.08;margin:5px 0 6px;} .online-booking-heading p{font-size:10px;line-height:1.35;} .booking-progress{margin-bottom:9px;gap:3px;} .booking-progress button{min-height:36px;padding:8px 7px;font-size:9px;} .booking-step-panel{padding:17px 20px 20px;} .booking-reference-note{margin:-17px -20px 15px;padding:10px 13px;font-size:10px;} .booking-step-title{gap:9px;margin-bottom:11px!important;} .booking-step-title>span{width:28px;height:28px;font-size:9px;} .booking-step-title strong{font-size:15px;} .booking-step-title small{font-size:9px;margin-top:1px;} .route-block{margin-bottom:13px;} .route-label{margin-bottom:7px;} .route-label .route-number{width:28px;height:28px;font-size:9px;} .route-label strong{font-size:15px;} .route-label small{font-size:9px;} .location-tabs{gap:5px;} .location-tabs button{min-height:48px;padding:6px 8px;border-radius:8px 8px 0 0;font-size:10px;gap:5px;} .location-tabs button svg{width:17px;height:17px;} .location-tabs button span{font-size:9px;} .location-input-wrap,.route-input-row .input-wrap{height:56px!important;min-height:56px!important;} .location-input-wrap input,.route-input input{font-size:13px!important;} .stops-head{margin:12px 0 8px;padding-top:0;border-top:0;} .stops-head strong{font-size:10px;} .stops-head small{font-size:8px;} .text-btn{font-size:9px;} .booking-info-bar{margin:9px 0 9px;} .info-bar-button{padding:8px 11px;font-size:9px;} .passenger-panel{padding:9px;margin-bottom:9px;} .booking-fields{gap:8px 10px;} .booking-fields .field>label{font-size:9px;margin-bottom:4px;} .booking-fields .input-wrap{height:40px;} .booking-fields input,.booking-fields select{font-size:11px;} .date-time-row{gap:10px;margin-top:11px;} .date-time-row .field > label{font-size:9px;margin-bottom:4px;} .date-time-row .input-wrap{height:50px;min-height:50px;} .date-time-row input[type=date],.date-time-row input[type=time]{font-size:13px;min-height:48px;} .now-action{height:50px;font-size:11px;padding:0 17px;} .booking-note{font-size:8px;margin-top:7px;} .booking-navigation{padding:10px 20px;} .booking-navigation .btn{min-width:145px;padding:10px 15px;font-size:9px;} .booking-summary{padding:10px 20px;} .booking-summary strong{font-size:23px;} } /* Address autocomplete + automatic road distance */ .route-input-row{position:relative;z-index:30} .route-input-row .input-wrap{position:relative;z-index:31} .address-suggestions{position:absolute;left:0;right:0;top:calc(100% + 5px);display:none;z-index:100;background:rgba(7,15,20,.97);border:1px solid rgba(226,184,105,.42);border-radius:8px;box-shadow:0 14px 30px rgba(0,0,0,.42);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow:hidden} .address-suggestions.open{display:block} .address-suggestion{display:flex;align-items:flex-start;gap:10px;width:100%;padding:11px 13px;border:0;border-bottom:1px solid rgba(255,255,255,.09);background:transparent;color:#f4f5f6;text-align:left;cursor:pointer;transition:background .16s ease,color .16s ease} .address-suggestion:last-child{border-bottom:0} .address-suggestion:hover,.address-suggestion:focus{background:rgba(226,184,105,.12);color:#fff;outline:0} .address-suggestion-icon{flex:0 0 24px;width:24px;height:24px;display:grid;place-items:center;color:#e9bd70} .address-suggestion-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7} .address-suggestion strong{display:block;font-size:11px;line-height:1.25;font-weight:800} .address-suggestion small{display:block;margin-top:3px;color:#b5c0c7;font-size:9px;line-height:1.4} .address-searching{padding:11px 13px;color:#d8c08f;font-size:10px;background:rgba(7,15,20,.97)} .address-empty{padding:11px 13px;color:#d0d8de;font-size:10px;background:rgba(7,15,20,.97)} .route-distance-status{margin-top:8px;color:#526574;font-size:10px;font-weight:700} .route-distance-status.loading{color:#0879e8} .route-distance-status.ready{color:#24744b} .route-distance-status.error{color:#b55b35} .route-search-attribution{margin-top:3px;color:#9aa5ad;font-size:8px} #bookDistanceKm[readonly]{background:#f7f9fa;color:#3e5565;cursor:default} @media(max-width:800px){.address-suggestion{padding:12px}.address-suggestion strong{font-size:10px}.route-distance-status{font-size:9px}} .autofill-note{display:block;margin:-10px 0 12px;color:#7b8da6;font-size:12px} .admin-inline-check{width:18px!important;height:18px!important;margin:8px 8px 0 0!important;accent-color:var(--gold2);vertical-align:middle}.admin-fields label:has(.admin-inline-check){display:flex;align-items:center;flex-wrap:wrap;gap:4px}.admin-fields label:has(.admin-inline-check) .admin-inline-check{order:2}.admin-fields label:has(.admin-inline-check){font-size:10px}.admin-fields label:has(.admin-inline-check)::first-line{font-weight:700} /* Administration redesign: three primary workspaces */ .admin-primary-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 30px} .admin-tab{display:flex;align-items:center;gap:12px;min-width:0;text-align:left;padding:17px 16px;background:#081d2d;border:1px solid rgba(255,255,255,.1);border-radius:9px;color:#dce4e8;cursor:pointer;transition:border-color .2s,background .2s,transform .2s} .admin-tab:hover{border-color:rgba(218,183,112,.55);transform:translateY(-1px)} .admin-tab.active{background:linear-gradient(135deg,rgba(218,183,112,.14),rgba(8,29,45,.98));border-color:rgba(218,183,112,.75);box-shadow:inset 0 0 0 1px rgba(218,183,112,.08)} .admin-tab-number{align-self:flex-start;color:#d9b770;font-size:10px;font-weight:800;letter-spacing:1px} .admin-tab-icon{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:7px;background:rgba(218,183,112,.1);color:#dfbf7d;font-size:22px} .admin-tab strong,.admin-tab small{display:block}.admin-tab strong{font-size:12px;line-height:1.45}.admin-tab small{margin-top:5px;color:#91a1ab;font-size:10px;line-height:1.45} .admin-panel[hidden]{display:none!important}.admin-panel.active{display:block;animation:adminPanelIn .2s ease-out} @keyframes adminPanelIn{from{opacity:.65;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}} .admin-section-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 22px;padding:23px 25px;background:linear-gradient(120deg,rgba(218,183,112,.09),rgba(8,29,45,.85));border:1px solid rgba(218,183,112,.17);border-radius:10px} .admin-section-kicker{color:#d9b770;font-size:9px;font-weight:800;letter-spacing:1.7px}.admin-section-intro h2{margin:8px 0 5px;font-family:Georgia,"Times New Roman",serif;font-size:27px;font-weight:500;color:#edf0f0}.admin-section-intro p{margin:0;color:#98a8b1;font-size:11px;line-height:1.7;max-width:680px} .admin-section-count{flex:none;min-width:100px;padding:12px 16px;text-align:center;border:1px solid rgba(218,183,112,.22);border-radius:8px;background:rgba(0,0,0,.12)}.admin-section-count strong,.admin-section-count span{display:block}.admin-section-count strong{color:#e1bf79;font-size:25px}.admin-section-count span{margin-top:3px;color:#9caab2;font-size:9px} .booking-filters{display:grid;grid-template-columns:minmax(200px,1.5fr) minmax(170px,.7fr);gap:12px;margin:0 0 14px}.booking-filters label,.booking-status-control label{display:flex;flex-direction:column;gap:7px;color:#b8c5cc;font-size:10px;font-weight:700}.booking-filters input,.booking-filters select,.booking-status-control select{width:100%;min-width:0;padding:10px 11px;border:1px solid rgba(130,155,171,.35);border-radius:6px;background:#061725;color:#eef1f2;font-size:11px;outline:none}.booking-filters input:focus,.booking-filters select:focus,.booking-status-control select:focus{border-color:#d9b770} .booking-status-control select{margin-top:3px}.report-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.report-card{padding:20px;background:#081d2d;border:1px solid rgba(255,255,255,.09);border-radius:9px;min-width:0}.report-card>span,.report-card>small{display:block;color:#98a8b1;font-size:10px;line-height:1.5}.report-card>strong{display:block;margin:12px 0 8px;color:#e0bd77;font-family:Georgia,"Times New Roman",serif;font-size:29px;font-weight:500;overflow-wrap:anywhere}.report-card>small{font-size:9px;color:#788c99} .report-table-card{margin-bottom:18px}.report-note{padding:7px 9px;border:1px solid rgba(218,183,112,.2);border-radius:20px;color:#d8b66f;font-size:9px;white-space:nowrap}.admin-table-wrap{width:100%;overflow-x:auto}.admin-report-table{width:100%;border-collapse:collapse;min-width:650px;text-align:left}.admin-report-table th{padding:12px 13px;background:rgba(255,255,255,.035);color:#a8b7bf;font-size:9px;text-transform:uppercase;letter-spacing:.6px}.admin-report-table td{padding:13px;border-bottom:1px solid rgba(255,255,255,.07);color:#e0e6e9;font-size:11px}.admin-report-table tbody tr:hover{background:rgba(255,255,255,.025)}.admin-report-table .report-empty{text-align:center;color:#84959e;padding:25px}.report-warning{padding:17px 19px;background:rgba(218,183,112,.055);border:1px solid rgba(218,183,112,.2);border-radius:8px}.report-warning strong{color:#e2c27e;font-size:12px}.report-warning p{margin:8px 0 0;color:#aab8c0;font-size:11px;line-height:1.8} @media(max-width:900px){.admin-primary-nav{grid-template-columns:1fr}.admin-tab{padding:13px}.admin-tab-number{width:22px}.report-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-section-intro{align-items:flex-start}} @media(max-width:560px){.admin-section-intro{padding:17px;flex-direction:column}.admin-section-intro h2{font-size:23px}.admin-section-count{display:flex;align-items:center;gap:8px;padding:8px 12px}.admin-section-count strong{font-size:20px}.admin-section-count span{margin:0}.booking-filters{grid-template-columns:1fr}.report-cards{grid-template-columns:1fr 1fr;gap:9px}.report-card{padding:14px}.report-card>strong{font-size:23px}.admin-tab strong{font-size:11px}} /* V20 administration refinement: compact typography, clearer hierarchy and booking workflow */ .admin-page{font-size:12px;color:#e5ebee}.admin-main{padding:30px 0 54px}.admin-hero{margin-bottom:20px}.admin-hero h1{font-size:32px;letter-spacing:-.35px}.admin-hero p{max-width:760px;font-size:12px;line-height:1.65}.admin-primary-nav{gap:9px;margin-bottom:22px}.admin-tab{padding:13px 14px;gap:10px;border-radius:8px}.admin-tab-icon{width:32px;height:32px;font-size:18px}.admin-tab strong{font-size:11px}.admin-tab small{font-size:9px;margin-top:3px}.admin-section-intro{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px;padding:0 2px}.admin-section-intro h2{font-size:25px;letter-spacing:-.25px}.admin-section-intro p{font-size:11px;line-height:1.6;max-width:760px}.admin-section-kicker{font-size:9px;letter-spacing:1px}.admin-section-count{padding:9px 12px;border-radius:7px}.admin-section-count strong{font-size:22px}.admin-card{padding:18px;border-radius:8px}.admin-card-head{gap:14px;margin-bottom:16px}.admin-card h2{font-size:17px}.admin-card-head p{font-size:10px;line-height:1.55}.admin-fields{gap:12px}.admin-fields label{font-size:10px;line-height:1.4}.admin-fields input,.admin-fields textarea{padding:9px 10px;font-size:11px}.admin-actions{position:sticky;bottom:10px;z-index:5;padding:10px;background:rgba(6,21,33,.94);border:1px solid rgba(255,255,255,.1);border-radius:9px;backdrop-filter:blur(12px)}.admin-status{font-size:10px}.admin-primary-nav .admin-tab:focus-visible,.admin-page button:focus-visible,.admin-page input:focus-visible,.admin-page select:focus-visible,.admin-page textarea:focus-visible{outline:2px solid #d9b770;outline-offset:2px} .booking-workspace{padding:18px;overflow:hidden}.booking-workspace-head{align-items:center}.booking-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.booking-head-actions .btn{min-height:34px;padding:8px 11px;font-size:9px}.booking-head-actions .danger-btn{font-size:9px;padding:9px 10px}.booking-quick-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:0 0 16px}.booking-quick-stats article{min-width:0;padding:12px 13px;border:1px solid rgba(255,255,255,.075);border-radius:7px;background:#061725}.booking-quick-stats span{display:block;color:#9cabb4;font-size:9px;line-height:1.4}.booking-quick-stats strong{display:block;margin-top:5px;color:#e0bd77;font-size:22px;font-weight:650;line-height:1.15}.booking-filter-panel{display:grid;grid-template-columns:minmax(210px,1.6fr) repeat(2,minmax(130px,1fr)) repeat(2,minmax(120px,.8fr)) minmax(150px,1fr);gap:10px;align-items:end;padding:13px;margin-bottom:13px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:rgba(255,255,255,.018)}.booking-filter-panel label{display:flex;min-width:0;flex-direction:column;gap:5px;color:#b8c5cc;font-size:9px;font-weight:700}.booking-filter-panel input,.booking-filter-panel select,.booking-quick-status select,.booking-edit-grid input,.booking-edit-grid select,.booking-edit-grid textarea{width:100%;min-width:0;min-height:35px;padding:8px 9px;border:1px solid rgba(130,155,171,.32);border-radius:5px;background:#061725;color:#eef1f2;font:inherit;font-size:10px;outline:none}.booking-reset{min-height:35px;padding:8px 10px;font-size:9px;white-space:nowrap}.booking-results-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 10px;color:#8fa0aa;font-size:10px}.booking-results-head strong{color:#dce4e8;font-size:11px}.bookings-list{gap:10px}.booking-card{display:block;min-width:0;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:linear-gradient(120deg,rgba(11,34,50,.95),rgba(6,23,37,.98))}.booking-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:11px;border-bottom:1px solid rgba(255,255,255,.07)}.booking-ref-label,.booking-muted{display:block;color:#80929d;font-size:8px;font-weight:800;letter-spacing:.65px;line-height:1.5}.booking-reference{display:block;margin-top:3px;color:#f0d69c;font-size:11px;overflow-wrap:anywhere}.booking-status-badge{display:inline-flex;align-items:center;justify-content:center;padding:5px 8px;border:1px solid rgba(218,183,112,.24);border-radius:20px;background:rgba(218,183,112,.07);color:#e5c987;font-size:9px;font-weight:750;white-space:nowrap}.status-terminée,.status-confirmee,.status-confirmée{border-color:rgba(89,184,137,.28);background:rgba(89,184,137,.08);color:#9be0bb}.status-annulée,.status-absent{border-color:rgba(219,116,107,.28);background:rgba(219,116,107,.08);color:#f0aaa4}.status-en-cours{border-color:rgba(109,170,224,.3);background:rgba(109,170,224,.08);color:#a9d2f4}.booking-card-main{display:grid;grid-template-columns:minmax(150px,1fr) minmax(190px,1.2fr) minmax(240px,1.6fr);gap:17px;padding:13px 0}.booking-card-client,.booking-card-route{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:4px}.booking-card-client>strong,.booking-card-route>strong{max-width:100%;color:#e7edf0;font-size:11px;line-height:1.45;overflow-wrap:anywhere}.booking-card-client>span:not(.booking-muted),.booking-card-route>span:not(.booking-muted){max-width:100%;color:#9aabb5;font-size:9px;line-height:1.5;overflow-wrap:anywhere}.booking-card-route .route-arrow{color:#d9b770;font-size:12px;line-height:1}.booking-card-route .booking-return{margin-top:3px;padding:4px 6px;border-radius:4px;background:rgba(218,183,112,.06);color:#ddc48e}.booking-card-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}.booking-card-facts>div{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:3px}.booking-card-facts>div>strong{color:#e4eaed;font-size:10px;line-height:1.45;overflow-wrap:anywhere}.booking-card-facts>div>span:not(.booking-muted){color:#95a5af;font-size:9px;line-height:1.45;overflow-wrap:anywhere}.booking-card-facts .booking-price{color:#e0bd77;font-size:12px}.payment-payé,.payment-partiel{color:#e6c983!important}.payment-à-payer{color:#f0b18a!important}.payment-remboursé{color:#b8c4cd!important}.booking-card-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:11px;border-top:1px solid rgba(255,255,255,.07)}.booking-card-actions .btn{min-height:33px;padding:8px 11px;font-size:9px}.booking-quick-status{display:flex;align-items:center;gap:8px;color:#93a4ae;font-size:9px}.booking-quick-status select{width:145px;min-height:32px;padding:6px 8px}.empty-bookings{display:flex;flex-direction:column;align-items:center;gap:6px;padding:35px 15px;border:1px dashed rgba(255,255,255,.14);border-radius:8px;color:#91a2ad;font-size:10px}.empty-bookings strong{color:#e1e8eb;font-size:12px} .booking-details-dialog{width:min(900px,calc(100% - 26px));max-width:900px;max-height:calc(100dvh - 28px);overflow:auto;padding:0;border:1px solid rgba(218,183,112,.28);border-radius:11px;background:#081d2d;color:#e5ebee;box-shadow:0 25px 90px rgba(0,0,0,.55)}.booking-details-dialog::backdrop{background:rgba(1,8,13,.78);backdrop-filter:blur(3px)}.booking-dialog-head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;gap:15px;padding:18px 20px;background:#0a2233;border-bottom:1px solid rgba(255,255,255,.08)}.booking-dialog-head h2{margin:5px 0 3px;font-size:21px;font-weight:600}.booking-dialog-head p{margin:0;color:#d9b770;font-size:10px}.booking-dialog-close{width:34px;height:34px;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:transparent;color:#e9eef0;font-size:23px;cursor:pointer}.booking-details-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px 20px 4px}.booking-detail-section{min-width:0;padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:7px;background:rgba(255,255,255,.018)}.booking-detail-section h3{margin:0 0 8px;color:#dfc17f;font-size:11px}.booking-detail-row{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.045)}.booking-detail-row:last-child{border-bottom:0}.booking-detail-row span{color:#94a5af;font-size:9px}.booking-detail-row strong{max-width:65%;color:#e2e9ec;font-size:9px;font-weight:600;text-align:right;overflow-wrap:anywhere}.booking-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:15px 20px}.booking-edit-grid label{display:flex;flex-direction:column;gap:5px;color:#b8c5cc;font-size:9px;font-weight:700}.booking-edit-grid .full{grid-column:1/-1}.booking-edit-grid textarea{resize:vertical}.booking-dialog-actions{display:flex;align-items:center;gap:9px;padding:13px 20px;border-top:1px solid rgba(255,255,255,.07);background:#071a29}.booking-dialog-actions .btn{font-size:9px;padding:10px 13px}.booking-dialog-spacer{flex:1}.booking-dialog-actions .danger-btn{font-size:9px}#bookingDialogStatus{padding:0 20px 12px;margin:0} @media(max-width:1100px){.booking-filter-panel{grid-template-columns:repeat(3,minmax(0,1fr))}.booking-search-field{grid-column:span 2}.booking-card-main{grid-template-columns:1fr 1.1fr}.booking-card-facts{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));padding-top:10px;border-top:1px solid rgba(255,255,255,.055)}} @media(max-width:800px){.admin-main{padding:22px 0 40px}.admin-hero h1{font-size:28px}.admin-card{padding:14px}.admin-section-intro h2{font-size:22px}.booking-workspace-head{align-items:stretch}.booking-head-actions{justify-content:flex-start}.booking-quick-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.booking-filter-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.booking-search-field{grid-column:1/-1}.booking-card-main{grid-template-columns:1fr 1fr;gap:12px}.booking-card-facts{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}.booking-details-content{grid-template-columns:1fr}.booking-dialog-head{padding:14px}.booking-details-content,.booking-edit-grid{padding-left:14px;padding-right:14px}.booking-dialog-actions{padding:12px 14px;flex-wrap:wrap}} @media(max-width:520px){.admin-hero h1{font-size:25px}.admin-hero p{font-size:11px}.admin-tab{padding:11px 10px}.admin-tab-icon{width:29px;height:29px;font-size:16px}.admin-primary-nav{gap:7px}.booking-quick-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.booking-quick-stats article{padding:10px}.booking-quick-stats strong{font-size:19px}.booking-filter-panel{grid-template-columns:1fr;padding:10px}.booking-search-field{grid-column:auto}.booking-results-head{align-items:flex-start;flex-direction:column;gap:3px}.booking-card{padding:11px}.booking-card-main{grid-template-columns:1fr;gap:12px}.booking-card-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.booking-card-actions{align-items:stretch;flex-direction:column}.booking-card-actions .btn{width:100%}.booking-quick-status{justify-content:space-between}.booking-quick-status select{width:60%}.booking-head-actions{display:grid;grid-template-columns:1fr}.booking-head-actions>*{width:100%;text-align:center}.booking-edit-grid{grid-template-columns:1fr}.booking-edit-grid .full{grid-column:auto}.booking-dialog-actions .booking-dialog-spacer{display:none}.booking-dialog-actions{display:grid;grid-template-columns:1fr}.booking-dialog-actions>*{width:100%;text-align:center}.booking-dialog-head h2{font-size:18px}} .booking-history-section{grid-column:1/-1}.booking-history-entry{display:grid;grid-template-columns:minmax(100px,.7fr) minmax(120px,1fr) auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.booking-history-entry:last-child{border-bottom:0}.booking-history-entry strong{font-size:9px;color:#dfc17f}.booking-history-entry span{font-size:9px;color:#dbe3e7;overflow-wrap:anywhere}.booking-history-entry small{font-size:8px;color:#82949f;text-align:right}.manual-booking-grid{padding-top:18px}.manual-booking-grid label{font-size:10px} @media(max-width:520px){.booking-history-entry{grid-template-columns:1fr;gap:3px}.booking-history-entry small{text-align:left}} .report-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.report-card{padding:15px}.report-card>strong{font-size:23px;margin:9px 0 6px}.report-card>small{line-height:1.55} @media(max-width:800px){.report-cards{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:420px){.report-cards{grid-template-columns:1fr}.report-card>strong{font-size:21px}} .booking-edit-disclosure{margin:4px 20px 0;border:1px solid rgba(218,183,112,.18);border-radius:7px;background:rgba(218,183,112,.025)}.booking-edit-disclosure>summary{padding:12px 14px;color:#e2c681;font-size:10px;font-weight:750;cursor:pointer;list-style-position:inside}.booking-edit-disclosure[open]>summary{border-bottom:1px solid rgba(255,255,255,.07)}.booking-edit-disclosure .booking-edit-grid{padding:14px}.booking-edit-disclosure input{font-size:10px} @media(max-width:800px){.booking-edit-disclosure{margin:4px 14px 0}} /* VTC Grenoble admin theme: clean white, black and blue. Scoped to admin only. */ .admin-page{ --admin-blue:#2563eb;--admin-blue-dark:#1d4ed8;--admin-blue-soft:#eff6ff; --admin-ink:#111827;--admin-muted:#64748b;--admin-line:#e2e8f0;--admin-surface:#ffffff;--admin-subtle:#f8fafc; background:#f5f7fb!important;color:var(--admin-ink)!important; } .admin-page .site-header{background:#fff!important;border-bottom:1px solid var(--admin-line)!important;box-shadow:0 2px 10px rgba(15,23,42,.04)} .admin-page .brand-text strong{color:var(--admin-ink)!important}.admin-page .brand-text span{color:#64748b!important} .admin-page .admin-title{color:#334155!important}.admin-page .admin-back{background:#fff!important;color:var(--admin-blue)!important;border-color:#bfdbfe!important} .admin-page .admin-main{background:#f5f7fb!important} .admin-page .admin-hero h1,.admin-page .admin-section-intro h2,.admin-page .admin-card h2{color:var(--admin-ink)!important} .admin-page .admin-hero p,.admin-page .admin-section-intro p,.admin-page .admin-card-head p{color:var(--admin-muted)!important} .admin-page .eyebrow,.admin-page .admin-section-kicker{color:var(--admin-blue)!important} .admin-page .eyebrow span{background:var(--admin-blue)!important} .admin-page .admin-primary-nav{gap:10px} .admin-page .admin-tab{background:#fff!important;border:1px solid var(--admin-line)!important;color:#334155!important;box-shadow:0 2px 5px rgba(15,23,42,.025)} .admin-page .admin-tab strong{color:#111827!important}.admin-page .admin-tab small{color:#64748b!important} .admin-page .admin-tab-number{color:#64748b!important}.admin-page .admin-tab-icon{background:#f1f5f9!important;color:#334155!important} .admin-page .admin-tab.active{background:var(--admin-blue-soft)!important;border-color:#93c5fd!important;box-shadow:inset 3px 0 0 var(--admin-blue)} .admin-page .admin-tab.active .admin-tab-number,.admin-page .admin-tab.active .admin-tab-icon,.admin-page .admin-tab.active strong{color:var(--admin-blue-dark)!important} .admin-page .admin-card,.admin-page .admin-section-count,.admin-page .report-card,.admin-page .booking-filter-panel,.admin-page .booking-quick-stats>article{background:#fff!important;border:1px solid var(--admin-line)!important;box-shadow:0 3px 12px rgba(15,23,42,.035)} .admin-page .admin-section-count strong,.admin-page .booking-quick-stats strong,.admin-page .report-card>strong{color:var(--admin-ink)!important} .admin-page .admin-section-count span,.admin-page .booking-quick-stats span,.admin-page .report-card span{color:var(--admin-muted)!important} .admin-page .admin-fields label,.admin-page .admin-vehicle-row label,.admin-page .booking-filter-panel label{color:#334155!important} .admin-page input:not([type=checkbox]):not([type=radio]),.admin-page select,.admin-page textarea,.admin-page .admin-fields input,.admin-page .admin-fields textarea,.admin-page .admin-vehicle-row input:not([type=checkbox]){background:#fff!important;color:#111827!important;border:1px solid #cbd5e1!important} .admin-page input::placeholder,.admin-page textarea::placeholder{color:#94a3b8!important} .admin-page input:focus,.admin-page select:focus,.admin-page textarea:focus{outline:3px solid rgba(37,99,235,.14)!important;border-color:var(--admin-blue)!important} .admin-page .btn-gold,.admin-page .booking-head-actions .btn-gold,.admin-page button.primary,.admin-page .btn-primary{background:var(--admin-blue)!important;color:#fff!important;border-color:var(--admin-blue)!important} .admin-page .btn-outline{background:#fff!important;color:#334155!important;border-color:#cbd5e1!important} .admin-page .btn-gold:hover,.admin-page .btn-primary:hover{background:var(--admin-blue-dark)!important} .admin-page .danger-btn{background:#fff!important;color:#b91c1c!important;border-color:#fecaca!important} .admin-page .admin-vehicle-row,.admin-page .booking-admin-item,.admin-page .booking-list-item,.admin-page .booking-detail,.admin-page .admin-subcard{background:#f8fafc!important;border-color:var(--admin-line)!important} .admin-page .switch input:checked+span{background:#bfdbfe!important}.admin-page .switch input:checked+span:before{background:var(--admin-blue)!important} .admin-page .vehicle-enabled input,.admin-page input[type=checkbox],.admin-page input[type=radio]{accent-color:var(--admin-blue)!important} .admin-page a:not(.brand),.admin-page .admin-link{color:var(--admin-blue)} .admin-page table{background:#fff!important;color:var(--admin-ink)!important;border-color:var(--admin-line)!important} .admin-page th{background:#f1f5f9!important;color:#334155!important}.admin-page td{border-color:var(--admin-line)!important} .admin-page .status-confirmed,.admin-page .status-paid{background:#dbeafe!important;color:#1d4ed8!important} .admin-page :focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:2px} @media(max-width:700px){.admin-page .site-header{height:auto;min-height:68px}.admin-page .admin-title{display:none}.admin-page .admin-main{padding-top:22px}.admin-page .admin-hero h1{font-size:28px}.admin-page .admin-tab{background:#fff!important}} /* VTC Grenoble identity update: logo + consistent navy/gold reservation palette */ .brand{gap:10px;min-width:0} .brand-mark{ flex:0 0 54px;width:54px;height:54px;border-radius:50%; background:#05080d url("../images/logo-vtc-grenoble.jpeg") center/cover no-repeat; border:1px solid rgba(237,196,119,.72);box-shadow:0 2px 12px rgba(0,0,0,.22); } .brand-text{align-items:flex-start} .brand-text strong{color:var(--gold2)} .brand-text span{color:#c2cbd0} /* The reservation banner keeps the existing Grenoble panorama and adds the logo as a subtle watermark. */ .reservation-background{background-image:url("../images/05_Grenoble_Alps_Panorama.jpg");background-size:cover;background-position:center} .reservation-background:before{ content:"";position:absolute;z-index:1;inset:0; background:url("../images/logo-vtc-grenoble.jpeg") no-repeat right 8% center/auto 82%; opacity:.18;mix-blend-mode:screen;pointer-events:none; } .reservation-overlay{background:linear-gradient(90deg,rgba(5,22,35,.24),rgba(4,16,27,.76) 46%,rgba(4,15,25,.96) 100%)} /* Bring the multi-step online reservation form back to the site's navy, white and gold identity. */ .online-booking-section{background:#061521!important;color:#f7f4ee!important;border-top:1px solid rgba(255,255,255,.06)!important} .online-booking-heading h2{color:#f7f4ee!important} .online-booking-heading p{color:#bdc7cd!important} .online-booking-form{background:#081d2d!important;border:1px solid rgba(219,231,238,.15)!important;box-shadow:0 20px 60px rgba(0,0,0,.22)!important} .booking-step{background:transparent!important;border-color:rgba(255,255,255,.08)!important} .booking-step-title strong{color:#f7f4ee!important} .booking-step-title>span{border-color:rgba(237,196,119,.65)!important;color:#edc477!important} .online-booking-section .booking-section-caption,.online-booking-section .booking-step-title small{color:#edc477!important} .online-booking-section label,.online-booking-section .field label{color:#e6e9e9!important} .online-booking-section input:not([type=checkbox]):not([type=radio]), .online-booking-section select,.online-booking-section textarea{ background:#f7f4ee!important;color:#172433!important;border:1px solid #c5cbd0!important;border-radius:4px!important; } .online-booking-section input::placeholder,.online-booking-section textarea::placeholder{color:#687782!important} .online-booking-section .booking-progress button{background:#0a2133!important;color:#bdc7cd!important;border-color:rgba(219,231,238,.18)!important} .online-booking-section .booking-progress button.active{background:rgba(237,196,119,.13)!important;color:#edc477!important;border-color:#d7aa5c!important} .online-booking-section .booking-progress button.done{color:#f7f4ee!important} .online-booking-section .vehicle-choice{background:#071a29!important;color:#f7f4ee!important;border-color:rgba(219,231,238,.18)!important} .online-booking-section .vehicle-choice:hover,.online-booking-section .vehicle-choice.selected{background:rgba(215,170,92,.09)!important;border-color:#d7aa5c!important} .online-booking-section .vehicle-choice-icon{color:#edc477!important;border-color:rgba(215,170,92,.6)!important} .online-booking-section .vehicle-choice small,.online-booking-section .booking-note{color:#bdc7cd!important} .online-booking-section .text-btn,.online-booking-section .admin-link{color:#edc477!important} .online-booking-section .booking-summary{background:#061725!important;border-top:1px solid rgba(255,255,255,.08)!important} .online-booking-section .booking-summary span,.online-booking-section .booking-summary small{color:#bdc7cd!important} .online-booking-section .booking-summary strong{color:#edc477!important} .online-booking-section .btn-gold{background:#edc477!important;color:#101820!important;border-color:#edc477!important} .online-booking-section .btn-outline{background:transparent!important;color:#f7f4ee!important;border-color:#d7aa5c!important} @media(max-width:560px){.brand-mark{flex-basis:46px;width:46px;height:46px}.brand-text{align-items:flex-start}.brand-text strong{font-size:14px}.brand-text span{font-size:6px;letter-spacing:1.7px}.reservation-background:before{background-position:center center;background-size:auto 55%;opacity:.12}} /* RÉSERVER UN TRAJET — Noir transparent minimal. Scope is deliberately limited to #booking; #reservation / DEMANDER UN DEVIS is untouched. */ #booking.online-booking-section{ position:relative;isolation:isolate;overflow:hidden; padding:58px 0 70px;color:#f6f4ef; background:#050b10 url("../images/05_Grenoble_Alps_Panorama.jpg") center 48%/cover no-repeat!important; border-top:1px solid rgba(237,196,119,.22)!important; } #booking.online-booking-section:before{ content:"";position:absolute;z-index:-1;inset:0;pointer-events:none; background-image:linear-gradient(90deg,rgba(2,7,12,.72),rgba(2,7,12,.48) 55%,rgba(2,7,12,.66)), url("../images/logo-vtc-grenoble.jpeg"); background-repeat:no-repeat,no-repeat; background-position:center,right 5% center; background-size:cover,auto 62%; background-blend-mode:normal,screen; opacity:.92; } #booking .online-booking-wrap{position:relative;z-index:1;max-width:1130px} #booking .online-booking-heading{text-align:left;max-width:100%;margin:0 0 24px} #booking .online-booking-heading .eyebrow{color:#edc477} #booking .online-booking-heading .eyebrow span{background:#edc477} #booking .online-booking-heading h2{color:#fff;font-size:clamp(30px,3.2vw,44px);line-height:1.12;margin:10px 0;font-weight:500} #booking .online-booking-heading p{color:rgba(244,246,247,.82);max-width:850px} #booking .booking-progress{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;margin:0 0 12px} #booking .booking-progress button{min-height:44px;padding:11px 8px;background:rgba(5,12,18,.78)!important;color:#d7dce0!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:7px 7px 0 0;font-size:10px} #booking .booking-progress button.active,#booking .booking-progress button.done{background:rgba(237,196,119,.13)!important;color:#f4c86f!important;border-color:rgba(237,196,119,.68)!important} #booking .online-booking-form{background:rgba(5,10,14,.82)!important;color:#f6f4ef!important;border:1px solid rgba(237,196,119,.3)!important;border-radius:14px!important;box-shadow:0 20px 55px rgba(0,0,0,.4)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);overflow:hidden} #booking .booking-step-panel{background:transparent!important;color:#f6f4ef!important;border-bottom:1px solid rgba(255,255,255,.09)!important;padding:24px 26px 26px} #booking .booking-reference-note{margin:-24px -26px 22px;background:rgba(237,196,119,.12)!important;border-bottom:1px solid rgba(237,196,119,.22);color:#e7e9e9!important;padding:13px 17px;font-size:12px} #booking .booking-reference-note strong,#booking .booking-reference-note a{color:#f3c66e!important} #booking .route-label strong,#booking .booking-step-title strong{color:#fff!important} #booking .route-label small,#booking .booking-step-title small{color:#aab4bc!important} #booking .route-number,#booking .booking-step-title>span{background:rgba(237,196,119,.12)!important;border:1px solid rgba(237,196,119,.6)!important;color:#f3c66e!important} #booking .location-tabs{gap:3px} #booking .location-tabs button{background:rgba(0,0,0,.38)!important;color:#e1e4e7!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:7px 7px 0 0!important} #booking .location-tabs button svg,#booking .route-input-row .input-wrap svg,#booking .input-wrap svg{color:#edc477!important;stroke:#edc477!important} #booking .location-tabs button.active,#booking .location-tabs button:hover{background:rgba(237,196,119,.13)!important;color:#f3c66e!important;border-color:rgba(237,196,119,.58)!important} #booking .route-input-row,#booking .route-input-row .input-wrap{background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.15)!important} #booking .online-booking-form input:not([type=checkbox]):not([type=radio]), #booking .online-booking-form select,#booking .online-booking-form textarea{ color:#f6f4ef!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:7px!important;box-shadow:none!important;color-scheme:dark } #booking .online-booking-form input::placeholder,#booking .online-booking-form textarea::placeholder{color:#8e9aa3!important} #booking .online-booking-form label,#booking .online-booking-form .field label{color:#e7e9e9!important} #booking .route-distance-status{color:#e6c47e!important} #booking .route-search-attribution,#booking .booking-note,#booking .autofill-note{color:#aab4bc!important} #booking .text-btn,#booking .admin-link{color:#f3c66e!important} #booking .info-bar-button{background:rgba(237,196,119,.1)!important;border:1px solid rgba(237,196,119,.35)!important;color:#f3c66e!important;border-radius:7px!important} #booking .passenger-panel,#booking .extra-card,#booking .client-card{background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:9px!important} #booking .extra-title,#booking .booking-section-caption{color:#f3c66e!important} #booking .vehicle-choice,#booking .payment-choice{background:rgba(0,0,0,.28)!important;color:#f6f4ef!important;border-color:rgba(255,255,255,.15)!important;border-radius:9px!important} #booking .vehicle-choice:hover,#booking .vehicle-choice.selected,#booking .payment-choice:hover,#booking .payment-choice.selected{background:rgba(237,196,119,.1)!important;border-color:#d7aa5c!important} #booking .vehicle-choice small,#booking .payment-choice small{color:#aab4bc!important} #booking .booking-summary-details{background:rgba(0,0,0,.3)!important;border:1px solid rgba(255,255,255,.1);border-radius:8px} #booking .booking-summary-details small{color:#aab4bc!important} #booking .booking-summary-details strong{color:#f6f4ef!important} #booking .booking-navigation{background:rgba(0,0,0,.28)!important;border-top:1px solid rgba(255,255,255,.1)!important;padding:16px 26px} #booking .booking-navigation .btn-gold,#booking .booking-navigation button.btn-gold{background:linear-gradient(110deg,#e6b75f,#f4d18a,#e6b75f)!important;color:#111!important;border:1px solid #edc477!important;border-radius:7px!important} #booking .booking-navigation .btn-outline{background:transparent!important;color:#f6f4ef!important;border:1px solid rgba(237,196,119,.55)!important} #booking .booking-summary{background:rgba(0,0,0,.24)!important;border-top:1px solid rgba(255,255,255,.1)!important} #booking .booking-summary span,#booking .booking-summary small{color:#c1c9ce!important} #booking .booking-summary strong{color:#f3c66e!important} @media(max-width:800px){ #booking.online-booking-section{padding:38px 0 45px} #booking.online-booking-section:before{background-position:center,center 68%;background-size:cover,auto 48%;opacity:1} #booking .online-booking-heading h2{font-size:30px} #booking .booking-progress{grid-template-columns:1fr 1fr} #booking .booking-progress button{border-radius:6px;text-align:left} #booking .booking-step-panel{padding:18px 14px 20px} #booking .booking-reference-note{margin:-18px -14px 18px} #booking .booking-navigation{padding:13px 14px} } @media(max-width:480px){ #booking .booking-progress{grid-template-columns:1fr} #booking .online-booking-heading h2{font-size:27px} #booking .booking-step-panel{padding:16px 11px 18px} #booking .booking-reference-note{margin:-16px -11px 16px} } /* RÉSERVER UN TRAJET — compact layout so the emblem remains visible beside the form. */ @media (min-width: 801px){ #booking.online-booking-section{padding:44px 0 54px;min-height:760px} #booking.online-booking-section:before{ background-image:linear-gradient(90deg,rgba(2,7,12,.76) 0%,rgba(2,7,12,.68) 42%,rgba(2,7,12,.20) 72%,rgba(2,7,12,.28) 100%),url("../images/logo-vtc-grenoble.jpeg"); background-position:center,right 4% center; background-size:cover,auto 62%; background-blend-mode:normal,screen; opacity:.92; } #booking .online-booking-wrap{max-width:1420px;padding-left:24px;padding-right:24px} #booking .online-booking-heading{max-width:68%;margin-bottom:18px} #booking .online-booking-heading h2{font-size:clamp(28px,2.5vw,36px)} #booking .online-booking-heading p{max-width:720px} #booking .booking-progress,#booking .online-booking-form{width:68%;max-width:850px} #booking .booking-step-panel{padding:19px 20px 21px} #booking .booking-reference-note{margin:-19px -20px 17px;padding:11px 14px} #booking .booking-navigation{padding:13px 20px} } @media (max-width:800px){ #booking.online-booking-section{padding:34px 0 40px} #booking.online-booking-section:before{ background-image:linear-gradient(180deg,rgba(2,7,12,.58),rgba(2,7,12,.83)),url("../images/logo-vtc-grenoble.jpeg"); background-position:center,center 8%;background-size:cover,auto 30%;background-blend-mode:normal,screen;opacity:.8; } #booking .online-booking-wrap{width: min(100% - 24px, 700px)} #booking .online-booking-heading{margin-bottom:16px} } /* FINAL RESERVATION UI POLISH: consistent contrast, button sizing and passenger/baggage panel */ #booking .online-booking-form button, #booking .online-booking-form .btn, #booking .online-booking-form .text-btn, #booking .online-booking-form .info-bar-button { font-family: inherit; font-weight: 700; line-height: 1.25; transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease; } #booking .booking-progress button { min-height: 46px; font-size: 11px; color: #f4f6f8 !important; } #booking .booking-progress button.active, #booking .booking-progress button.done { color: #ffd27c !important; } #booking .location-tabs button { min-height: 52px; font-size: 11px; color: #f3f6f8 !important; } #booking .location-tabs button.active, #booking .location-tabs button:hover { color: #ffd27c !important; } #booking .text-btn, #booking .stop-add-button, #booking .info-bar-button { min-height: 38px; padding: 10px 14px !important; font-size: 11px !important; } #booking .info-bar-button { display: inline-flex; align-items: center; gap: 5px; background: rgba(237,196,119,.12) !important; color: #ffda91 !important; border: 1px solid rgba(237,196,119,.55) !important; } #booking .info-bar-button:hover, #booking .info-bar-button.open { background: rgba(237,196,119,.22) !important; color: #ffe7b8 !important; border-color: #edc477 !important; } #booking .info-bar-button small { color: #d5dce1 !important; font-size: 10px !important; } #booking .passenger-panel { color: #f5f7f9 !important; background: rgba(12,25,35,.94) !important; border: 1px solid rgba(237,196,119,.32) !important; border-radius: 9px !important; padding: 16px !important; margin: 10px 0 16px !important; } #booking .passenger-panel[hidden] { display: none !important; } #booking .passenger-panel .field label { display: block; color: #f0f3f5 !important; font-size: 11px !important; font-weight: 700 !important; margin-bottom: 7px; } #booking .passenger-panel .input-wrap { min-height: 44px; background: #142431 !important; border: 1px solid #52616b !important; border-radius: 6px !important; } #booking .passenger-panel select, #booking .passenger-panel input { color: #fff !important; background: #142431 !important; border: 0 !important; font-size: 12px !important; } #booking .passenger-panel select option { color: #15222c !important; background: #fff !important; } #booking .passenger-panel .input-wrap svg { color: #edc477 !important; stroke: #edc477 !important; } #booking .booking-fields .field > label { color: #edf1f4 !important; font-size: 11px !important; } #booking .booking-fields .input-wrap { background: rgba(255,255,255,.07) !important; border: 1px solid rgba(210,222,230,.35) !important; } #booking .booking-fields input, #booking .booking-fields select, #booking .booking-fields textarea { color: #f7f8f9 !important; background: transparent !important; } #booking .booking-fields input::placeholder, #booking .booking-fields textarea::placeholder { color: #b6c0c8 !important; opacity: 1; } #booking .booking-fields select option { color: #17232c !important; background: #fff !important; } #booking .now-action { min-height: 44px; padding: 0 18px !important; font-size: 11px !important; font-weight: 800 !important; color: #fff !important; background: #0879e8 !important; border: 1px solid #1687f6 !important; border-radius: 7px !important; } #booking .now-action:hover { background: #0068ca !important; } #booking .booking-navigation .btn { min-height: 44px; padding: 12px 20px !important; font-size: 11px !important; font-weight: 800 !important; } #booking .booking-navigation .btn-gold { color: #17130b !important; } #booking .booking-navigation .btn-outline { color: #f7f8f9 !important; } #booking .booking-note, #booking .route-search-attribution, #booking .autofill-note { color: #c0cbd2 !important; } #booking .route-distance-status { color: #ffd27c !important; } @media(max-width:800px) { #booking .passenger-panel { padding: 12px !important; } #booking .info-bar-button { max-width: 100%; flex-wrap: wrap; text-align: left; } #booking .booking-progress button { font-size: 10px; } #booking .location-tabs button { min-height: 46px; } } /* V12 — booking overlays, stable backdrop and circular logo presentation */ #booking.online-booking-section{ position:relative; isolation:isolate; overflow:clip; background:#071019; overflow-anchor:none; background-attachment:scroll!important; } #booking.online-booking-section:before{ background-image:linear-gradient(90deg,rgba(2,7,12,.78) 0%,rgba(2,7,12,.68) 43%,rgba(2,7,12,.28) 75%,rgba(2,7,12,.34) 100%)!important; background-attachment:scroll!important; transform:none!important; } #booking.online-booking-section:after{ content:""; position:absolute; z-index:-1; top:92px; right:3.5%; width:min(28vw,410px); aspect-ratio:1/1; border-radius:50%; background:url("../images/logo-vtc-grenoble.jpeg") center/cover no-repeat; /* Blend the logo into the panorama instead of placing it on a black card. */ mix-blend-mode:screen; opacity:.72; border:0; box-shadow:none; -webkit-mask-image:radial-gradient(ellipse at center, #000 56%, rgba(0,0,0,.92) 68%, rgba(0,0,0,.55) 82%, transparent 100%); mask-image:radial-gradient(ellipse at center, #000 56%, rgba(0,0,0,.92) 68%, rgba(0,0,0,.55) 82%, transparent 100%); pointer-events:none; } #booking .online-booking-wrap, #booking .online-booking-form, #booking .booking-step-panel, #booking .route-block, #booking .booking-info-bar, #booking .passenger-panel, #booking .stops-list{overflow-anchor:none} #booking .location-tabs{position:relative;z-index:30;overflow:visible} #booking .location-menu{ position:relative!important; z-index:40!important; margin:0!important; padding:9px!important; gap:7px!important; background:rgba(9,17,24,.98)!important; border:1px solid rgba(237,196,119,.36)!important; border-radius:0 0 9px 9px!important; box-shadow:0 12px 24px rgba(0,0,0,.32)!important; color:#f4f6f8!important; transform:none!important; } #booking .location-menu-item{ min-height:44px; padding:9px 10px!important; background:#121f29!important; color:#f5f6f7!important; border:1px solid rgba(255,255,255,.12)!important; border-radius:7px!important; box-shadow:none!important; transform:none!important; transition:background-color .16s ease,border-color .16s ease!important; } #booking .location-menu-item:hover, #booking .location-menu-item:focus-visible{ background:#24313a!important; border-color:#dcb66c!important; outline:none; } #booking .location-menu-item strong{color:#f8f5ed!important;font-size:11px!important} #booking .location-menu-item small{color:#aeb8c0!important;font-size:9px!important} #booking .location-menu-icon{color:#edc477!important} #booking .address-suggestions{ z-index:60!important; background:#101b24!important; border:1px solid rgba(237,196,119,.35)!important; border-radius:0 0 8px 8px!important; box-shadow:0 14px 28px rgba(0,0,0,.38)!important; } #booking .address-suggestion{ background:transparent!important; color:#f4f6f8!important; border-bottom:1px solid rgba(255,255,255,.08)!important; } #booking .address-suggestion:hover{background:#1d2b35!important} #booking .address-suggestion strong{color:#f5f6f7!important} #booking .address-suggestion small{color:#aeb8c0!important} #booking .address-empty,#booking .address-searching{color:#c4cbd0!important} #booking .passenger-panel{ position:relative; z-index:2; margin-top:10px!important; animation:none!important; transform:none!important; } #booking .location-tabs button, #booking .info-bar-button, #booking .stop-add-button, #booking .location-menu-item{scroll-margin:0!important} @media(max-width:800px){ #booking.online-booking-section:after{ top:18px;right:50%;transform:translateX(50%); width:min(54vw,230px);opacity:.22; border:0;box-shadow:none; } #booking.online-booking-section:before{ background-image:linear-gradient(180deg,rgba(2,7,12,.78),rgba(2,7,12,.91))!important; background-position:center!important;background-size:cover!important; } #booking .location-menu{grid-template-columns:1fr 1fr!important} } @media(max-width:480px){ #booking.online-booking-section:after{width:170px;top:10px;opacity:.16} #booking .location-menu{grid-template-columns:1fr!important;max-height:220px;overflow-y:auto} } /* DESIGN UPDATE — reference hero: integrated emblem, stable scenery, refined booking panel */ #booking.online-booking-section{ position:relative!important; isolation:isolate!important; overflow:hidden!important; overflow-anchor:none!important; background:#071019 url("../images/05_Grenoble_Alps_Panorama.jpg") center 48%/cover no-repeat!important; background-attachment:scroll!important; padding:56px 0 64px!important; } #booking.online-booking-section:before{ content:""!important; position:absolute!important; inset:0!important; z-index:-2!important; background: linear-gradient(90deg,rgba(2,8,14,.60) 0%,rgba(2,8,14,.68) 42%,rgba(2,8,14,.30) 72%,rgba(2,8,14,.22) 100%)!important; transform:none!important; background-attachment:scroll!important; } #booking.online-booking-section:after{ content:""!important; position:absolute!important; z-index:-1!important; top:50%!important; right:2.5%!important; width:min(37vw,600px)!important; aspect-ratio:1/1!important; height:auto!important; border-radius:0!important; background:transparent url("../images/logo-vtc-grenoble.jpeg") center/contain no-repeat!important; mix-blend-mode:screen!important; opacity:.88!important; border:0!important; box-shadow:none!important; transform:translateY(-48%)!important; -webkit-mask-image:radial-gradient(ellipse at center, #000 48%,rgba(0,0,0,.96) 62%,rgba(0,0,0,.72) 74%,rgba(0,0,0,.28) 86%,transparent 100%)!important; mask-image:radial-gradient(ellipse at center, #000 48%,rgba(0,0,0,.96) 62%,rgba(0,0,0,.72) 74%,rgba(0,0,0,.28) 86%,transparent 100%)!important; pointer-events:none!important; } #booking .online-booking-wrap{ position:relative!important; z-index:1!important; width:min(100% - 48px,1420px)!important; max-width:1420px!important; margin-inline:auto!important; } #booking .online-booking-heading{ position:relative!important; z-index:2!important; max-width:760px!important; margin:0 0 24px!important; text-align:left!important; } #booking .online-booking-heading h2{ max-width:760px!important; font-size:clamp(30px,3.1vw,48px)!important; line-height:1.08!important; text-shadow:0 2px 18px rgba(0,0,0,.3)!important; } #booking .online-booking-heading p{ max-width:720px!important; color:#f0f2f4!important; } #booking .online-booking-form{ position:relative!important; z-index:5!important; width:min(100%,830px)!important; margin:0!important; background:rgba(4,13,20,.90)!important; border:1px solid rgba(237,196,119,.42)!important; border-radius:16px!important; box-shadow:0 18px 46px rgba(0,0,0,.36)!important; backdrop-filter:blur(10px)!important; -webkit-backdrop-filter:blur(10px)!important; } #booking .booking-step-panel, #booking .route-block, #booking .booking-info-bar, #booking .passenger-panel, #booking .stops-list, #booking .location-menu, #booking .address-suggestions{ background-color:rgba(8,17,24,.97)!important; } #booking .location-tabs, #booking .booking-progress, #booking .booking-fields, #booking .booking-navigation, #booking .passenger-panel, #booking .stops-list{ scroll-behavior:auto!important; overflow-anchor:none!important; } #booking .online-booking-form *, #booking .location-menu, #booking .location-menu *{ scroll-behavior:auto; } #booking .location-menu, #booking .address-suggestions, #booking .passenger-panel{ animation:none!important; transition:none!important; transform:none!important; } @media(max-width:1000px){ #booking.online-booking-section{padding:42px 0 48px!important} #booking.online-booking-section:after{ width:min(38vw,390px)!important; right:0!important; opacity:.42!important; } #booking .online-booking-form{width:min(100%,780px)!important} } @media(max-width:800px){ #booking.online-booking-section{padding:32px 0 40px!important} #booking.online-booking-section:after{ top:22px!important; right:50%!important; width:min(48vw,210px)!important; transform:translateX(50%)!important; opacity:.20!important; } #booking.online-booking-section:before{ background:linear-gradient(180deg,rgba(2,8,14,.70),rgba(2,8,14,.91))!important; } #booking .online-booking-wrap{width:calc(100% - 24px)!important} #booking .online-booking-heading{margin-bottom:16px!important} #booking .online-booking-heading h2{font-size:clamp(27px,7vw,36px)!important} #booking .online-booking-form{width:100%!important;border-radius:12px!important} } @media(prefers-reduced-motion:reduce){ #booking *,#booking *:before,#booking *:after{ animation:none!important; transition:none!important; scroll-behavior:auto!important; } } /* V13 — compact reservation layout, smaller route icons, readable add-stop action */ @media (min-width: 801px){ #booking .online-booking-form{width:min(80%,830px)!important;} #booking .booking-step-panel{padding:22px 24px 24px!important;} #booking .booking-step-panel .booking-step-title{margin-bottom:16px!important;gap:9px!important;} #booking .booking-step-title>span{width:29px!important;height:29px!important;font-size:9px!important;} #booking .location-tabs{gap:5px!important;} #booking .location-tabs button{min-height:48px!important;gap:5px!important;font-size:10px!important;padding:6px 7px!important;} #booking .location-tabs button svg{width:15px!important;height:15px!important;} #booking .location-tabs button::after{width:4px!important;height:4px!important;} #booking .input-wrap>svg,#booking .booking-fields svg,#booking .route-block svg{width:15px!important;height:15px!important;} #booking .reference-stops{margin:11px 0 13px!important;} #booking .reference-stops>div{padding:6px 10px!important;} #booking .stop-add-button{padding:7px 10px!important;font-size:10px!important;line-height:1.25!important;min-height:34px!important;opacity:1!important;color:#33270c!important;white-space:nowrap!important;} #booking .stop-add-button:disabled{opacity:1!important;color:#6b4b18!important;background:#ffe14f!important;} } #booking .stop-add-button{opacity:1!important;color:#33270c!important;} #booking .stop-add-button:disabled{opacity:1!important;color:#6b4b18!important;background:#ffe14f!important;} @media(max-width:800px){ #booking .location-tabs button svg{width:15px!important;height:15px!important;} #booking .stop-add-button{padding:7px 9px!important;font-size:10px!important;min-height:34px!important;} } /* V14 — reduce icon and input-field dimensions only; keep text readable */ #booking .route-input-row .input-wrap, #booking .location-input-wrap, #booking .route-input-row .location-input-wrap { height: 44px !important; min-height: 44px !important; padding: 0 10px !important; gap: 7px !important; } #booking .route-input-row .input-wrap > svg, #booking .location-tabs button > svg, #booking .input-wrap > svg, #booking .booking-fields svg, #booking .route-block svg { width: 12px !important; height: 12px !important; flex: 0 0 12px !important; } #booking .location-tabs button { gap: 5px !important; } #booking .stop-add-button { min-height: 32px !important; padding: 5px 8px !important; font-size: 11px !important; line-height: 1.2 !important; white-space: nowrap !important; opacity: 1 !important; color: #33270c !important; } #booking .stop-add-button:disabled { opacity: 1 !important; color: #6b4b18 !important; background: #ffe14f !important; } @media (max-width: 800px) { #booking .route-input-row .input-wrap, #booking .location-input-wrap, #booking .route-input-row .location-input-wrap { height: 44px !important; min-height: 44px !important; } #booking .route-input-row .input-wrap > svg, #booking .location-tabs button > svg, #booking .input-wrap > svg { width: 12px !important; height: 12px !important; flex-basis: 12px !important; } #booking .stop-add-button { min-height: 32px !important; padding: 5px 8px !important; font-size: 11px !important; } } /* V15 — compact the lower reservation area (date/time and navigation footer) */ @media (min-width: 801px) { #booking .booking-step-panel[data-step="1"] { padding-bottom: 16px !important; } #booking .booking-fields.date-time-row { gap: 10px !important; margin-top: 10px !important; } #booking .date-time-row .field .input-wrap, #booking .date-time-row .time-input-wrap { height: 44px !important; min-height: 44px !important; } #booking .date-time-row .time-actions { gap: 8px !important; } #booking .date-time-row .now-action { min-height: 44px !important; padding: 8px 16px !important; } #booking .booking-note { margin: 6px 0 0 !important; line-height: 1.25 !important; } #booking .booking-navigation { min-height: 62px !important; padding: 12px 20px !important; } #booking .booking-navigation .btn { min-height: 44px !important; padding: 10px 20px !important; gap: 10px !important; } #booking .booking-navigation .btn svg { width: 16px !important; height: 16px !important; } } @media (max-width: 800px) { #booking .booking-step-panel[data-step="1"] { padding-bottom: 14px !important; } #booking .date-time-row .field .input-wrap, #booking .date-time-row .time-input-wrap { min-height: 44px !important; } #booking .date-time-row .now-action { min-height: 44px !important; padding: 8px 12px !important; } #booking .booking-navigation { min-height: 58px !important; padding: 10px 12px !important; } #booking .booking-navigation .btn { min-height: 42px !important; padding: 9px 14px !important; } #booking .booking-navigation .btn svg { width: 15px !important; height: 15px !important; } } /* DESIGN HARMONISATION — vehicle selection and payment methods */ #booking .reference-vehicles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:stretch} #booking .reference-vehicle-card{min-width:0;min-height:0;grid-template-rows:170px minmax(112px,auto) auto;background:linear-gradient(145deg,#0b1b28,#07121c)!important;border:1px solid rgba(218,183,112,.24)!important;border-radius:11px!important;color:#f5f2eb;box-shadow:none!important;transition:border-color .2s,transform .2s,box-shadow .2s} #booking .reference-vehicle-card:hover{transform:translateY(-2px);border-color:rgba(218,183,112,.65)!important;box-shadow:0 10px 24px rgba(0,0,0,.22)!important} #booking .reference-vehicle-card.selected{border:2px solid #d9b66f!important;background:linear-gradient(145deg,#102332,#07131e)!important;box-shadow:0 0 0 1px rgba(217,182,111,.12),0 8px 24px rgba(0,0,0,.22)!important} #booking .reference-vehicle-card .vehicle-choice-image{grid-row:1;min-height:0;height:170px;background:#101b24!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important;overflow:hidden} #booking .reference-vehicle-card .vehicle-choice-image img{width:100%;height:100%;object-fit:cover!important;object-position:center;padding:0!important} #booking .reference-vehicle-card .vehicle-choice-info{grid-row:2;min-width:0;padding:14px 16px 12px!important;background:transparent!important} #booking .reference-vehicle-card .vehicle-choice-info h3{color:#f4dfb0!important;font-size:17px!important;margin:0 0 8px!important} #booking .reference-vehicle-card .vehicle-choice-info strong{color:#e8bd65!important;font-size:12px!important;line-height:1.5} #booking .reference-vehicle-card .vehicle-choice-info span{display:block;color:#aebbc4!important;font-size:10px!important;line-height:1.5;margin-top:4px!important} #booking .reference-vehicle-card .vehicle-choice-price{grid-row:3;align-self:stretch;padding:12px 16px!important;text-align:left!important;background:rgba(255,255,255,.035)!important;border-top:1px solid rgba(255,255,255,.08);color:#3ca0ff!important;font-size:24px!important;line-height:1.2} #booking .reference-vehicle-card .vehicle-choice-price::before{color:#9baab5!important;font-size:9px!important;letter-spacing:1px!important;margin-bottom:5px!important} #booking .reference-payments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0;background:transparent!important;border:0!important} #booking .reference-payment{position:relative;display:flex;align-items:center;gap:11px;min-width:0;min-height:82px;padding:14px!important;background:linear-gradient(145deg,#101f2b,#0a1722)!important;border:1px solid rgba(211,222,229,.22)!important;border-radius:9px!important;color:#f4f2ec!important;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s} #booking .reference-payment:hover{border-color:rgba(218,183,112,.65)!important;background:#132432!important} #booking .reference-payment.selected{border:1.5px solid #d9b66f!important;background:linear-gradient(145deg,rgba(218,183,112,.13),rgba(8,24,36,.98))!important;box-shadow:inset 0 0 0 1px rgba(218,183,112,.12),0 5px 18px rgba(0,0,0,.16)!important} #booking .reference-payment input{position:absolute;opacity:0;pointer-events:none} #booking .reference-payment .payment-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border:1px solid rgba(218,183,112,.2);border-radius:8px;background:#eaf3fb!important;color:#0879e8!important} #booking .reference-payment .payment-icon svg{width:21px!important;height:21px!important} #booking .reference-payment>span:last-child{min-width:0} #booking .reference-payment strong{display:block;color:#f4f2ec!important;font-size:12px!important;line-height:1.35} #booking .reference-payment small{display:block;margin-top:5px;color:#aab7c0!important;font-size:9px!important;line-height:1.4} #booking .booking-section-caption{color:#e7c477!important;font-size:13px!important;font-weight:750;margin-bottom:12px} #booking .payment-card,#booking .client-card{background:linear-gradient(145deg,#0c1c28,#091620)!important;border:1px solid rgba(218,183,112,.18)!important;border-radius:10px!important;color:#f4f2ec} #booking .payment-card{padding:18px!important} @media(max-width:800px){#booking .reference-vehicles{grid-template-columns:1fr 1fr;gap:10px}#booking .reference-vehicle-card{grid-template-rows:145px minmax(105px,auto) auto}#booking .reference-vehicle-card .vehicle-choice-image{height:145px}#booking .reference-payments{grid-template-columns:1fr;gap:9px}#booking .reference-payment{min-height:68px}} @media(max-width:520px){#booking .reference-vehicles{grid-template-columns:1fr}#booking .reference-vehicle-card{grid-template-rows:175px auto auto}#booking .reference-vehicle-card .vehicle-choice-image{height:175px}#booking .reference-payments{grid-template-columns:1fr}#booking .reference-payment{min-height:66px;padding:11px 13px!important}} /* Simplified administration layout: three existing areas, no extra modules. */ .admin-page .admin-main{padding:0 0 42px!important} .admin-page .admin-layout{width:100%;max-width:none;margin:0;padding:24px 26px;display:grid;grid-template-columns:224px minmax(0,1fr);gap:24px;align-items:start} .admin-page .admin-sidebar{position:sticky;top:82px;align-self:start;background:#10263d;border:1px solid #203b57;border-radius:12px;padding:14px 10px;box-shadow:0 8px 24px rgba(15,23,42,.08)} .admin-page .admin-sidebar-label{padding:8px 12px 14px;color:#9db6d2;font-size:10px;font-weight:800;letter-spacing:1.1px} .admin-page .admin-primary-nav{display:grid;grid-template-columns:1fr;gap:6px;margin:0} .admin-page .admin-tab{display:grid;grid-template-columns:26px 32px minmax(0,1fr);gap:9px;align-items:center;padding:12px 10px;border:1px solid transparent!important;border-radius:8px;background:transparent!important;color:#e8eff8!important;box-shadow:none!important;transform:none!important} .admin-page .admin-tab:hover{background:#1b3857!important;border-color:#2b4a6c!important} .admin-page .admin-tab.active{background:#1765e9!important;border-color:#3980ff!important;box-shadow:0 4px 12px rgba(37,99,235,.2)!important} .admin-page .admin-tab-number{align-self:center;color:#c4d7f0!important;font-size:10px} .admin-page .admin-tab-icon{width:30px;height:30px;background:rgba(255,255,255,.1)!important;color:#fff!important;border-radius:7px;font-size:17px} .admin-page .admin-tab strong{font-size:11px;color:#fff!important;line-height:1.35} .admin-page .admin-tab small{font-size:9px;color:#c3d2e3!important;line-height:1.4;margin-top:3px} .admin-page .admin-content{min-width:0;width:100%} .admin-page .admin-hero{margin:3px 0 20px} .admin-page .admin-hero h1{font-size:34px;margin:9px 0 6px} .admin-page .admin-section-intro{padding:17px 20px;margin-bottom:14px;background:linear-gradient(110deg,#e7edf3,#314451)!important;border:0;border-radius:9px} .admin-page .admin-section-intro h2{color:#fff!important;font-size:25px} .admin-page .admin-section-intro p{color:#d5e0e8!important} .admin-page .admin-section-kicker{color:#dbeafe!important} .admin-page .admin-section-count{background:#fff!important;border:1px solid #dbe4ee!important} .admin-page .admin-actions{position:sticky;bottom:10px;z-index:5;background:#102331!important;border:1px solid #263e4f!important;box-shadow:0 5px 18px rgba(15,23,42,.12);margin-top:18px} .admin-page .admin-content{padding-bottom:16px} @media(max-width:900px){.admin-page .admin-layout{grid-template-columns:1fr;padding:18px 16px;gap:16px}.admin-page .admin-sidebar{position:static;padding:8px}.admin-page .admin-sidebar-label{padding:6px 8px 8px}.admin-page .admin-primary-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.admin-page .admin-tab{grid-template-columns:22px 28px minmax(0,1fr);padding:9px 7px}.admin-page .admin-tab-icon{width:27px;height:27px}.admin-page .admin-tab small{display:none}} @media(max-width:560px){.admin-page .admin-layout{padding:14px 10px;gap:13px}.admin-page .admin-primary-nav{grid-template-columns:1fr}.admin-page .admin-tab{grid-template-columns:22px 28px minmax(0,1fr);padding:9px}.admin-page .admin-tab small{display:block}.admin-page .admin-hero h1{font-size:27px}.admin-page .admin-section-intro{padding:14px;flex-direction:row}.admin-page .admin-section-intro h2{font-size:20px}.admin-page .admin-actions{bottom:6px}} /* V21 — Direction artistique premium indigo / violet / glacier, sans ajouter de modules. */ .admin-page{--admin-blue:#4f46e5;--admin-blue-dark:#3730a3;--admin-line:#dbe4f3;--admin-ink:#111b3b;background:#f3f6fc!important;color:#17213f!important;font-family:Inter,"Segoe UI",Arial,sans-serif} .admin-page .site-header{background:rgba(255,255,255,.96)!important;border-bottom:1px solid #e2e8f5!important;box-shadow:0 5px 22px rgba(28,42,83,.07)!important} .admin-page .site-header .brand-text strong{color:#111b3b!important} .admin-page .site-header .brand-text span{color:#7180a4!important} .admin-page .admin-title{color:#26345e!important;letter-spacing:1.2px} .admin-page .admin-back{border-color:#d6def0!important;color:#25365f!important;background:#fff!important;border-radius:8px!important} .admin-page .admin-main{background:transparent!important} .admin-page .admin-layout{grid-template-columns:250px minmax(0,1fr)!important;gap:24px!important;max-width:1600px!important;padding:24px 26px 42px!important} .admin-page .admin-sidebar{position:sticky;top:82px;min-height:calc(100vh - 110px);overflow:hidden;border:1px solid #1d2c52!important;border-radius:16px!important;padding:18px 12px 220px!important;background:linear-gradient(180deg,rgba(7,16,40,.98) 0%,rgba(12,26,61,.95) 54%,rgba(15,25,56,.48) 100%),url('../images/06_Mercedes_SUV_Alpine_Sunset.jpg') center bottom/auto 48% no-repeat,#0b1737!important;box-shadow:0 18px 40px rgba(22,34,76,.16)!important} .admin-page .admin-sidebar:after{content:"VTC GRENOBLE\A Transferts privés en toute confiance";white-space:pre;position:absolute;left:18px;right:12px;bottom:18px;color:#fff;font-size:11px;line-height:1.8;font-weight:700;letter-spacing:.5px;text-shadow:0 2px 12px #071028;pointer-events:none} .admin-page .admin-sidebar-label{color:#a9b9e8!important;padding:10px 12px 15px!important;font-size:10px!important;letter-spacing:1.3px!important} .admin-page .admin-primary-nav{gap:7px!important} .admin-page .admin-tab{grid-template-columns:25px 32px minmax(0,1fr)!important;gap:9px!important;padding:12px 9px!important;border-radius:10px!important;color:#e8edff!important} .admin-page .admin-tab:hover{background:rgba(113,101,255,.15)!important;border-color:rgba(151,141,255,.2)!important} .admin-page .admin-tab.active{background:linear-gradient(110deg,#6d28d9 0%,#4f46e5 58%,#2585f5 100%)!important;border-color:rgba(255,255,255,.23)!important;box-shadow:0 8px 20px rgba(79,70,229,.34)!important} .admin-page .admin-tab-number{color:#c6d4ff!important} .admin-page .admin-tab-icon{background:rgba(255,255,255,.12)!important;color:#fff!important;border-radius:9px!important} .admin-page .admin-tab strong{font-size:11px!important;color:#fff!important} .admin-page .admin-tab small{color:#c9d5f5!important} .admin-page .admin-hero .eyebrow{color:#4f46e5!important;letter-spacing:1.25px!important} .admin-page .admin-hero .eyebrow span{background:linear-gradient(90deg,#7c3aed,#2f8cff)!important} .admin-page .admin-hero h1{color:#111b3b!important;font-size:36px!important;letter-spacing:-.8px!important} .admin-page .admin-hero p{color:#637294!important;font-size:12px!important} .admin-page .admin-section-intro{background:linear-gradient(110deg,#101b3d 0%,#1c2c55 56%,#314b73 100%)!important;border:1px solid rgba(111,142,211,.3)!important;border-radius:13px!important;box-shadow:0 10px 24px rgba(20,36,78,.13)!important;padding:17px 20px!important} .admin-page .admin-section-intro h2{color:#fff!important;font-size:25px!important} .admin-page .admin-section-intro p{color:#d2dcf6!important} .admin-page .admin-section-kicker{color:#9caeff!important} .admin-page .admin-section-count{border:1px solid #dbe4f6!important;border-radius:10px!important;background:linear-gradient(145deg,#fff,#eef3ff)!important;box-shadow:0 4px 12px rgba(8,20,56,.12)!important} .admin-page .admin-section-count strong{color:#111b3b!important} .admin-page .admin-section-count span{color:#7180a4!important} .admin-page .admin-card,.admin-page .booking-workspace,.admin-page .report-table-card{background:#fff!important;border:1px solid #e0e7f4!important;border-radius:13px!important;box-shadow:0 5px 18px rgba(25,42,86,.045)!important} .admin-page .admin-card h2,.admin-page .booking-workspace h2{color:#152044!important} .admin-page .admin-card-head p,.admin-page .booking-workspace-head p{color:#7180a4!important} .admin-page .admin-card-head{border-color:#edf1f8!important} .admin-page .btn-gold,.admin-page .booking-head-actions .btn-gold,.admin-page button.primary,.admin-page .btn-primary{background:linear-gradient(110deg,#6d28d9,#4f46e5 60%,#287cf0)!important;color:#fff!important;border-color:transparent!important;border-radius:8px!important;box-shadow:0 4px 11px rgba(79,70,229,.18)!important} .admin-page .btn-gold:hover,.admin-page .btn-primary:hover{background:linear-gradient(110deg,#5b21b6,#4338ca 60%,#1d4ed8)!important} .admin-page .btn-outline{background:#fff!important;color:#29385e!important;border-color:#d5deef!important;border-radius:8px!important} .admin-page .danger-btn{background:#fff!important;color:#dc2626!important;border-color:#fecaca!important;border-radius:8px!important} .admin-page .booking-quick-stats{gap:10px!important} .admin-page .booking-quick-stats article{background:linear-gradient(145deg,#f5f8ff,#edf3ff)!important;border:1px solid #dce7fb!important;border-radius:11px!important;box-shadow:0 3px 10px rgba(37,65,120,.035)!important} .admin-page .booking-quick-stats article:nth-child(2){background:linear-gradient(145deg,#fffaf2,#fff5e8)!important;border-color:#f5e5ce!important} .admin-page .booking-quick-stats article:nth-child(3){background:linear-gradient(145deg,#f0fdf8,#e9fbf3)!important;border-color:#ccefe0!important} .admin-page .booking-quick-stats article:nth-child(4){background:linear-gradient(145deg,#faf5ff,#f4edff)!important;border-color:#e8dcff!important} .admin-page .booking-quick-stats article:nth-child(5){background:linear-gradient(145deg,#fff6f6,#fff0f1)!important;border-color:#f7dfe3!important} .admin-page .booking-quick-stats span{color:#657394!important} .admin-page .booking-quick-stats strong{color:#121d43!important} .admin-page .booking-filter-panel{background:#fbfcff!important;border-color:#e0e7f4!important;border-radius:11px!important} .admin-page .booking-filter-panel label{color:#334367!important} .admin-page .booking-filter-panel input,.admin-page .booking-filter-panel select,.admin-page .booking-quick-status select,.admin-page .booking-edit-grid input,.admin-page .booking-edit-grid select,.admin-page .booking-edit-grid textarea{background:#fff!important;color:#17213f!important;border-color:#cfd9ed!important;border-radius:7px!important} .admin-page .booking-results-head{color:#7482a2!important} .admin-page .booking-results-head strong{color:#27365d!important} .admin-page .booking-card{background:linear-gradient(145deg,#fff,#fbfcff)!important;border-color:#dfe7f4!important;border-radius:11px!important;box-shadow:0 3px 12px rgba(25,42,86,.035)!important} .admin-page .booking-card-top,.admin-page .booking-card-actions{border-color:#e7edf7!important} .admin-page .booking-ref-label,.admin-page .booking-muted{color:#7b89a8!important} .admin-page .booking-reference{color:#1d2d5a!important} .admin-page .booking-card-client>strong,.admin-page .booking-card-route>strong,.admin-page .booking-card-facts>div>strong{color:#1d2a4d!important} .admin-page .booking-card-client>span:not(.booking-muted),.admin-page .booking-card-route>span:not(.booking-muted),.admin-page .booking-card-facts>div>span:not(.booking-muted){color:#647495!important} .admin-page .booking-card-route .booking-return{background:#f2f5ff!important;color:#5265a5!important} .admin-page .booking-card-facts .booking-price{color:#b45309!important} .admin-page .booking-status-badge{background:#ecfdf5!important;border-color:#a7f3d0!important;color:#047857!important} .admin-page .admin-fields label,.admin-page .booking-edit-grid label{color:#344366!important} .admin-page .admin-fields input,.admin-page .admin-fields select,.admin-page .admin-fields textarea,.admin-page input:not([type=checkbox]):not([type=radio]),.admin-page select,.admin-page textarea{border-color:#cfd9ed!important;background:#fff!important;color:#17213f!important;border-radius:7px!important} .admin-page .admin-fields input:focus,.admin-page .admin-fields select:focus,.admin-page .admin-fields textarea:focus,.admin-page .booking-filter-panel input:focus,.admin-page .booking-filter-panel select:focus{border-color:#818cf8!important;box-shadow:0 0 0 3px rgba(99,102,241,.12)!important} .admin-page .report-card{background:linear-gradient(145deg,#fff,#f8faff)!important;border:1px solid #e0e7f4!important;border-radius:12px!important;box-shadow:0 4px 13px rgba(25,42,86,.04)!important} .admin-page .report-card>span,.admin-page .report-card small{color:#7180a4!important} .admin-page .report-card>strong{color:#152044!important} .admin-page .admin-report-table th{background:#f0f4fc!important;color:#344366!important} .admin-page .admin-report-table td{color:#657495!important;border-color:#e4eaf5!important} .admin-page .report-note{background:#f5f3ff!important;color:#6d28d9!important;border-color:#e4ddff!important} .admin-page .report-warning{background:#fff9ed!important;border-color:#f6dfb5!important;color:#82622d!important;border-radius:9px!important} .admin-page .report-warning strong{color:#9a5b0b!important} .admin-page .admin-vehicle-row,.admin-page .booking-admin-item,.admin-page .booking-list-item,.admin-page .booking-detail,.admin-page .admin-subcard{background:#f8faff!important;border-color:#e0e7f4!important} .admin-page .switch input:checked+span{background:#c7d2fe!important}.admin-page .switch input:checked+span:before{background:#4f46e5!important} .admin-page .vehicle-enabled input,.admin-page input[type=checkbox],.admin-page input[type=radio]{accent-color:#4f46e5!important} .admin-page a:not(.brand),.admin-page .admin-link{color:#4f46e5} .admin-page table{background:#fff!important;color:#17213f!important;border-color:#e0e7f4!important} .admin-page th{background:#f0f4fc!important;color:#344366!important}.admin-page td{border-color:#e0e7f4!important} .admin-page .status-confirmed,.admin-page .status-paid{background:#dcfce7!important;color:#166534!important} .admin-page :focus-visible{outline:3px solid rgba(99,102,241,.35)!important;outline-offset:2px} .admin-page .admin-actions{position:sticky!important;bottom:8px!important;z-index:8!important;background:rgba(12,24,54,.96)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 8px 24px rgba(15,23,42,.18)!important;border-radius:11px!important;backdrop-filter:blur(12px)!important} .admin-page .booking-details-dialog{background:#fff!important;color:#17213f!important;border-color:#dce4f5!important} .admin-page .booking-dialog-head{background:#f5f7ff!important;border-color:#e0e7f4!important} .admin-page .booking-dialog-head h2{color:#152044!important} .admin-page .booking-dialog-head p{color:#4f46e5!important} .admin-page .booking-dialog-close{color:#26365f!important;border-color:#d5deef!important} .admin-page .booking-detail-section{background:#fbfcff!important;border-color:#e0e7f4!important} .admin-page .booking-detail-section h3{color:#4f46e5!important} .admin-page .booking-detail-row{border-color:#e7edf7!important} .admin-page .booking-detail-row span{color:#7180a4!important} .admin-page .booking-detail-row strong{color:#1d2a4d!important} .admin-page .booking-dialog-actions{background:#f5f7ff!important;border-color:#e0e7f4!important} @media(max-width:900px){.admin-page .admin-layout{grid-template-columns:1fr!important;padding:18px 16px 35px!important}.admin-page .admin-sidebar{position:relative;top:auto;min-height:0;padding:10px!important;background:#0b1737!important}.admin-page .admin-sidebar:after{display:none}.admin-page .admin-primary-nav{grid-template-columns:repeat(3,minmax(0,1fr))!important}.admin-page .admin-tab{grid-template-columns:24px minmax(0,1fr)!important}.admin-page .admin-tab-number{display:none}.admin-page .admin-tab-icon{display:none}} @media(max-width:560px){.admin-page .admin-layout{padding:12px 10px 28px!important}.admin-page .admin-primary-nav{grid-template-columns:1fr!important}.admin-page .admin-tab{grid-template-columns:26px 30px minmax(0,1fr)!important}.admin-page .admin-tab-number,.admin-page .admin-tab-icon{display:flex}.admin-page .admin-tab-number{display:block}.admin-page .admin-section-intro{padding:14px!important}.admin-page .admin-section-intro h2{font-size:20px!important}.admin-page .booking-quick-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.admin-page .booking-quick-stats article:last-child{grid-column:1/-1}.admin-page .booking-filter-panel{grid-template-columns:1fr!important}.admin-page .booking-search-field{grid-column:auto!important}.admin-page .booking-card-main{grid-template-columns:1fr!important}.admin-page .booking-card-facts{grid-template-columns:repeat(2,minmax(0,1fr))!important}.admin-page .booking-details-content,.admin-page .booking-edit-grid{grid-template-columns:1fr!important}.admin-page .booking-edit-grid .full{grid-column:auto!important}.admin-page .admin-actions{bottom:4px!important;flex-wrap:wrap!important}} /* VTC Grenoble unified brand palette: navy + champagne gold, coordinated with the public website. */ .admin-page{ --admin-blue:#c99a4b; --admin-blue-dark:#95631f; --admin-blue-soft:#fff5e4; --admin-ink:#0a1b2a; --admin-muted:#647583; --admin-line:#dce4e9; --admin-surface:#ffffff; --admin-subtle:#f5f7f8; background:#f3f6f8!important; color:var(--admin-ink)!important; } .admin-page .site-header{background:#fff!important;border-bottom:1px solid var(--admin-line)!important;box-shadow:0 3px 14px rgba(7,26,41,.06)!important} .admin-page .brand-text strong{color:#0a1b2a!important}.admin-page .brand-text span{color:#778590!important} .admin-page .admin-title{color:#344756!important}.admin-page .admin-back{background:#fff!important;color:#95631f!important;border-color:#dfc28f!important} .admin-page .admin-main{background:#f3f6f8!important} .admin-page .admin-hero h1,.admin-page .admin-section-intro h2,.admin-page .admin-card h2{color:#0a1b2a!important} .admin-page .admin-hero p,.admin-page .admin-section-intro p,.admin-page .admin-card-head p{color:#647583!important} .admin-page .eyebrow,.admin-page .admin-section-kicker{color:#a66f22!important} .admin-page .eyebrow span{background:#c99a4b!important} .admin-page .admin-tab{background:#fff!important;border:1px solid #dce4e9!important;color:#344756!important;box-shadow:0 3px 10px rgba(7,26,41,.035)!important} .admin-page .admin-tab strong{color:#0a1b2a!important}.admin-page .admin-tab small{color:#647583!important} .admin-page .admin-tab-number{color:#71808b!important}.admin-page .admin-tab-icon{background:#f5ead7!important;color:#8e5f20!important} .admin-page .admin-tab.active{background:linear-gradient(110deg,#fff8ec,#f9ecd5)!important;border-color:#c99a4b!important;box-shadow:inset 3px 0 0 #b98232,0 4px 12px rgba(7,26,41,.04)!important} .admin-page .admin-tab.active .admin-tab-number,.admin-page .admin-tab.active .admin-tab-icon,.admin-page .admin-tab.active strong{color:#95631f!important} .admin-page .admin-card,.admin-page .admin-section-count,.admin-page .report-card,.admin-page .booking-filter-panel,.admin-page .booking-quick-stats>article{background:#fff!important;border:1px solid #dce4e9!important;box-shadow:0 4px 14px rgba(7,26,41,.035)!important} .admin-page .admin-section-count strong,.admin-page .booking-quick-stats strong,.admin-page .report-card>strong{color:#0a1b2a!important} .admin-page .admin-section-count span,.admin-page .booking-quick-stats span,.admin-page .report-card span{color:#647583!important} .admin-page .admin-fields label,.admin-page .admin-vehicle-row label,.admin-page .booking-filter-panel label{color:#344756!important} .admin-page input:not([type=checkbox]):not([type=radio]),.admin-page select,.admin-page textarea,.admin-page .admin-fields input,.admin-page .admin-fields textarea,.admin-page .admin-vehicle-row input:not([type=checkbox]){background:#fff!important;color:#0a1b2a!important;border:1px solid #cbd6de!important} .admin-page input::placeholder,.admin-page textarea::placeholder{color:#8a98a2!important} .admin-page input:focus,.admin-page select:focus,.admin-page textarea:focus{outline:3px solid rgba(201,154,75,.18)!important;border-color:#c99a4b!important} .admin-page .btn-gold,.admin-page .booking-head-actions .btn-gold,.admin-page button.primary,.admin-page .btn-primary{background:#c99a4b!important;color:#101b23!important;border-color:#c99a4b!important} .admin-page .btn-outline{background:#fff!important;color:#243746!important;border-color:#cbd6de!important} .admin-page .btn-gold:hover,.admin-page .btn-primary:hover{background:#b78335!important;border-color:#b78335!important;color:#fff!important} .admin-page .danger-btn{background:#fff!important;color:#b42318!important;border-color:#f2c7c3!important} .admin-page .admin-vehicle-row,.admin-page .booking-admin-item,.admin-page .booking-list-item,.admin-page .booking-detail,.admin-page .admin-subcard{background:#f8fafb!important;border-color:#dce4e9!important} .admin-page .switch input:checked+span{background:#ead6b1!important}.admin-page .switch input:checked+span:before{background:#a66f22!important} .admin-page .vehicle-enabled input,.admin-page input[type=checkbox],.admin-page input[type=radio]{accent-color:#b78335!important} .admin-page a:not(.brand),.admin-page .admin-link{color:#95631f!important} .admin-page table{background:#fff!important;color:#0a1b2a!important;border-color:#dce4e9!important} .admin-page th{background:#f4f0e8!important;color:#344756!important}.admin-page td{border-color:#e5eaed!important} .admin-page .status-confirmed{background:#dff6e8!important;color:#167044!important}.admin-page .status-paid{background:#dff6e8!important;color:#167044!important} .admin-page :focus-visible{outline:3px solid rgba(201,154,75,.42)!important;outline-offset:2px} .admin-page .admin-actions{background:rgba(7,26,41,.97)!important;border:1px solid rgba(255,255,255,.13)!important;box-shadow:0 8px 24px rgba(7,26,41,.2)!important;border-radius:10px!important;backdrop-filter:blur(12px)!important} .admin-page .report-note{background:#fff6e7!important;color:#95631f!important;border-color:#ecd7b2!important} .admin-page .report-warning{background:#fff8ec!important;border-color:#eed8b2!important;color:#795a2b!important;border-radius:9px!important} .admin-page .report-warning strong{color:#95631f!important} .admin-page .switch input:checked+span{background:#e8d3ad!important}.admin-page .switch input:checked+span:before{background:#a66f22!important} .admin-page .booking-details-dialog{background:#fff!important;color:#0a1b2a!important;border-color:#dce4e9!important} .admin-page .booking-dialog-head{background:#f8f3e9!important;border-color:#e7dcc9!important} .admin-page .booking-dialog-head h2{color:#0a1b2a!important} .admin-page .booking-dialog-head p{color:#95631f!important} .admin-page .booking-dialog-close{color:#243746!important;border-color:#d4dde3!important} .admin-page .booking-detail-section{background:#fbfcfc!important;border-color:#e1e7ea!important} .admin-page .booking-detail-section h3{color:#95631f!important} .admin-page .booking-detail-row{border-color:#e5eaed!important} .admin-page .booking-detail-row span{color:#71808b!important} .admin-page .booking-detail-row strong{color:#0a1b2a!important} .admin-page .booking-dialog-actions{background:#f8f3e9!important;border-color:#e7dcc9!important} .admin-page .admin-sidebar{background:#071a29!important} .admin-page .admin-sidebar .admin-tab.active{background:linear-gradient(105deg,#c99a4b,#e3bd78)!important;color:#101b23!important;border-color:#c99a4b!important;box-shadow:0 5px 14px rgba(201,154,75,.22)!important} .admin-page .admin-sidebar .admin-tab.active strong,.admin-page .admin-sidebar .admin-tab.active .admin-tab-number,.admin-page .admin-sidebar .admin-tab.active .admin-tab-icon{color:#101b23!important} /* VTC Grenoble — intégration des visuels de la maquette (sidebar + bannière de section). */ .admin-page .admin-sidebar{ position:sticky!important; isolation:isolate; background-color:#071a29!important; background-image:linear-gradient(180deg,rgba(5,19,32,.98) 0%,rgba(5,19,32,.88) 42%,rgba(5,19,32,.36) 100%),url('../images/06_Mercedes_SUV_Alpine_Sunset.jpg')!important; background-repeat:no-repeat!important; background-position:center,center bottom!important; background-size:cover,auto 48%!important; } .admin-page .admin-sidebar:after{ content:"VTC GRENOBLE\\A Transferts privés en toute confiance"!important; white-space:pre!important; z-index:1; text-shadow:0 2px 14px rgba(0,0,0,.9)!important; } .admin-page .admin-section-intro{ position:relative!important; isolation:isolate; overflow:hidden!important; min-height:96px; padding:20px 22px!important; background-color:#071a29!important; background-image:linear-gradient(90deg,rgba(5,19,32,.98) 0%,rgba(5,19,32,.88) 42%,rgba(5,19,32,.48) 100%),url('../images/06_Mercedes_SUV_Alpine_Sunset.jpg')!important; background-size:cover!important; background-position:center 56%!important; border:1px solid rgba(201,154,75,.28)!important; border-radius:10px!important; box-shadow:0 10px 24px rgba(7,26,41,.12)!important; } .admin-page .admin-section-intro h2{color:#fff!important;text-shadow:0 1px 8px rgba(0,0,0,.22)} .admin-page .admin-section-intro p{color:#e1e8ee!important} .admin-page .admin-section-kicker{color:#e2b968!important} .admin-page .admin-section-count{position:relative;z-index:1;box-shadow:0 4px 14px rgba(0,0,0,.15)!important} @media(max-width:900px){ .admin-page .admin-sidebar{background-image:linear-gradient(110deg,rgba(5,19,32,.98),rgba(5,19,32,.90)),url('../images/06_Mercedes_SUV_Alpine_Sunset.jpg')!important;background-size:cover,cover!important;background-position:center,center 58%!important} .admin-page .admin-section-intro{background-position:center 55%!important} } /* Admin dashboard: refined to match the supplied VTC Grenoble reference. */ .admin-page{background:#f3f6fa!important;color:#111d3a!important;font-family:Inter,"Segoe UI",Arial,sans-serif!important;overflow-x:hidden} .admin-page .site-header.admin-topbar{height:70px;position:fixed;top:0;left:265px;right:0;z-index:100;display:flex;align-items:center;gap:24px;padding:0 30px;background:rgba(255,255,255,.97)!important;border-bottom:1px solid #e1e7f0!important;box-shadow:0 5px 20px rgba(17,29,58,.06)!important} .admin-top-brand{display:flex;align-items:center;gap:12px;min-width:300px}.admin-top-brand img{width:48px;height:48px;object-fit:cover;border-radius:50%;border:2px solid #d7ad63}.admin-top-brand .brand-text{align-items:flex-start}.admin-top-brand .brand-text strong{font-family:Georgia,serif;font-size:18px;color:#101b38!important;letter-spacing:0}.admin-top-brand .brand-text small{font-size:9px;letter-spacing:2px;color:#77849e;margin-top:5px}.admin-menu-toggle{border:0;background:transparent;color:#13203f;font-size:22px;cursor:pointer;padding:8px}.admin-global-search{height:42px;max-width:470px;flex:1;display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid #dce4f0;border-radius:8px;background:#f8fafd;color:#62718e}.admin-global-search>span{font-size:23px}.admin-global-search input{flex:1;min-width:0;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;font-size:12px!important}.admin-global-search kbd{font-size:10px;border:1px solid #dce4f0;border-radius:4px;padding:4px 6px;color:#596782;white-space:nowrap}.admin-notifications{position:relative;border:0;background:transparent;color:#1a294a;font-size:24px;cursor:pointer;margin-left:auto}.admin-notifications i{position:absolute;width:8px;height:8px;right:1px;top:3px;background:#ef4444;border-radius:50%}.admin-user{display:flex;align-items:center;gap:10px;color:#172442!important;font-size:12px;white-space:nowrap}.admin-avatar{width:40px;height:40px;display:grid;place-items:center;background:#edf1f7;border-radius:50%;font-size:23px;color:#1a2947;border:1px solid #e0e6ef} .admin-page .admin-main{padding:70px 0 28px!important;background:#f3f6fa!important;min-height:100vh}.admin-page .admin-layout{display:block;width:auto;max-width:none;margin:0;padding:17px 30px 22px 34px}.admin-page .admin-sidebar{position:fixed!important;left:0;top:0;bottom:0;width:265px;z-index:110;overflow-y:auto;align-self:auto;border:0!important;border-radius:0!important;padding:14px 9px!important;box-shadow:3px 0 18px rgba(0,0,0,.1)!important;background-color:#061628!important;background-image:linear-gradient(180deg,rgba(4,17,32,.97) 0%,rgba(4,17,32,.9) 46%,rgba(4,17,32,.35) 100%),url('../images/06_Mercedes_SUV_Alpine_Sunset.jpg')!important;background-position:center,center bottom!important;background-size:cover,auto 52%!important} .admin-page .admin-sidebar:after{content:""!important;display:block;position:fixed;left:22px;top:99px;width:219px;height:1px;background:rgba(211,224,239,.12);z-index:-1}.admin-sidebar-brand{height:85px;display:flex;align-items:center;gap:10px;padding:0 12px 12px;border-bottom:1px solid rgba(218,230,242,.1);margin-bottom:11px}.admin-sidebar-brand img{width:66px;height:66px;object-fit:cover;border-radius:50%;border:2px solid #d7ad63}.admin-sidebar-brand span{display:flex;flex-direction:column;gap:5px}.admin-sidebar-brand strong{font-family:Georgia,serif;font-size:16px;font-weight:500;white-space:nowrap;color:#fff}.admin-sidebar-brand small{font-size:8px;letter-spacing:2px;color:#b8c5d8}.admin-page .admin-sidebar-label{padding:10px 14px 11px;color:#9cb2cf;font-size:9px;letter-spacing:1px}.admin-page .admin-primary-nav{display:flex;flex-direction:column;gap:5px;margin:0}.admin-page .admin-tab{display:grid;grid-template-columns:30px 34px minmax(0,1fr);gap:8px;align-items:center;min-height:47px;padding:9px 10px!important;border:1px solid transparent!important;border-radius:7px!important;background:transparent!important;color:#edf3fb!important;box-shadow:none!important}.admin-page .admin-tab.active{background:linear-gradient(100deg,#a97935,#c99a4b)!important;border-color:#d4ad69!important;box-shadow:0 5px 14px rgba(201,154,75,.2)!important}.admin-page .admin-tab-number{font-size:10px;color:#c6d4e6!important}.admin-page .admin-tab-icon{width:30px;height:30px;background:rgba(255,255,255,.08)!important;color:#d4e0f0!important;font-size:18px}.admin-page .admin-tab strong{font-size:12px;color:#fff!important}.admin-page .admin-tab small{font-size:10px;color:#d0dced!important}.admin-page .admin-tab.active .admin-tab-number,.admin-page .admin-tab.active .admin-tab-icon,.admin-page .admin-tab.active strong{color:#fff!important}.admin-sidebar-divider{height:1px;background:rgba(218,230,242,.12);margin:18px 12px 9px}.admin-page .admin-side-link{display:flex;align-items:center;gap:18px;height:44px;padding:0 20px;color:#e4ecf6!important;font-size:12px}.admin-page .admin-side-link span{width:16px;color:#a9bed7;font-size:20px;text-align:center} .admin-page .admin-content{padding:0 0 0 0;min-width:0}.admin-page .admin-hero{margin:0 0 14px}.admin-page .admin-hero h1{font-family:Georgia,serif;font-size:36px;letter-spacing:-.8px;margin:6px 0 0;color:#111b38!important}.admin-page .admin-hero p{font-size:14px;color:#506184!important;max-width:none}.admin-page .eyebrow{font-size:10px;letter-spacing:1px}.admin-page .eyebrow span{width:38px;height:2px;background:#b78335!important} .admin-page .admin-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 14px}.admin-page .admin-shortcut{min-width:0;min-height:71px;display:grid;grid-template-columns:28px 48px minmax(0,1fr) 12px;align-items:center;gap:10px;padding:10px 16px;text-align:left;background:#fff;border:1px solid #dce4ef;border-radius:8px;box-shadow:0 3px 12px rgba(17,29,58,.035);cursor:pointer;color:#172442}.admin-page .admin-shortcut b{font-size:13px;color:#405274}.admin-page .shortcut-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:9px;background:#f0f3f8;color:#1b2c4b;font-size:22px}.admin-page .admin-shortcut strong,.admin-page .admin-shortcut small{display:block}.admin-page .admin-shortcut strong{font-size:13px;color:#111b38}.admin-page .admin-shortcut small{font-size:11px;color:#60708e;margin-top:4px}.admin-page .admin-shortcut i{font-style:normal;font-size:25px;color:#263959}.admin-page .admin-shortcut.active{border-color:#c99a4b;background:linear-gradient(110deg,#fff9ef,#fff);box-shadow:inset 0 0 0 1px rgba(201,154,75,.12)}.admin-page .admin-shortcut.active b,.admin-page .admin-shortcut.active strong,.admin-page .admin-shortcut.active i{color:#a66b20}.admin-page .admin-shortcut.active .shortcut-icon{background:#f8ecd9;color:#8d5c1e} .admin-page .admin-section-intro{min-height:91px;padding:15px 18px!important;margin-bottom:12px;background-color:#07172b!important;background-image:linear-gradient(90deg,rgba(4,17,33,.98),rgba(4,17,33,.86) 40%,rgba(4,17,33,.25)),url('../images/06_Mercedes_SUV_Alpine_Sunset.jpg')!important;background-size:cover!important;background-position:center 57%!important;border:0!important;border-radius:9px!important;box-shadow:0 6px 16px rgba(17,29,58,.12)!important}.admin-page .admin-section-intro h2{font-size:29px!important;color:#fff!important;margin:0 0 3px}.admin-page .admin-section-intro p{font-size:12px!important;color:#f0f4fa!important;line-height:1.4}.admin-page .admin-section-kicker{display:none}.admin-page .admin-section-count{min-width:116px;padding:10px 14px;background:linear-gradient(145deg,#ffe7b0,#c28a32)!important;border:1px solid #f4d69b!important;border-radius:9px!important;color:#17213b}.admin-page .admin-section-count strong{font-family:Georgia,serif;font-size:30px!important;color:#101b35!important}.admin-page .admin-section-count span{font-size:11px;color:#101b35!important} .admin-page .booking-workspace{padding:14px!important;border-radius:10px!important;border:1px solid #e0e7f1!important;box-shadow:0 5px 20px rgba(17,29,58,.045)!important}.admin-page .booking-workspace-head{align-items:center;gap:12px;margin-bottom:12px}.admin-page .booking-workspace-head h2{font-family:Georgia,serif;font-size:21px!important;color:#111b38!important}.admin-page .booking-workspace-head p{font-size:11px!important}.admin-page .booking-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.admin-page .booking-head-actions .btn,.admin-page .booking-head-actions .danger-btn{height:41px;padding:0 13px;font-size:10px;border-radius:6px}.admin-page .btn-gold,.admin-page .booking-head-actions .btn-gold{background:linear-gradient(110deg,#a8752d,#c99a4b)!important;color:#fff!important;border-color:#b8843b!important}.admin-page .booking-quick-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:13px}.admin-page .booking-quick-stats>article{display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:10px;min-height:92px;padding:12px 14px;border-radius:8px!important;box-shadow:none!important}.admin-page .booking-quick-stats>article:before{content:"";grid-row:1/3;width:48px;height:48px;border-radius:50%;background:#dceeff;grid-column:1}.admin-page .booking-quick-stats>article:nth-child(2):before{background:#ffead0}.admin-page .booking-quick-stats>article:nth-child(3):before{background:#d2f5e1}.admin-page .booking-quick-stats>article:nth-child(4):before{background:#eedcff}.admin-page .booking-quick-stats>article:nth-child(5):before{background:#ffe0df}.admin-page .booking-quick-stats>article:nth-child(1){background:#f3f9ff!important;border-color:#d7eaff!important}.admin-page .booking-quick-stats>article:nth-child(2){background:#fffaf4!important;border-color:#ffead5!important}.admin-page .booking-quick-stats>article:nth-child(3){background:#f1fcf6!important;border-color:#d8f3e4!important}.admin-page .booking-quick-stats>article:nth-child(4){background:#faf5ff!important;border-color:#eadcff!important}.admin-page .booking-quick-stats>article:nth-child(5){background:#fff6f6!important;border-color:#ffe0e0!important}.admin-page .booking-quick-stats span{font-size:11px!important;color:#4c5e7e!important}.admin-page .booking-quick-stats strong{font-family:Georgia,serif;font-size:28px!important;line-height:1.05;color:#111b38!important}.admin-page .booking-filter-panel{display:grid;grid-template-columns:1.6fr 1fr 1fr .85fr .85fr 1fr;gap:10px;padding:12px!important;border-radius:8px!important;box-shadow:none!important;background:#fbfcfe!important}.admin-page .booking-filter-panel label{font-size:10px!important;font-weight:700;min-width:0;color:#172442!important}.admin-page .booking-filter-panel input,.admin-page .booking-filter-panel select{height:37px;margin-top:5px;width:100%;min-width:0;padding:0 9px!important;font-size:11px!important;border-radius:6px!important}.admin-page .booking-search-field{grid-column:auto!important}.admin-page .booking-reset{height:36px;padding:0 13px;font-size:10px;grid-column:1/3;justify-self:start}.admin-page .booking-results-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 2px 7px;font-size:12px;color:#526485}.admin-page .booking-results-head span{font-size:10px}.admin-page .booking-list-item,.admin-page .booking-admin-item{border:1px solid #dfe6f0!important;border-radius:8px!important;background:#fff!important;box-shadow:none!important} @media(max-width:1250px){.admin-page .site-header.admin-topbar{gap:14px;padding:0 18px}.admin-top-brand{min-width:220px}.admin-page .admin-layout{padding-left:22px;padding-right:22px}.admin-page .booking-filter-panel{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-page .booking-reset{grid-column:auto}} @media(max-width:900px){.admin-page .site-header.admin-topbar{left:0;height:64px;padding:0 12px}.admin-top-brand{min-width:0}.admin-top-brand .brand-text{display:none}.admin-global-search{max-width:none}.admin-page .admin-sidebar{transform:translateX(-100%);transition:transform .25s ease;top:64px;bottom:0;width:265px}.admin-page.admin-sidebar-open .admin-sidebar{transform:translateX(0)}.admin-page .admin-main{padding-top:64px!important}.admin-page .admin-layout{padding:18px 14px}.admin-page .admin-shortcuts{grid-template-columns:1fr}.admin-page .admin-shortcut{min-height:60px}.admin-page .admin-hero h1{font-size:30px}.admin-page .admin-section-intro h2{font-size:23px!important}.admin-page .booking-quick-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-page .booking-filter-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-page .booking-head-actions{justify-content:flex-start}} @media(max-width:560px){.admin-page .admin-user strong,.admin-page .admin-user>span:last-child,.admin-page .admin-notifications{display:none}.admin-page .admin-user{gap:0}.admin-page .admin-avatar{width:34px;height:34px}.admin-global-search kbd{display:none}.admin-page .admin-layout{padding:14px 10px}.admin-page .admin-shortcut{grid-template-columns:22px 38px minmax(0,1fr) 10px;padding:9px}.admin-page .shortcut-icon{width:36px;height:36px}.admin-page .admin-section-intro{padding:13px!important}.admin-page .admin-section-count{min-width:70px;padding:8px}.admin-page .booking-quick-stats{grid-template-columns:1fr 1fr}.admin-page .booking-quick-stats>article{grid-template-columns:34px 1fr;padding:9px;column-gap:8px}.admin-page .booking-quick-stats>article:before{width:34px;height:34px}.admin-page .booking-quick-stats strong{font-size:24px!important}.admin-page .booking-filter-panel{grid-template-columns:1fr}.admin-page .booking-reset{grid-column:auto}.admin-page .booking-results-head{align-items:flex-start;flex-direction:column}.admin-page .booking-head-actions .btn,.admin-page .booking-head-actions .danger-btn{height:36px;padding:0 9px}.admin-page .booking-workspace-head{display:block}.admin-page .booking-head-actions{margin-top:12px}} /* FINAL SIDEBAR LAYOUT FIX — keep the navigation fixed without covering page content. */ @media (min-width: 901px) { .admin-page .site-header.admin-topbar { left: 320px !important; right: 0 !important; width: auto !important; } .admin-page .admin-main { margin-left: 320px !important; padding-top: 70px !important; min-width: 0 !important; } .admin-page .admin-layout { display: block !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 24px 26px 42px !important; } .admin-page .admin-sidebar { position: fixed !important; left: 0 !important; top: 0 !important; bottom: 0 !important; width: 320px !important; min-height: 100vh !important; height: 100vh !important; box-sizing: border-box !important; overflow-x: hidden !important; overflow-y: auto !important; transform: none !important; z-index: 120 !important; border-radius: 0 !important; } .admin-page .admin-content { width: 100% !important; min-width: 0 !important; margin: 0 !important; } } @media (max-width: 900px) { .admin-page .site-header.admin-topbar { left: 0 !important; right: 0 !important; width: auto !important; } .admin-page .admin-main { margin-left: 0 !important; padding-top: 64px !important; } .admin-page .admin-layout { display: block !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 18px 16px 35px !important; } .admin-page .admin-sidebar { position: fixed !important; left: 0 !important; top: 64px !important; bottom: 0 !important; width: 265px !important; height: auto !important; min-height: 0 !important; transform: translateX(-100%) !important; transition: transform .25s ease !important; z-index: 120 !important; border-radius: 0 !important; } .admin-page.admin-sidebar-open .admin-sidebar { transform: translateX(0) !important; } .admin-page .admin-content { width: 100% !important; margin: 0 !important; } } /* Compact admin refresh — denser layout, preserved controls and existing behavior. */ .admin-page{font-size:13px!important;line-height:1.45!important} .admin-page .site-header.admin-topbar{height:60px!important;gap:16px!important;padding:0 20px!important} .admin-page .admin-global-search{height:38px!important;max-width:520px!important} .admin-page .admin-global-search input{font-size:13px!important} .admin-page .admin-avatar{width:36px!important;height:36px!important} .admin-page .admin-main{padding-top:60px!important;min-height:100vh} .admin-page .admin-layout{padding:18px 22px 28px!important} .admin-page .admin-sidebar{padding:12px 9px!important} .admin-page .admin-sidebar-brand{height:74px!important;min-height:74px!important;padding:0 8px 9px!important;margin-bottom:7px!important;gap:9px!important} .admin-page .admin-sidebar-brand img{width:56px!important;height:56px!important} .admin-page .admin-sidebar-brand strong{font-size:15px!important} .admin-page .admin-sidebar-label{padding:8px 12px!important;font-size:10px!important} .admin-page .admin-tab{min-height:43px!important;padding:7px 8px!important;gap:7px!important;border-radius:7px!important} .admin-page .admin-tab-icon{width:28px!important;height:28px!important;font-size:16px!important} .admin-page .admin-tab strong{font-size:12px!important;line-height:1.25!important} .admin-page .admin-tab small{font-size:10px!important;line-height:1.25!important;margin-top:2px!important} .admin-page .admin-sidebar-divider{margin:12px 10px 6px!important} .admin-page .admin-side-link{height:36px!important;padding:0 16px!important;font-size:12px!important} .admin-page .admin-hero{margin-bottom:11px!important} .admin-page .admin-hero h1{font-size:30px!important;line-height:1.12!important;margin:4px 0 2px!important;letter-spacing:-.5px!important} .admin-page .admin-hero p{font-size:13px!important;margin:0!important} .admin-page .eyebrow{font-size:10px!important;letter-spacing:1.2px!important} .admin-page .eyebrow span{width:32px!important} .admin-page .admin-section-intro{min-height:78px!important;padding:12px 16px!important;margin-bottom:10px!important;border-radius:9px!important} .admin-page .admin-section-intro h2{font-size:25px!important;line-height:1.2!important;margin-bottom:3px!important} .admin-page .admin-section-intro p{font-size:12px!important;line-height:1.35!important;margin:0!important;max-width:760px} .admin-page .admin-section-count{min-width:94px!important;padding:7px 12px!important;border-radius:8px!important} .admin-page .admin-section-count strong{font-size:26px!important;line-height:1.1!important} .admin-page .admin-section-count span{font-size:10px!important} .admin-page .booking-workspace{padding:12px!important;border-radius:9px!important} .admin-page .booking-workspace-head{align-items:flex-start!important;margin-bottom:10px!important;gap:12px!important} .admin-page .booking-workspace-head h2{font-size:20px!important;line-height:1.2!important;margin:0 0 3px!important} .admin-page .booking-workspace-head p{font-size:11px!important;line-height:1.4!important;margin:0!important;max-width:570px} .admin-page .booking-head-actions{gap:6px!important;max-width:520px;justify-content:flex-end} .admin-page .booking-head-actions .btn,.admin-page .booking-head-actions .danger-btn{height:35px!important;min-height:35px!important;padding:0 10px!important;font-size:10px!important;border-radius:6px!important;white-space:nowrap} .admin-page .booking-head-actions .danger-btn{flex-basis:auto!important} .admin-page .booking-quick-stats{gap:8px!important;margin-bottom:10px!important} .admin-page .booking-quick-stats>article{min-height:68px!important;grid-template-columns:34px minmax(0,1fr)!important;column-gap:9px!important;padding:8px 10px!important;border-radius:8px!important} .admin-page .booking-quick-stats>article:before{width:34px!important;height:34px!important} .admin-page .booking-quick-stats span{font-size:11px!important;line-height:1.2!important} .admin-page .booking-quick-stats strong{font-size:24px!important;line-height:1!important} .admin-page .booking-filter-panel{grid-template-columns:minmax(170px,1.6fr) repeat(2,minmax(125px,1fr)) repeat(2,minmax(105px,.8fr)) minmax(140px,1fr)!important;gap:8px!important;padding:10px!important;border-radius:8px!important} .admin-page .booking-filter-panel label{font-size:10px!important;line-height:1.25!important} .admin-page .booking-filter-panel input,.admin-page .booking-filter-panel select{height:33px!important;margin-top:4px!important;padding:0 8px!important;font-size:11px!important;border-radius:5px!important} .admin-page .booking-reset{height:31px!important;min-height:31px!important;padding:0 10px!important;font-size:10px!important;grid-column:auto!important} .admin-page .booking-results-head{padding:7px 2px 6px!important;font-size:11px!important} .admin-page .booking-results-head span{font-size:10px!important} .admin-page .admin-card{padding:12px!important;border-radius:9px!important} .admin-page .admin-card-head{gap:10px!important;margin-bottom:10px!important} .admin-page .admin-card-head h2{font-size:17px!important;line-height:1.25!important;margin:0 0 3px!important} .admin-page .admin-card-head p{font-size:11px!important;line-height:1.4!important;margin:0!important} .admin-page .admin-fields{gap:10px!important} .admin-page .admin-fields label,.admin-page .admin-vehicle-row label{font-size:11px!important;gap:4px!important} .admin-page .admin-fields input:not([type=checkbox]),.admin-page .admin-fields select,.admin-page .admin-fields textarea,.admin-page .admin-vehicle-row input:not([type=checkbox]){min-height:34px!important;padding:7px 9px!important;font-size:12px!important;border-radius:5px!important} .admin-page .admin-grid{gap:12px!important} .admin-page .report-cards{gap:10px!important} .admin-page .report-card{padding:12px!important} .admin-page .report-card>strong{font-size:24px!important} .admin-page .admin-report-table th,.admin-page .admin-report-table td{padding:8px 10px!important;font-size:11px!important} .admin-page .admin-actions{padding:9px 12px!important;gap:8px!important} .admin-page .admin-actions .btn{min-height:35px!important;padding:0 13px!important;font-size:11px!important} .admin-page .booking-details-dialog{max-width:min(900px,calc(100vw - 32px))!important;max-height:calc(100vh - 32px)!important} .admin-page .booking-dialog-head{padding:12px 16px!important} .admin-page .booking-dialog-head h2{font-size:21px!important} .admin-page .booking-details-content,.admin-page .booking-edit-grid{gap:10px!important;padding:12px!important} .admin-page .booking-edit-grid label{font-size:11px!important} .admin-page .booking-edit-grid input,.admin-page .booking-edit-grid select,.admin-page .booking-edit-grid textarea{min-height:34px!important;font-size:12px!important;padding:7px 9px!important} .admin-page button,.admin-page input,.admin-page select,.admin-page textarea{transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease} @media(min-width:901px){ .admin-page .site-header.admin-topbar{left:278px!important;padding:0 20px!important} .admin-page .admin-main{margin-left:278px!important;padding-top:60px!important} .admin-page .admin-layout{padding:18px 20px 28px!important} .admin-page .admin-sidebar{width:278px!important} } @media(max-width:1250px) and (min-width:901px){ .admin-page .site-header.admin-topbar{left:250px!important} .admin-page .admin-main{margin-left:250px!important} .admin-page .admin-sidebar{width:250px!important} .admin-page .admin-layout{padding:16px!important} .admin-page .booking-workspace-head{flex-wrap:wrap!important} .admin-page .booking-head-actions{justify-content:flex-start!important} .admin-page .booking-filter-panel{grid-template-columns:repeat(3,minmax(0,1fr))!important} } @media(max-width:900px){ .admin-page .site-header.admin-topbar{height:58px!important;left:0!important;padding:0 12px!important} .admin-page .admin-main{margin-left:0!important;padding-top:58px!important} .admin-page .admin-layout{padding:14px 12px 24px!important} .admin-page .admin-sidebar{top:58px!important;width:260px!important} .admin-page.admin-sidebar-open:after{content:"";position:fixed;inset:58px 0 0;background:rgba(5,16,29,.35);z-index:105} .admin-page .admin-hero h1{font-size:27px!important} .admin-page .admin-section-intro h2{font-size:22px!important} .admin-page .booking-quick-stats{grid-template-columns:repeat(5,minmax(0,1fr))!important} .admin-page .booking-filter-panel{grid-template-columns:repeat(3,minmax(0,1fr))!important} .admin-page .booking-workspace-head{flex-wrap:wrap!important} .admin-page .booking-head-actions{justify-content:flex-start!important} } @media(max-width:620px){ .admin-page .admin-global-search{gap:6px!important;padding:0 8px!important} .admin-page .admin-global-search>span{font-size:18px!important} .admin-page .admin-global-search input{font-size:11px!important} .admin-page .admin-global-search kbd{display:none!important} .admin-page .admin-user strong,.admin-page .admin-user>span:last-child,.admin-page .admin-notifications{display:none!important} .admin-page .admin-avatar{width:32px!important;height:32px!important} .admin-page .admin-layout{padding:12px 9px 20px!important} .admin-page .admin-hero h1{font-size:24px!important} .admin-page .admin-hero p{font-size:12px!important} .admin-page .admin-section-intro{padding:12px!important;gap:8px!important} .admin-page .admin-section-intro h2{font-size:19px!important} .admin-page .admin-section-intro p{font-size:10px!important} .admin-page .admin-section-count{min-width:65px!important;padding:6px!important} .admin-page .admin-section-count strong{font-size:22px!important} .admin-page .booking-workspace{padding:9px!important} .admin-page .booking-workspace-head{display:block!important} .admin-page .booking-head-actions{margin-top:9px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important} .admin-page .booking-head-actions .btn,.admin-page .booking-head-actions .danger-btn{width:100%!important;white-space:normal!important;padding:5px 7px!important;height:auto!important;min-height:34px!important} .admin-page .booking-head-actions .danger-btn{grid-column:1/-1!important} .admin-page .booking-quick-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important} .admin-page .booking-quick-stats>article{min-height:60px!important;padding:7px!important;grid-template-columns:28px minmax(0,1fr)!important;column-gap:7px!important} .admin-page .booking-quick-stats>article:before{width:28px!important;height:28px!important} .admin-page .booking-quick-stats strong{font-size:21px!important} .admin-page .booking-quick-stats span{font-size:10px!important} .admin-page .booking-filter-panel{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:8px!important} .admin-page .booking-search-field{grid-column:1/-1!important} .admin-page .booking-reset{grid-column:1/-1!important;justify-self:stretch!important} .admin-page .booking-results-head{align-items:flex-start!important;flex-direction:column!important;gap:3px!important} .admin-page .admin-grid,.admin-page .report-cards{grid-template-columns:1fr!important} .admin-page .admin-fields{grid-template-columns:1fr!important} .admin-page .admin-fields .full{grid-column:auto!important} .admin-page .booking-details-content,.admin-page .booking-edit-grid{grid-template-columns:1fr!important} .admin-page .booking-edit-grid .full{grid-column:auto!important} .admin-page .admin-actions{position:sticky!important;bottom:4px!important;flex-wrap:wrap!important} .admin-page .admin-actions .btn{flex:1 1 140px!important} } @media(prefers-reduced-motion:reduce){.admin-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}} /* Keep destructive maintenance actions available without competing with daily booking actions. */ .admin-page .booking-danger-tools{position:relative;display:inline-flex;align-items:center;align-self:center;font-size:10px} .admin-page .booking-danger-tools>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;height:35px;padding:0 11px;border:1px solid #d8e0e7;border-radius:6px;background:#f8fafc;color:#445568;font-weight:700;white-space:nowrap} .admin-page .booking-danger-tools>summary::-webkit-details-marker{display:none} .admin-page .booking-danger-tools>summary:after{content:'⌄';margin-left:7px;font-size:12px} .admin-page .booking-danger-tools[open]>summary{border-color:#e5b7b2;background:#fff8f7;color:#a4231b} .admin-page .booking-danger-tools .danger-btn{position:absolute;right:0;top:calc(100% + 5px);z-index:20;width:max-content;max-width:min(280px,75vw);min-height:36px;padding:8px 12px!important;background:#fff!important;color:#b42318!important;border:1px solid #f0c8c4!important;border-radius:7px!important;box-shadow:0 8px 20px rgba(18,34,52,.12);text-align:left;font-size:11px!important} @media(max-width:620px){.admin-page .booking-danger-tools{width:100%}.admin-page .booking-danger-tools>summary{width:100%}.admin-page .booking-danger-tools .danger-btn{width:100%;max-width:none;white-space:normal}} /* Admin topbar interactions: notifications, account menu and compact sidebar */ .admin-page .admin-top-action{position:relative;display:flex;align-items:center;} .admin-page .admin-notification-wrap{margin-left:auto;} .admin-page .admin-notifications{display:grid;place-items:center;min-width:38px;min-height:40px;padding:4px 8px;} .admin-page .admin-notifications i{display:block;} .admin-page .admin-notifications i[style*="display: none"]{display:none!important;} .admin-page .admin-user{border:0;background:transparent;padding:4px 0;cursor:pointer;font:inherit;} .admin-page .admin-user:focus-visible,.admin-page .admin-notifications:focus-visible,.admin-page .admin-menu-toggle:focus-visible{outline:2px solid #c99a43;outline-offset:3px;border-radius:8px;} .admin-page .admin-top-popover{position:absolute;top:calc(100% + 12px);right:0;z-index:300;width:min(360px,calc(100vw - 24px));background:#fff;border:1px solid #e0e6ef;border-radius:14px;box-shadow:0 18px 48px rgba(11,25,48,.18);color:#172442;overflow:hidden;} .admin-page .admin-top-popover[hidden]{display:none!important;} .admin-page .admin-popover-head{display:flex;align-items:center;justify-content:space-between;padding:15px 16px 9px;font-size:15px;} .admin-page .admin-popover-close{border:0;background:transparent;font-size:24px;line-height:1;color:#66738a;cursor:pointer;} .admin-page .admin-popover-subtitle{margin:0;padding:0 16px 12px;color:#758198;font-size:12px;border-bottom:1px solid #edf0f5;} .admin-page .admin-notification-list{max-height:340px;overflow:auto;} .admin-page .admin-notification-empty{padding:22px 16px;color:#7a8598;text-align:center;font-size:13px;} .admin-page .admin-notification-item{display:flex;width:100%;gap:10px;padding:12px 14px;border:0;border-bottom:1px solid #f0f2f6;background:#fff;text-align:left;cursor:pointer;color:#172442;} .admin-page .admin-notification-item:hover,.admin-page .admin-notification-item:focus-visible{background:#f7f9fc;} .admin-page .admin-notification-item.is-unread{background:#fffaf0;} .admin-page .admin-notification-mark{color:#c39136;font-size:12px;padding-top:3px;} .admin-page .admin-notification-copy{display:flex;flex-direction:column;gap:4px;min-width:0;} .admin-page .admin-notification-copy strong{font-size:12px;overflow-wrap:anywhere;} .admin-page .admin-notification-copy small{font-size:11px;color:#6f7c92;overflow-wrap:anywhere;} .admin-page .admin-popover-footer{width:100%;padding:12px;border:0;background:#f8f9fc;color:#8b5c14;font-size:12px;font-weight:700;cursor:pointer;} .admin-page .admin-account-panel{width:260px;padding:8px;} .admin-page .admin-account-heading{display:flex;align-items:center;gap:10px;padding:10px 8px 14px;border-bottom:1px solid #edf0f5;margin-bottom:6px;} .admin-page .admin-account-heading>span:last-child{display:flex;flex-direction:column;gap:4px;} .admin-page .admin-account-heading strong{font-size:13px;} .admin-page .admin-account-heading small,.admin-page .admin-account-note{font-size:11px;color:#77839a;} .admin-page .admin-account-item{display:flex;align-items:center;gap:10px;width:100%;padding:11px 9px;border:0;border-radius:8px;background:transparent;text-align:left;color:#24334e;font-size:12px;cursor:pointer;} .admin-page .admin-account-item:hover,.admin-page .admin-account-item:focus-visible{background:#f4f6fa;} .admin-page .admin-account-item.admin-logout-action{color:#b42318;border-top:1px solid #edf0f5;border-radius:0;margin-top:4px;padding-top:13px;} .admin-page .admin-account-note{margin:8px 8px 5px;line-height:1.5;} .admin-page .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;} @media(max-width:900px){.admin-page.admin-sidebar-collapsed .admin-sidebar{width:265px!important;}.admin-page.admin-sidebar-collapsed .admin-content{margin-left:0!important;}.admin-page.admin-sidebar-collapsed .site-header.admin-topbar{left:0!important;}.admin-page .admin-top-popover{right:-8px;}} @media (max-width: 900px) { .admin-page .admin-layout { width: 100% !important; max-width: 100% !important; } .admin-page .admin-content { min-width: 0 !important; max-width: 100% !important; margin-left: 0 !important; } .admin-page .admin-main { overflow-x: clip; } } /* Reports workspace: connected filters, financial cards, charts and archive table. */ .report-filter-card{margin-bottom:22px}.report-filters{display:grid;grid-template-columns:1.15fr 1fr 1fr 1.15fr 1.4fr auto;gap:12px;align-items:end}.report-filters label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;color:var(--text-muted,#737b89)}.report-filters input,.report-filters select{width:100%;min-width:0;min-height:42px;padding:10px 11px;border:1px solid var(--border,#dedfe3);border-radius:10px;background:var(--surface,#fff);color:var(--text,#202532);font:inherit}.report-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.report-chart-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,1fr);gap:18px;margin:0 0 22px}.report-chart,.report-status-chart{display:flex;flex-direction:column;gap:13px;padding:6px 0 2px}.report-chart-legend{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:var(--text-muted,#737b89)}.report-chart-legend span{display:inline-flex;align-items:center;gap:7px}.report-chart-legend i{display:inline-block;width:10px;height:10px;border-radius:3px}.legend-revenue{background:#c49a55}.legend-paid{background:#294c66}.report-chart-row{display:grid;grid-template-columns:54px minmax(70px,1fr) minmax(78px,auto);gap:10px;align-items:center;font-size:12px}.report-chart-label{font-weight:700;color:var(--text-muted,#737b89)}.report-chart-row>strong{font-size:11px;text-align:right;white-space:nowrap}.report-chart-bars{height:22px;position:relative;display:flex;flex-direction:column;justify-content:center;gap:3px;background:rgba(130,140,150,.09);border-radius:5px;overflow:hidden}.report-chart-bars span{display:block;height:7px;min-width:2px;border-radius:4px}.report-bar-revenue{background:#c49a55}.report-bar-paid{background:#294c66}.report-status-row>div:first-child{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin-bottom:6px}.report-status-row strong{white-space:nowrap}.report-status-track{height:7px;border-radius:99px;overflow:hidden;background:rgba(130,140,150,.14)}.report-status-track span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#294c66,#c49a55)}.report-status-pill{display:inline-flex;align-items:center;white-space:nowrap;padding:5px 8px;border-radius:99px;background:rgba(120,130,140,.12);font-size:11px;font-weight:700}.report-open-booking{min-height:31px;padding:6px 10px;font-size:11px}.report-table-card .admin-table-wrap{max-width:100%;overflow:auto}.report-table-card .admin-report-table{min-width:1080px}.report-table-card .admin-report-table th,.report-table-card .admin-report-table td{white-space:nowrap}.report-note{font-size:11px;font-weight:700;color:var(--text-muted,#737b89)} @media(max-width:1100px){.report-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.report-cards{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:720px){.report-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.report-chart-grid{grid-template-columns:1fr}.report-chart-row{grid-template-columns:48px minmax(45px,1fr) minmax(70px,auto)}.report-cards{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:430px){.report-filters{grid-template-columns:1fr}.report-cards{grid-template-columns:1fr}.report-chart-row>strong{font-size:10px}} /* ===== V32 — ajouts : honeypot, tarifs, succès réservation, légal, connexion admin ===== */ .hp-field{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0;pointer-events:none} .form-legal{margin:12px 0 0;color:#9fb0ba;font-size:10px;line-height:1.5;text-align:center}.form-legal a{color:var(--gold2);text-decoration:underline} .terms-check a{color:var(--gold2);text-decoration:underline} .footer-bottom a{color:#9fb0ba;text-decoration:underline}.footer-bottom a:hover{color:var(--gold2)} .booking-success{max-width:720px;margin:10px auto 0;padding:38px 34px;text-align:center;background:rgba(4,20,32,.86);border:1px solid rgba(215,170,92,.45);border-radius:8px} .booking-success[hidden]{display:none} .success-icon{width:64px;height:64px;margin:0 auto 14px;border:2px solid var(--gold2);border-radius:50%;display:grid;place-items:center;color:var(--gold2)} .success-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.6} .booking-success h3{margin:0 0 8px;font-family:Georgia,"Times New Roman",serif;font-size:28px;font-weight:500} .booking-success p{margin:0 0 16px;color:#c9d2d6;font-size:14px} .success-ref{display:inline-block;padding:10px 20px;margin-bottom:20px;border:1px dashed var(--gold);border-radius:4px;color:var(--gold2);font-size:20px;font-weight:700;letter-spacing:1.5px;user-select:all} .success-details{margin:0 0 24px;text-align:left;display:grid;gap:0;border-top:1px solid rgba(255,255,255,.1)} .success-details>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)} .success-details dt{color:#9fb0ba;font-size:12px}.success-details dd{margin:0;text-align:right;font-size:13px} .success-price{color:var(--gold2);font-size:18px!important;font-weight:700} .success-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center} @media(max-width:600px){.booking-success{padding:26px 18px}.success-details>div{flex-direction:column;gap:4px}.success-details dd{text-align:left}} .legal-page{background:var(--navy3);color:var(--white)} .legal-header{background:#081a2a;border-bottom:1px solid rgba(255,255,255,.07)} .legal-header .container{display:flex;justify-content:space-between;align-items:center;min-height:72px} .legal-brand{display:flex;align-items:center;gap:12px;font-family:Georgia,"Times New Roman",serif;color:#e9bd70;font-size:18px} .legal-brand img{width:46px;height:46px;border-radius:50%;object-fit:cover} .legal-main{padding:36px 0 60px;max-width:860px} .legal-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px} .legal-tabs a{padding:9px 16px;border:1px solid rgba(219,231,238,.2);border-radius:999px;font-size:13px;color:#d3dbdf} .legal-tabs a.active,.legal-tabs a:hover{border-color:var(--gold2);color:var(--gold2)} .legal-article h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:34px;margin:0 0 20px} .legal-article h2{font-size:17px;color:var(--gold2);margin:28px 0 8px} .legal-article p{color:#cfd7db;line-height:1.75;font-size:15px;margin:0 0 12px} .legal-missing{background:rgba(237,196,119,.15);color:var(--gold2);padding:1px 6px;border-radius:3px;font-size:13px} .legal-footer{padding:22px 0;border-top:1px solid rgba(255,255,255,.07);color:#8c9ba5;font-size:12px;text-align:center} .legal-footer a{color:#aab8c0;text-decoration:underline} .login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 30% 20%,#12324a,#061521 70%)} .login-card{width:min(420px,100%);padding:36px 32px;background:rgba(7,26,41,.92);border:1px solid rgba(215,170,92,.35);border-radius:10px;text-align:center;box-shadow:0 20px 50px rgba(0,0,0,.35)} .login-logo{width:72px;height:72px;border-radius:50%;object-fit:cover;border:2px solid var(--gold)} .login-card h1{margin:12px 0 2px;font-family:Georgia,"Times New Roman",serif;color:#e9bd70;font-weight:500;font-size:24px} .login-sub{margin:0 0 20px;color:#9da9b1;font-size:10px;letter-spacing:2.4px} .login-card h2{margin:0 0 10px;font-size:17px;font-weight:600} .login-help{color:#b9c6cd;font-size:13px;line-height:1.6;text-align:left}.login-help code{background:rgba(255,255,255,.08);padding:1px 5px;border-radius:3px} .login-card form{display:grid;gap:14px;text-align:left;margin-top:8px} .login-card label{display:grid;gap:6px;font-size:12px;color:#d3dbdf;font-weight:600} .login-card input{height:44px;padding:0 12px;border:1px solid rgba(130,155,171,.6);border-radius:5px;background:rgba(5,18,29,.5);color:#fff;font-size:14px} .login-card input:focus{outline:2px solid var(--gold2);outline-offset:1px} .login-error{margin:8px 0;padding:10px 12px;border-radius:5px;background:rgba(220,70,70,.15);border:1px solid rgba(220,90,90,.5);color:#ffb4b4;font-size:13px;text-align:left} .login-back{display:inline-block;margin-top:18px;color:#9fb0ba;font-size:12px}.login-back:hover{color:var(--gold2)} .admin-toast{background:#0b2a44;color:#fff;border:1px solid var(--gold);max-width:min(420px,calc(100vw - 48px));z-index:200} .admin-grid-extra{margin-top:20px} /* ===== V32 — palette administration unifiée (marine / or) ===== */ .admin-hero .eyebrow{color:#a66f22!important} .admin-hero .eyebrow span{background:linear-gradient(90deg,#c99a4b,#edc477)!important} .booking-quick-stats article, .booking-quick-stats article:nth-child(n){background:linear-gradient(145deg,#fffdf8,#faf4e6)!important;border:1px solid #eadfc7!important;box-shadow:0 3px 10px rgba(80,60,20,.05)!important} .booking-quick-stats article:nth-child(3){border-left:3px solid #2e9e6b!important} .booking-quick-stats article:nth-child(5){border-left:3px solid #d05454!important} .booking-quick-stats article:nth-child(2){border-left:3px solid #c99a4b!important} .booking-quick-stats article::before,.booking-quick-stats article:nth-child(n)::before{background:#f3e3bd!important} .empty-bookings strong{color:#4a5a66!important;opacity:1!important} .empty-bookings span{color:#6b7b86!important;opacity:1!important} body.admin-page .admin-hero .eyebrow{color:#a66f22!important} body.admin-page .admin-hero .eyebrow span{background:linear-gradient(90deg,#c99a4b,#edc477)!important} body.admin-page .booking-quick-stats>article:nth-child(n){background:linear-gradient(145deg,#fffdf8,#faf4e6)!important;border:1px solid #eadfc7!important;box-shadow:0 3px 10px rgba(80,60,20,.05)!important} body.admin-page .booking-quick-stats>article:nth-child(2){border-left:3px solid #c99a4b!important} body.admin-page .booking-quick-stats>article:nth-child(3){border-left:3px solid #2e9e6b!important} body.admin-page .booking-quick-stats>article:nth-child(5){border-left:3px solid #d05454!important} body.admin-page .booking-quick-stats>article:nth-child(n):before{background:#f1dfb4!important} body.admin-page .booking-quick-stats>article:nth-child(3):before{background:#cfeedd!important} body.admin-page .booking-quick-stats>article:nth-child(5):before{background:#f6d4d4!important} /* V32.1 — journal financier et restauration */ .financial-transaction-history{display:grid;gap:10px;margin-top:12px} .financial-transaction-row{display:grid;gap:4px;padding:12px 14px;border:1px solid rgba(201,154,75,.24);border-radius:7px;background:#fffdf8;color:#253746;font-size:13px;overflow-wrap:anywhere} .financial-transaction-row strong{color:#17364d} .financial-transaction-row span,.financial-transaction-row small{color:#657582} #addFinancialTransaction{margin-top:4px} /* ===== V33 — journal de sécurité ===== */ .sec-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:6px 0 14px} .sec-stats>div{padding:12px 14px;border:1px solid #eadfc7;border-radius:8px;background:linear-gradient(145deg,#fffdf8,#faf4e6);display:flex;flex-direction:column;gap:2px} .sec-stats strong{font-family:Georgia,serif;font-size:26px;color:#1b2b38}.sec-stats span{font-size:11px;color:#6b7b86} .sec-sub{margin:16px 0 8px;font-size:13px;color:#1b2b38} .sec-bans{display:grid;gap:8px}.sec-ban{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:8px 12px;border:1px solid #f0c9c9;background:#fff6f6;border-radius:7px;font-size:12px} .sec-ban span{flex:1;color:#6b4545} .sec-ban-form{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}.sec-ban-form input{flex:1;min-width:200px;height:38px;padding:0 10px;border:1px solid #cfd8de;border-radius:6px} .sec-note{margin:12px 0 0;font-size:11px;color:#6b7b86;line-height:1.6} .admin-card code{background:#f2ede0;padding:1px 5px;border-radius:3px;font-size:11px} /* Reports archive controls */ .report-table-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.report-booking-select,#selectAllReportBookings{width:16px;height:16px;accent-color:#294c66;cursor:pointer}.report-table-actions .btn:disabled{opacity:.45;cursor:not-allowed}@media(max-width:760px){.report-table-actions{width:100%;justify-content:space-between}.report-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.report-filters label:nth-child(5){grid-column:1/-1}.report-filters button{width:100%}} /* SumUp online payment notice */ .booking-payment-notice{padding:12px 14px;border:1px solid rgba(215,170,92,.45);border-radius:8px;background:rgba(215,170,92,.08);color:#f2d38c!important;text-align:left} .booking-payment-notice[hidden]{display:none} /* Anti-robot (ajout) */ .vtc-captcha{margin:14px 0}.vtc-captcha[hidden]{display:none} /* V40 — Administration optimisée pour les écrans de téléphone */ .admin-page { width:100%; max-width:100%; overflow-x:hidden; } .admin-page .admin-layout, .admin-page .admin-content, .admin-page .admin-panel, .admin-page .admin-card, .admin-page .booking-workspace, .admin-page .report-workspace { min-width:0; max-width:100%; } .admin-page img, .admin-page input, .admin-page select, .admin-page textarea { max-width:100%; } .admin-page .admin-topbar { box-sizing:border-box; } .admin-page .admin-main { min-width:0; } .admin-page .admin-card table, .admin-page .report-table-wrap, .admin-page .table-responsive { max-width:100%; } @media (max-width: 600px) { body.admin-page { font-size:14px; } .admin-page .site-header.admin-topbar { position:fixed!important; top:0!important; left:0!important; right:0!important; width:100%!important; height:54px!important; min-height:54px!important; padding:0 10px!important; gap:8px!important; z-index:120!important; } .admin-page .admin-global-search { min-width:0!important; flex:1 1 auto!important; width:auto!important; } .admin-page .admin-global-search input { width:100%!important; min-width:0!important; font-size:13px!important; } .admin-page .admin-global-search kbd { display:none!important; } .admin-page .admin-notifications { min-width:38px!important; min-height:38px!important; } .admin-page .admin-main { margin-left:0!important; padding-top:54px!important; overflow-x:clip!important; } .admin-page .admin-layout { display:flex!important; flex-direction:column!important; gap:12px!important; width:100%!important; padding:10px 10px 22px!important; } .admin-page .admin-sidebar { position:static!important; inset:auto!important; width:100%!important; max-width:100%!important; padding:9px!important; margin:0!important; border-radius:10px!important; } .admin-page .admin-sidebar-brand { min-height:42px!important; } .admin-page .admin-sidebar-brand img { width:36px!important; height:36px!important; object-fit:contain; } .admin-page .admin-sidebar-label { margin:10px 0 6px!important; font-size:9px!important; } .admin-page .admin-primary-nav { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:5px!important; } .admin-page .admin-tab { display:flex!important; flex-direction:column!important; justify-content:center!important; align-items:center!important; gap:4px!important; min-width:0!important; min-height:67px!important; padding:7px 4px!important; text-align:center!important; } .admin-page .admin-tab-number { display:none!important; } .admin-page .admin-tab-icon { display:grid!important; width:27px!important; height:27px!important; flex:0 0 27px!important; } .admin-page .admin-tab>span:last-child { min-width:0!important; width:100%!important; } .admin-page .admin-tab strong { display:block!important; font-size:10px!important; line-height:1.25!important; overflow-wrap:anywhere!important; } .admin-page .admin-tab small { display:none!important; } .admin-page .admin-sidebar-divider, .admin-page .admin-sidebar>.admin-sidebar-label:nth-of-type(2) { display:none!important; } .admin-page .admin-side-link { display:inline-flex!important; align-items:center!important; margin:6px 8px 0 0!important; padding:7px 8px!important; font-size:11px!important; } .admin-page .admin-content { width:100%!important; margin:0!important; padding:0!important; } .admin-page .admin-hero { margin:0 0 12px!important; padding:4px 2px!important; } .admin-page .admin-hero h1 { font-size:24px!important; line-height:1.15!important; overflow-wrap:anywhere!important; } .admin-page .admin-hero p { font-size:11px!important; line-height:1.45!important; } .admin-page .admin-section-intro { padding:12px!important; margin-bottom:10px!important; } .admin-page .admin-section-intro h2 { font-size:19px!important; line-height:1.25!important; } .admin-page .admin-section-intro p { font-size:11px!important; line-height:1.45!important; } .admin-page .admin-card { padding:11px!important; margin-bottom:10px!important; border-radius:9px!important; } .admin-page .admin-card-head { align-items:flex-start!important; flex-wrap:wrap!important; } .admin-page .admin-card-head h2 { font-size:16px!important; } .admin-page .admin-fields, .admin-page .admin-grid, .admin-page .report-filters, .admin-page .booking-filter-panel { grid-template-columns:minmax(0,1fr)!important; } .admin-page .admin-fields label { min-width:0!important; } .admin-page input:not([type=checkbox]):not([type=radio]), .admin-page select, .admin-page textarea { width:100%!important; min-width:0!important; font-size:14px!important; } .admin-page button, .admin-page .btn, .admin-page .admin-side-link { touch-action:manipulation; } .admin-page .admin-card .btn, .admin-page .booking-head-actions .btn, .admin-page .report-table-actions .btn { min-height:40px!important; } .admin-page .booking-quick-stats, .admin-page .report-cards { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:7px!important; } .admin-page .booking-quick-stats>article, .admin-page .report-card { min-width:0!important; padding:10px!important; } .admin-page .booking-quick-stats strong, .admin-page .report-card>strong { font-size:20px!important; overflow-wrap:anywhere!important; } .admin-page .booking-workspace { padding:10px!important; } .admin-page .booking-workspace-head { display:flex!important; flex-direction:column!important; align-items:stretch!important; gap:9px!important; } .admin-page .booking-head-actions { display:flex!important; flex-wrap:wrap!important; gap:6px!important; } .admin-page .booking-head-actions>* { flex:1 1 120px!important; min-width:0!important; } .admin-page .booking-card { padding:10px!important; } .admin-page .booking-card-actions { display:flex!important; flex-direction:column!important; gap:7px!important; } .admin-page .booking-card-actions button, .admin-page .booking-card-actions a { width:100%!important; min-width:0!important; white-space:normal!important; } .admin-page .report-chart-grid { grid-template-columns:minmax(0,1fr)!important; } .admin-page .report-table-actions { display:flex!important; flex-wrap:wrap!important; } .admin-page .admin-top-popover { position:fixed!important; top:60px!important; right:8px!important; left:8px!important; width:auto!important; max-width:none!important; } .admin-page .admin-toast { max-width:calc(100vw - 20px)!important; } .admin-page pre, .admin-page code { overflow-wrap:anywhere!important; word-break:break-word!important; } } @media (max-width: 380px) { .admin-page .admin-layout { padding-left:7px!important; padding-right:7px!important; } .admin-page .admin-primary-nav { gap:3px!important; } .admin-page .admin-tab { min-height:62px!important; padding:5px 2px!important; } .admin-page .admin-tab strong { font-size:9px!important; } .admin-page .booking-quick-stats, .admin-page .report-cards { grid-template-columns:minmax(0,1fr)!important; } .admin-page .admin-hero h1 { font-size:22px!important; } } /* V41 — Refonte mobile corrective : suppression des espaces vides et icônes réduites */ @media (max-width: 600px) { html, body.admin-page { width:100%!important; max-width:100%!important; margin:0!important; padding:0!important; overflow-x:hidden!important; } body.admin-page .admin-main { display:block!important; position:relative!important; inset:auto!important; width:100%!important; max-width:100%!important; min-width:0!important; margin:0!important; padding:54px 0 18px!important; left:auto!important; right:auto!important; transform:none!important; overflow:visible!important; } body.admin-page .admin-layout { display:flex!important; position:relative!important; flex-direction:column!important; align-items:stretch!important; justify-content:flex-start!important; width:100%!important; max-width:100%!important; min-width:0!important; height:auto!important; min-height:0!important; margin:0!important; padding:8px 9px 18px!important; gap:10px!important; box-sizing:border-box!important; grid-template-columns:minmax(0,1fr)!important; } body.admin-page .admin-sidebar { display:block!important; position:relative!important; top:auto!important; right:auto!important; bottom:auto!important; left:auto!important; float:none!important; order:0!important; flex:0 0 auto!important; align-self:stretch!important; width:100%!important; min-width:0!important; max-width:100%!important; height:auto!important; min-height:0!important; max-height:none!important; margin:0!important; padding:8px!important; box-sizing:border-box!important; overflow:visible!important; transform:none!important; border-radius:10px!important; background:#061526!important; } body.admin-page .admin-sidebar::before, body.admin-page .admin-sidebar::after { display:none!important; content:none!important; } body.admin-page .admin-sidebar-brand { display:flex!important; align-items:center!important; gap:8px!important; min-height:34px!important; margin:0 0 6px!important; padding:0!important; } body.admin-page .admin-sidebar-brand img { width:29px!important; height:29px!important; flex:0 0 29px!important; } body.admin-page .admin-sidebar-brand strong { font-size:11px!important; line-height:1.2!important; } body.admin-page .admin-sidebar-brand small { font-size:8px!important; letter-spacing:1px!important; } body.admin-page .admin-sidebar-label { margin:5px 0 5px!important; font-size:8px!important; line-height:1.2!important; } body.admin-page .admin-primary-nav { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:4px!important; width:100%!important; } body.admin-page .admin-tab { display:flex!important; flex-direction:column!important; justify-content:center!important; align-items:center!important; gap:3px!important; min-width:0!important; min-height:54px!important; height:auto!important; margin:0!important; padding:5px 3px!important; border-radius:7px!important; box-sizing:border-box!important; } body.admin-page .admin-tab-icon { display:grid!important; place-items:center!important; width:20px!important; height:20px!important; min-width:20px!important; min-height:20px!important; flex:0 0 20px!important; font-size:12px!important; line-height:1!important; border-radius:5px!important; } body.admin-page .admin-tab strong { font-size:9px!important; line-height:1.15!important; text-align:center!important; } body.admin-page .admin-tab small, body.admin-page .admin-tab-number { display:none!important; } body.admin-page .admin-sidebar-divider { display:block!important; margin:6px 0 4px!important; opacity:.25!important; } body.admin-page .admin-sidebar>.admin-sidebar-label:nth-of-type(2) { display:none!important; } body.admin-page .admin-side-link { display:inline-flex!important; align-items:center!important; gap:4px!important; min-height:27px!important; margin:4px 5px 0 0!important; padding:4px 6px!important; border-radius:6px!important; font-size:9px!important; line-height:1.2!important; } body.admin-page .admin-side-link span { font-size:12px!important; line-height:1!important; } body.admin-page .admin-content { display:block!important; position:relative!important; order:1!important; flex:0 0 auto!important; width:100%!important; max-width:100%!important; min-width:0!important; height:auto!important; min-height:0!important; margin:0!important; padding:0!important; left:auto!important; right:auto!important; transform:none!important; box-sizing:border-box!important; } body.admin-page .admin-hero { margin:0 0 9px!important; padding:3px 2px!important; } body.admin-page .admin-hero .eyebrow { font-size:9px!important; letter-spacing:1.2px!important; } body.admin-page .admin-hero h1 { margin:4px 0!important; font-size:22px!important; line-height:1.15!important; } body.admin-page .admin-hero p { margin:3px 0!important; font-size:11px!important; } body.admin-page .admin-section-intro { gap:8px!important; padding:10px!important; } body.admin-page .admin-section-intro h2 { font-size:17px!important; } body.admin-page .admin-section-count { min-width:68px!important; padding:7px!important; } body.admin-page .admin-section-count strong { font-size:20px!important; } body.admin-page .admin-section-count span { font-size:9px!important; } body.admin-page .admin-card { padding:9px!important; border-radius:8px!important; } body.admin-page .admin-card-head { gap:7px!important; } body.admin-page .admin-card-head h2 { font-size:15px!important; } body.admin-page .admin-card-head p { font-size:10px!important; line-height:1.35!important; } body.admin-page .booking-head-actions>* { flex:1 1 105px!important; } body.admin-page .booking-head-actions .btn, body.admin-page .admin-card .btn, body.admin-page .report-table-actions .btn { min-height:36px!important; padding:7px 9px!important; font-size:11px!important; } body.admin-page .booking-quick-stats>article { padding:8px!important; } body.admin-page .booking-quick-stats>article::before { width:24px!important; height:24px!important; } body.admin-page .booking-quick-stats strong { font-size:18px!important; } body.admin-page .admin-topbar { height:48px!important; min-height:48px!important; padding:0 8px!important; gap:6px!important; } body.admin-page .admin-main { padding-top:48px!important; } body.admin-page .admin-global-search { padding:5px 7px!important; gap:5px!important; } body.admin-page .admin-global-search>span { font-size:15px!important; } body.admin-page .admin-global-search input { height:28px!important; font-size:12px!important; } body.admin-page .admin-notifications { min-width:30px!important; min-height:30px!important; width:30px!important; height:30px!important; font-size:15px!important; } } @media (max-width: 380px) { body.admin-page .admin-tab { min-height:50px!important; } body.admin-page .admin-tab-icon { width:18px!important; height:18px!important; min-width:18px!important; min-height:18px!important; flex-basis:18px!important; font-size:11px!important; } body.admin-page .admin-tab strong { font-size:8px!important; } body.admin-page .admin-side-link { font-size:8px!important; } } /* V45 — homepage motion effects only. No layout, typography, color palette or content changes. */ body.home-motion .hero-image{transform:scale(1);animation:vtcHeroImageReveal 1.8s cubic-bezier(.2,.65,.25,1) both;will-change:transform} body.home-motion .hero-overlay{animation:vtcOverlayReveal 1.1s ease-out both} body.home-motion .hero-content .gold-line{transform-origin:left center;animation:vtcLineReveal .75s ease-out .12s both} body.home-motion .hero-content h1{animation:vtcTextReveal .85s cubic-bezier(.2,.65,.25,1) .18s both} body.home-motion .hero-content p{animation:vtcTextReveal .85s cubic-bezier(.2,.65,.25,1) .32s both} body.home-motion .hero-actions .btn{animation:vtcTextReveal .75s cubic-bezier(.2,.65,.25,1) both} body.home-motion .hero-actions .btn:nth-child(1){animation-delay:.42s} body.home-motion .hero-actions .btn:nth-child(2){animation-delay:.52s} body.home-motion .hero-actions .btn:nth-child(3){animation-delay:.62s} body.home-motion .hero-actions .btn{transition:transform .28s ease,filter .28s ease,box-shadow .28s ease} body.home-motion .hero-actions .btn:hover{transform:translateY(-3px);filter:brightness(1.06);box-shadow:0 8px 22px rgba(0,0,0,.2)} body.home-motion .hero-actions .btn svg{transition:transform .28s ease} body.home-motion .hero-actions .btn:hover svg{transform:translateX(4px)} body.home-motion .gold-line{position:relative;overflow:hidden} body.home-motion .gold-line:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.65) 48%,transparent 100%);transform:translateX(-120%);animation:vtcGoldShimmer 1.3s ease-out .65s both} body.home-motion .service-card,body.home-motion .vehicle-content,body.home-motion .custom-service-section .container,body.home-motion .about-grid,body.home-motion .trust-grid{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.65,.25,1)} body.home-motion .service-card:nth-child(2){transition-delay:.1s} body.home-motion .service-card:nth-child(3){transition-delay:.2s} body.home-motion .service-card.motion-visible,body.home-motion .vehicle-content.motion-visible,body.home-motion .custom-service-section .container.motion-visible,body.home-motion .about-grid.motion-visible,body.home-motion .trust-grid.motion-visible{opacity:1;transform:translateY(0)} body.home-motion .service-card .service-image,body.home-motion .vehicle-photo{transition:transform .7s cubic-bezier(.2,.65,.25,1)} body.home-motion .service-card:hover .service-image{transform:scale(1.035)} body.home-motion .vehicle-photo{will-change:transform} body.home-motion .vehicle-section:hover .vehicle-photo{transform:scale(1.018)} @keyframes vtcHeroImageReveal{from{transform:scale(1.045)}to{transform:scale(1)}} @keyframes vtcOverlayReveal{from{opacity:.65}to{opacity:1}} @keyframes vtcTextReveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}} @keyframes vtcLineReveal{from{transform:scaleX(0);opacity:.6}to{transform:scaleX(1);opacity:1}} @keyframes vtcGoldShimmer{to{transform:translateX(120%)}} @media (prefers-reduced-motion:reduce){body.home-motion *,body.home-motion *::before,body.home-motion *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}body.home-motion .service-card,body.home-motion .vehicle-content,body.home-motion .custom-service-section .container,body.home-motion .about-grid,body.home-motion .trust-grid{opacity:1;transform:none}}