/* ========================================================================= Europa Glass — Devis gratuit — V15 Univers de la tour 3D : bleu verre, verre dépoli, accents dorés. Même header que la page Contact (logo EuropaGlass + bouton « Devis gratuit »). Toutes les fonctions de la V14 sont conservées. Tout est limité à #europa-glass-devis pour ne pas toucher au reste du site. ========================================================================= */ #europa-glass-devis{ --navy:#0A1A33;--blue:#1557A6;--sky:#5FB4E6;--ice:#DDF1FB;--gold:#F5C542; --muted:rgba(221,241,251,.72);--faint:rgba(221,241,251,.45); --glass:rgba(255,255,255,.06);--glass-border:rgba(221,241,251,.16); position:relative;isolation:isolate;overflow:hidden;overflow:clip; width:100vw!important;max-width:100vw!important; margin:0 calc(50% - 50vw)!important;padding:0!important; background:linear-gradient(180deg,#0A2348 0%,#071A38 100%)!important;color:#fff!important; font-family:'Inter',system-ui,sans-serif;font-size:15px;line-height:1.6;text-align:left; -webkit-font-smoothing:antialiased; } html:has(#europa-glass-devis),body:has(#europa-glass-devis){overflow-x:clip} #europa-glass-devis *,#europa-glass-devis *::before,#europa-glass-devis *::after{box-sizing:border-box} #europa-glass-devis h1,#europa-glass-devis h2,#europa-glass-devis h3,#europa-glass-devis p{ margin:0!important;padding:0!important;float:none!important;position:static!important; text-transform:none;letter-spacing:normal; } #europa-glass-devis h1,#europa-glass-devis h2,#europa-glass-devis h3{font-family:'Syne','Inter',sans-serif!important;font-weight:800!important;letter-spacing:-.02em!important} #europa-glass-devis a{text-decoration:none!important} #europa-glass-devis [hidden]{display:none!important} /* ---------- Mise en page ---------- */ #europa-glass-devis .egd-container{width:min(1200px,calc(100% - 72px))!important;max-width:1200px!important;margin:0 auto!important} #europa-glass-devis .egd-body{display:block!important;position:relative;padding:0 0 96px!important;margin:0!important;background:transparent!important} #europa-glass-devis .egd-main{display:block!important;width:100%!important;padding:52px 0 0!important;background:transparent!important;border:0!important;box-shadow:none!important} #europa-glass-devis.is-sent .egd-body{display:none!important} /* ---------- Haut de page : fond identique à la tour + reflets qui montent ---------- */ #europa-glass-devis .egd-hero{position:relative;isolation:isolate;overflow:hidden;padding:0 0 64px;background:radial-gradient(circle at 50% 30%,#1D6FB8 0%,#0B3563 48%,#040D1C 100%)} #europa-glass-devis .egd-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(130,200,247,.4) 50%,transparent)} #europa-glass-devis .egd-shine{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(125deg,transparent 62%,rgba(190,230,255,.06) 63%,transparent 68%),linear-gradient(125deg,transparent 74%,rgba(190,230,255,.04) 75%,transparent 78%);animation:egdShine 9s ease-in-out infinite alternate} @keyframes egdShine{from{transform:translateX(-4%)}to{transform:translateX(4%)}} #europa-glass-devis .egd-sparkles{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden} #europa-glass-devis .egd-sparkles i{position:absolute;bottom:-20px;display:block;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.95) 0%,rgba(221,241,251,.5) 35%,transparent 70%);opacity:0;animation:egdRise 9s linear infinite} #europa-glass-devis .egd-sparkles i:nth-child(1){left:6%;animation-delay:0s;width:6px;height:6px} #europa-glass-devis .egd-sparkles i:nth-child(2){left:15%;animation-delay:3.4s;animation-duration:11s} #europa-glass-devis .egd-sparkles i:nth-child(3){left:27%;animation-delay:1.2s;width:11px;height:11px} #europa-glass-devis .egd-sparkles i:nth-child(4){left:38%;animation-delay:6s;animation-duration:8s} #europa-glass-devis .egd-sparkles i:nth-child(5){left:52%;animation-delay:2.2s;width:5px;height:5px} #europa-glass-devis .egd-sparkles i:nth-child(6){left:63%;animation-delay:4.8s;animation-duration:10s;width:10px;height:10px} #europa-glass-devis .egd-sparkles i:nth-child(7){left:72%;animation-delay:.6s} #europa-glass-devis .egd-sparkles i:nth-child(8){left:81%;animation-delay:7.2s;width:7px;height:7px} #europa-glass-devis .egd-sparkles i:nth-child(9){left:89%;animation-delay:2.9s;animation-duration:12s} #europa-glass-devis .egd-sparkles i:nth-child(10){left:96%;animation-delay:5.4s;width:5px;height:5px} @keyframes egdRise{0%{transform:translateY(0);opacity:0}10%{opacity:.7}85%{opacity:.45}100%{transform:translateY(-560px) translateX(18px) scale(.5);opacity:0}} /* ---------- Header — identique à la page Contact ---------- */ /* Logo à gauche, menu centré avec « Devis gratuit » collé juste à droite. Le menu et le bouton sont dans un même bloc : ils restent ensemble quoi que le thème ajoute. */ #europa-glass-devis .egd-topbar{position:relative;z-index:5;display:flex!important;flex-wrap:nowrap!important;align-items:center;justify-content:space-between;gap:1rem;padding:2rem 4%} #europa-glass-devis .egd-topbar a,#europa-glass-devis .egd-topbar nav,#europa-glass-devis .egd-navgroup{margin:0!important;align-self:center!important;float:none!important} #europa-glass-devis .egd-topbar p{display:contents!important} #europa-glass-devis .egd-topbar br{display:none!important} #europa-glass-devis .egd-navgroup{display:flex!important;flex:none!important;align-items:center;gap:.6rem;width:auto!important} #europa-glass-devis .egd-navgroup>p{display:contents!important} #europa-glass-devis a.egd-logo{display:flex!important;align-items:center;gap:.7rem;padding:0!important;color:var(--ice)!important} #europa-glass-devis .egd-logo-text{display:flex;flex-direction:column;align-items:flex-start;gap:5px;line-height:1.1} #europa-glass-devis img.egd-logo-mark{display:block!important;width:auto!important;height:60px!important;max-width:none!important;margin:0!important;border:0!important;box-shadow:none!important;border-radius:0!important} #europa-glass-devis img.egd-logo-word{display:block!important;width:auto!important;height:23px!important;max-width:none!important;margin:0!important;border:0!important;box-shadow:none!important;border-radius:0!important} #europa-glass-devis .egd-logo-sub{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);white-space:nowrap} #europa-glass-devis .egd-nav{display:flex!important;flex:none!important;width:auto!important;max-width:none!important;gap:.5rem;height:50px;align-items:center;margin:0;padding:.4rem;border-radius:100px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px rgba(0,0,0,.15),inset 0 0 0 1px rgba(255,255,255,.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)} #europa-glass-devis .egd-nav a{padding:.5rem 1.2rem!important;border-radius:100px;color:var(--muted)!important;font-family:'Manrope','Inter',sans-serif!important;font-size:.85rem!important;font-weight:500;line-height:1.2!important;white-space:nowrap;transition:all .3s ease} #europa-glass-devis .egd-nav a:hover{background:var(--gold);color:var(--navy)!important} #europa-glass-devis a.egd-quote-btn{display:inline-flex!important;align-items:center;gap:.6rem;height:50px;padding:0 1.6rem!important;border-radius:100px;background:var(--gold);color:var(--navy)!important;font-family:'Inter',sans-serif!important;font-size:.85rem!important;font-weight:700;line-height:1.2!important;white-space:nowrap;box-shadow:0 10px 28px rgba(245,197,66,.28),0 0 0 4px rgba(245,197,66,.18);transition:all .3s ease} #europa-glass-devis a.egd-quote-btn:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(245,197,66,.4)} @media(min-width:1100px){ /* le logo et un espace invisible de même largeur encadrent le bloc menu + bouton : le menu reste centré */ #europa-glass-devis a.egd-logo{flex:1 1 0!important;min-width:0} #europa-glass-devis .egd-topbar::after{content:"";flex:1 1 0;min-width:0} } /* ---------- Intro ---------- */ #europa-glass-devis .egd-hero-inner{position:relative;z-index:2;padding-top:28px} #europa-glass-devis .egd-intro{display:block!important;text-align:left} #europa-glass-devis .egd-intro-eyebrow{display:flex!important;align-items:center;gap:.75rem;color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.24em;line-height:1.4;margin:0 0 16px} #europa-glass-devis .egd-intro-eyebrow::before{content:"";width:26px;height:2px;border-radius:2px;background:var(--gold)} #europa-glass-devis .egd-intro h1{display:block!important;color:#fff!important;font-size:clamp(2.3rem,4.6vw,4.1rem)!important;line-height:1!important;margin:0 0 18px!important} #europa-glass-devis .egd-intro h1 em{display:block;margin-top:.3em;font-family:'Manrope','Inter',sans-serif;font-size:.5em;font-weight:700;font-style:normal!important;letter-spacing:-.01em;color:var(--gold)!important} #europa-glass-devis .egd-intro p{color:var(--muted)!important;font-size:1.02rem!important;line-height:1.7!important;max-width:640px} #europa-glass-devis .egd-contact-line{display:flex!important;flex-wrap:wrap;align-items:center;gap:10px 12px;margin:22px 0 0!important;color:var(--muted);font-size:13px;font-weight:600;line-height:1.5} #europa-glass-devis .egd-contact-line span{color:var(--muted);margin-right:4px} #europa-glass-devis .egd-contact-line a{display:inline-flex;align-items:center;gap:8px;padding:.5rem .95rem .5rem .6rem;border-radius:100px;background:var(--glass);border:1px solid var(--glass-border);color:#fff!important;font-weight:700;transition:background .25s,border-color .25s} #europa-glass-devis .egd-contact-line a:hover{background:rgba(255,255,255,.13);border-color:var(--gold)} #europa-glass-devis .egd-contact-line svg{width:15px;height:15px;fill:none;stroke:var(--gold);stroke-width:1.9;stroke-linejoin:round} /* Entrée animée du haut de page */ #europa-glass-devis .egd-topbar,#europa-glass-devis .egd-intro>*{animation:egdUp .8s cubic-bezier(.2,.8,.2,1) both} #europa-glass-devis .egd-intro>*:nth-child(1){animation-delay:.1s} #europa-glass-devis .egd-intro>*:nth-child(2){animation-delay:.2s} #europa-glass-devis .egd-intro>*:nth-child(3){animation-delay:.32s} #europa-glass-devis .egd-intro>*:nth-child(4){animation-delay:.44s} @keyframes egdUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}} /* ---------- Encadré « Chaque surface mérite une solution adaptée » ---------- */ #europa-glass-devis .egd-note{ display:block!important;position:relative!important;float:none!important;width:100%!important;max-width:none!important; margin:0 0 30px!important;padding:26px 30px!important;border-radius:20px; background:var(--glass)!important;border:1px solid var(--glass-border)!important;border-left:3px solid var(--gold)!important;box-shadow:none!important; } #europa-glass-devis .egd-note-line{display:none!important} #europa-glass-devis .egd-note-title{display:block!important;color:#fff!important;font-size:clamp(1.3rem,2.2vw,1.75rem)!important;line-height:1.2!important;margin:0 0 10px!important} #europa-glass-devis .egd-note-text{display:block!important;color:var(--muted)!important;font-size:.95rem!important;line-height:1.7!important;max-width:820px} /* ---------- Carte formulaire (verre dépoli) ---------- */ #europa-glass-devis .egd-form{ display:block!important;width:100%!important;max-width:none!important;margin:0!important; padding:clamp(24px,4vw,52px)!important;border-radius:26px!important; background:rgba(255,255,255,.05)!important;color:#fff!important; border:1px solid var(--glass-border)!important; box-shadow:0 30px 70px rgba(2,8,22,.35)!important; backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px); } #europa-glass-devis .egd-step{display:flex!important;align-items:center;gap:16px;margin:0 0 24px!important} #europa-glass-devis .egd-step>span{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border-radius:50%;background:var(--gold);color:var(--navy);font:800 16px 'Syne','Inter',sans-serif;box-shadow:0 0 0 7px rgba(245,197,66,.14)} #europa-glass-devis .egd-step h2{font-size:clamp(1.3rem,2.3vw,1.8rem)!important;line-height:1.15!important;color:#fff!important} #europa-glass-devis .egd-step p{margin:6px 0 0!important;font-size:.88rem!important;line-height:1.6!important;color:var(--muted)!important} #europa-glass-devis .egd-step-two{margin-top:48px!important} /* ---------- Services : 2 colonnes de 3, cartes en verre ---------- */ #europa-glass-devis .egd-services{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:14px!important;width:100%!important;margin:0!important;padding:0!important;align-items:stretch!important} #europa-glass-devis .egd-services-col{display:flex!important;flex-direction:column!important;gap:14px!important;min-width:0!important;width:auto!important;margin:0!important;padding:0!important} /* Sécurité : tout

/
ajouté par WordPress dans les grilles est masqué (plus de trous) */ #europa-glass-devis .egd-services > :not(.egd-services-col), #europa-glass-devis .egd-services-col > :not(.egd-service), #europa-glass-devis .egd-fields > :not(.egd-fields-col), #europa-glass-devis .egd-fields-col > :not(.egd-field), #europa-glass-devis .egd-uploads > :not(.egd-upload), #europa-glass-devis .egd-form > p:empty, #europa-glass-devis .egd-form br{display:none!important} #europa-glass-devis .egd-service{ position:relative;display:flex!important;flex-direction:row!important;align-items:center!important;gap:14px!important;flex:1 1 auto!important; width:100%!important;max-width:none!important;min-width:0!important;min-height:96px!important; margin:0!important;padding:16px 18px!important;float:none!important;border-radius:18px!important; border:1px solid var(--glass-border)!important;background:var(--glass)!important;color:#fff!important; cursor:pointer;box-shadow:none!important; transition:border-color .25s,background .25s,transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .25s!important; } #europa-glass-devis .egd-service:hover{border-color:rgba(255,255,255,.4)!important;background:rgba(255,255,255,.11)!important;transform:translateY(-3px)} #europa-glass-devis .egd-service input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;top:0;left:0;margin:0!important} #europa-glass-devis .egd-check{ position:relative!important;display:block!important;flex:0 0 24px!important;width:24px!important;height:24px!important;order:3; border:1.5px solid rgba(221,241,251,.45)!important;border-radius:50%!important;background:transparent!important;margin:0!important;padding:0!important; transition:background .25s,border-color .25s,transform .35s cubic-bezier(.34,1.56,.64,1); } #europa-glass-devis .egd-service input:checked+.egd-check{background:var(--gold)!important;border-color:var(--gold)!important;transform:scale(1.12)} #europa-glass-devis .egd-service input:checked+.egd-check::after{content:'✓';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font:800 14px/1 Arial,sans-serif;color:var(--navy)} #europa-glass-devis .egd-service:has(input:checked){border-color:var(--gold)!important;background:rgba(245,197,66,.1)!important;box-shadow:0 0 0 3px rgba(245,197,66,.14),0 14px 30px rgba(2,8,22,.3)!important} #europa-glass-devis .egd-service:has(input:focus-visible){outline:2px solid var(--gold)!important;outline-offset:3px} #europa-glass-devis .egd-service-icon{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;border-radius:14px;background:linear-gradient(150deg,#1D6FB8 0%,var(--blue) 55%,var(--navy) 100%);border:1px solid rgba(255,255,255,.14);color:#fff;transition:background .25s,color .25s} #europa-glass-devis .egd-service-icon svg{width:21px;height:21px} #europa-glass-devis .egd-service:has(input:checked) .egd-service-icon{background:var(--gold);color:var(--navy)} #europa-glass-devis .egd-service-content{display:flex!important;flex:1 1 auto!important;min-width:0!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;text-align:left!important;gap:4px!important} #europa-glass-devis .egd-service-label{display:block!important;font-size:14px!important;font-weight:700!important;line-height:1.35!important;color:#fff!important;overflow-wrap:break-word} #europa-glass-devis .egd-service-description{display:block!important;font-size:12px!important;font-weight:400!important;line-height:1.5!important;color:var(--muted)!important} /* ---------- Champs ---------- */ #europa-glass-devis .egd-fields{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px 24px!important;align-items:stretch!important} #europa-glass-devis .egd-fields-col{display:flex!important;flex-direction:column!important;gap:20px!important;min-width:0!important} #europa-glass-devis .egd-field-message{flex:1 1 auto!important} #europa-glass-devis .egd-field-message textarea{flex:1 1 auto!important;height:auto!important} #europa-glass-devis .egd-field{display:flex;flex-direction:column;gap:8px;min-width:0;margin:0} #europa-glass-devis .egd-full{grid-column:1/-1} #europa-glass-devis .egd-field>span{font-family:'Manrope','Inter',sans-serif;font-size:13px;font-weight:700;color:var(--ice)} #europa-glass-devis .egd-field b,#europa-glass-devis .egd-privacy b{color:var(--gold)} #europa-glass-devis .egd-field small{font-size:11px;color:var(--faint);font-weight:500} #europa-glass-devis .egd-field input,#europa-glass-devis .egd-field textarea{width:100%;min-width:0;margin:0;border:1px solid rgba(221,241,251,.2)!important;border-radius:14px!important;background:rgba(255,255,255,.07)!important;color:#fff!important;padding:14px 16px!important;font:500 14px/1.5 'Inter',sans-serif!important;box-shadow:none!important;outline:0!important;transition:border-color .25s,background .25s} #europa-glass-devis .egd-field input{min-height:50px} #europa-glass-devis .egd-field textarea{min-height:145px;resize:vertical} /* Au clic : le contour s'éclaircit (pas de cadre jaune) */ #europa-glass-devis .egd-field input:focus,#europa-glass-devis .egd-field textarea:focus,#europa-glass-devis .egd-field input:focus-visible,#europa-glass-devis .egd-field textarea:focus-visible{border-color:rgba(255,255,255,.5)!important;background:rgba(255,255,255,.11)!important;outline:none!important;box-shadow:none!important} #europa-glass-devis .egd-field input::placeholder,#europa-glass-devis .egd-field textarea::placeholder{color:var(--faint)!important;opacity:1} #europa-glass-devis .egd-field input:-webkit-autofill{-webkit-text-fill-color:#fff;-webkit-box-shadow:0 0 0 40px #12305C inset!important;caret-color:#fff} /* ---------- Photos / PDF : 6 petites cases avec aperçu ---------- */ #europa-glass-devis .egd-upload-section{margin-top:40px;padding:26px;border-radius:20px;border:1px solid var(--glass-border);background:rgba(4,13,28,.25)} #europa-glass-devis .egd-upload-title{display:flex;align-items:center;justify-content:space-between;gap:12px} #europa-glass-devis .egd-upload-title h3{display:flex!important;align-items:center;gap:12px;font-size:clamp(1.1rem,1.8vw,1.35rem)!important;color:#fff!important} #europa-glass-devis .egd-upload-title h3 b{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:50%;background:var(--gold);color:var(--navy);font-size:13px} #europa-glass-devis .egd-upload-title span{padding:.3rem .7rem;border-radius:100px;border:1px solid var(--glass-border);font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--muted);text-transform:uppercase} #europa-glass-devis .egd-upload-section>p{font-size:.88rem!important;line-height:1.7!important;color:var(--muted)!important;margin:12px 0 18px!important} #europa-glass-devis .egd-uploads{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px} #europa-glass-devis .egd-upload{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:118px;padding:10px 6px;margin:0;overflow:hidden;border-radius:14px;border:1px dashed rgba(221,241,251,.35);background:var(--glass);cursor:pointer;text-align:center;transition:border-color .25s,background .25s,transform .3s} #europa-glass-devis .egd-upload:hover{border-color:var(--gold);background:rgba(255,255,255,.1);transform:translateY(-2px)} #europa-glass-devis .egd-upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer} #europa-glass-devis .egd-upload:focus-within{outline:2px solid var(--gold);outline-offset:2px} #europa-glass-devis .egd-upload-plus{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(245,197,66,.14);color:var(--gold);font-size:22px;line-height:1;transition:transform .3s} #europa-glass-devis .egd-upload:hover .egd-upload-plus{transform:rotate(90deg)} #europa-glass-devis .egd-upload strong{font-size:11px;color:#fff} #europa-glass-devis .egd-upload small{font-size:9.5px;line-height:1.35;color:var(--faint);overflow-wrap:anywhere;max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} #europa-glass-devis .egd-upload-preview{display:none;position:absolute;inset:0;background:#12305C center/cover no-repeat;pointer-events:none} #europa-glass-devis .egd-upload.has-file{border-style:solid;border-color:var(--gold)} #europa-glass-devis .egd-upload.has-file .egd-upload-preview{display:block;animation:egdPop .4s cubic-bezier(.34,1.56,.64,1)} #europa-glass-devis .egd-upload.has-file .egd-upload-plus,#europa-glass-devis .egd-upload.has-file strong{display:none} #europa-glass-devis .egd-upload.has-file small{position:absolute;left:0;right:0;bottom:0;z-index:1;max-width:none;padding:5px 6px;background:rgba(7,26,56,.85);color:#fff;-webkit-line-clamp:1;pointer-events:none} #europa-glass-devis .egd-upload.is-pdf .egd-upload-preview{display:flex;align-items:center;justify-content:center;padding-bottom:18px;background:#12305C;color:var(--gold);font-size:18px;font-weight:800;letter-spacing:1px} #europa-glass-devis .egd-upload-remove{position:absolute;top:6px;right:6px;z-index:3;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;margin:0;border:0;border-radius:50%;background:var(--gold);color:var(--navy);font-size:16px;font-weight:700;line-height:1;cursor:pointer} #europa-glass-devis .egd-upload-remove[hidden]{display:none!important} @keyframes egdPop{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}} /* ---------- Consentement, envoi, messages ---------- */ #europa-glass-devis .egd-privacy{position:relative;display:flex;align-items:flex-start;gap:12px;margin:26px 0 0;cursor:pointer} #europa-glass-devis .egd-privacy input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;margin:0!important} #europa-glass-devis .egd-privacy-box{position:relative;flex:0 0 20px;width:20px;height:20px;margin-top:1px;border-radius:6px;border:1.5px solid rgba(221,241,251,.5);transition:background .2s,border-color .2s} #europa-glass-devis .egd-privacy input:checked+.egd-privacy-box{background:var(--gold);border-color:var(--gold)} #europa-glass-devis .egd-privacy input:checked+.egd-privacy-box::after{content:'✓';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font:800 12px/1 Arial,sans-serif;color:var(--navy)} #europa-glass-devis .egd-privacy input:focus-visible+.egd-privacy-box{outline:2px solid var(--gold);outline-offset:2px} #europa-glass-devis .egd-privacy span:last-child{font-size:12.5px;line-height:1.7;color:var(--muted)} #europa-glass-devis .egd-submit-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:26px} /* Même style que le bouton « Devis gratuit » du header */ #europa-glass-devis .egd-submit{ display:inline-flex;align-items:center;gap:.7rem;min-height:54px;padding:0 30px!important;border:0!important;border-radius:100px!important; background:var(--gold)!important;color:var(--navy)!important; font:700 15px 'Inter',sans-serif!important;cursor:pointer; box-shadow:0 12px 30px rgba(245,197,66,.3)!important;transition:transform .3s,box-shadow .3s; } #europa-glass-devis .egd-submit::after{content:'→';transition:transform .3s} #europa-glass-devis .egd-submit:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(245,197,66,.45)!important} #europa-glass-devis .egd-submit:hover::after{transform:translateX(4px)} #europa-glass-devis .egd-submit:disabled{opacity:.65;cursor:wait;transform:none} #europa-glass-devis .egd-submit-row>span{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:12.5px} #europa-glass-devis .egd-submit-row>span::before{content:'';width:8px;height:8px;border-radius:50%;background:#5BD68A;box-shadow:0 0 0 4px rgba(91,214,138,.18)} #europa-glass-devis .egd-feedback{margin-top:18px;padding:14px 16px;border-radius:14px;border:1px solid rgba(255,140,120,.45);background:rgba(255,99,71,.12);color:#FFD2CA;font-size:13px} /* Écran de confirmation : remplace le haut de page, avec une coche animée */ #europa-glass-devis .egd-success{display:block;max-width:820px;padding:20px 0 30px;color:#fff;text-align:left;outline:0} #europa-glass-devis .egd-success-icon{display:grid;place-items:center;width:64px;height:64px;margin:0 0 26px;border-radius:50%;background:var(--gold);color:var(--navy);font:800 28px/1 Arial,sans-serif;box-shadow:0 0 0 10px rgba(245,197,66,.16),0 14px 30px rgba(245,197,66,.3);animation:egdCheck .7s cubic-bezier(.34,1.56,.64,1) both} @keyframes egdCheck{from{opacity:0;transform:scale(.3) rotate(-25deg)}to{opacity:1;transform:none}} #europa-glass-devis .egd-success>*:not(.egd-success-icon){animation:egdUp .8s cubic-bezier(.2,.8,.2,1) .2s both} #europa-glass-devis .egd-success-title{display:block;color:#fff!important;font-size:clamp(2rem,3.6vw,3.1rem)!important;line-height:1.05!important;margin:0 0 18px!important} #europa-glass-devis .egd-success-title em{display:block;margin-top:.25em;font-family:'Manrope','Inter',sans-serif;font-size:.55em;font-weight:700;font-style:normal!important;color:var(--gold)!important} #europa-glass-devis .egd-success-text{color:var(--muted)!important;font-size:1.02rem!important;line-height:1.75!important;margin:0 0 30px!important;max-width:640px} #europa-glass-devis .egd-success-btn{display:inline-flex;align-items:center;gap:.6rem;height:50px;padding:0 26px;border-radius:100px;background:var(--gold);color:var(--navy)!important;font:700 14px 'Inter',sans-serif;box-shadow:0 10px 28px rgba(245,197,66,.28);transition:transform .3s,box-shadow .3s} #europa-glass-devis .egd-success-btn:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(245,197,66,.4)} #europa-glass-devis .egd-hp{position:absolute;left:-99999px;width:1px;height:1px;overflow:hidden} /* ---------- Apparition au défilement (activée par le script) ---------- */ #europa-glass-devis.egd-anim .egd-reveal, #europa-glass-devis.egd-anim .egd-step, #europa-glass-devis.egd-anim .egd-fields, #europa-glass-devis.egd-anim .egd-upload-section{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)} #europa-glass-devis.egd-anim .is-visible{opacity:1!important;transform:none!important} /* Les 6 services arrivent l'un après l'autre */ #europa-glass-devis.egd-anim .egd-services .egd-service{opacity:0;transform:translateY(20px) scale(.98)} #europa-glass-devis.egd-anim .egd-services.is-visible .egd-service{opacity:1;transform:none;transition:opacity .6s ease calc(var(--i,0)*90ms),transform .6s cubic-bezier(.2,.8,.2,1) calc(var(--i,0)*90ms),border-color .25s,background .25s,box-shadow .25s!important} #europa-glass-devis.egd-anim .egd-services.is-visible .egd-service:hover{transform:translateY(-3px)} /* Supprime l'espace WordPress par défaut juste au-dessus du shortcode */ body:has(#europa-glass-devis) .wp-block-shortcode:has(#europa-glass-devis), body:has(#europa-glass-devis) .entry-content:has(#europa-glass-devis){margin-block-start:0!important;padding-block-start:0!important} /* ---------- Responsive ---------- */ @media(max-width:1100px){#europa-glass-devis .egd-nav a{padding:.5rem .85rem!important}} @media(max-width:900px){#europa-glass-devis .egd-uploads{grid-template-columns:repeat(3,minmax(0,1fr))!important}} @media(max-width:820px){#europa-glass-devis .egd-nav{display:none!important}#europa-glass-devis .egd-topbar{padding:1.2rem 4%}} @media(max-width:700px){ #europa-glass-devis .egd-container{width:calc(100% - 32px)!important} #europa-glass-devis .egd-hero{padding-bottom:44px} #europa-glass-devis .egd-hero-inner{padding-top:12px} #europa-glass-devis .egd-intro h1{font-size:clamp(2.1rem,10vw,2.7rem)!important} #europa-glass-devis .egd-main{padding-top:30px!important} #europa-glass-devis .egd-note{padding:20px 20px!important} #europa-glass-devis .egd-form{padding:24px 16px!important;border-radius:22px!important} #europa-glass-devis .egd-services,#europa-glass-devis .egd-services-col{gap:10px!important} #europa-glass-devis .egd-service{flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:150px!important;padding:14px 8px!important;text-align:center} #europa-glass-devis .egd-check{position:absolute!important;top:8px;right:8px;flex-basis:20px!important;width:20px!important;height:20px!important} #europa-glass-devis .egd-service input:checked+.egd-check::after{font-size:12px} #europa-glass-devis .egd-service-icon{flex-basis:38px;width:38px;height:38px} #europa-glass-devis .egd-service-content{align-items:center!important;text-align:center!important} #europa-glass-devis .egd-service-label{font-size:11.5px!important} #europa-glass-devis .egd-service-description{font-size:10px!important} #europa-glass-devis .egd-fields{grid-template-columns:1fr!important} #europa-glass-devis .egd-field input,#europa-glass-devis .egd-field textarea{font-size:16px!important} #europa-glass-devis .egd-upload-section{padding:18px 14px} #europa-glass-devis .egd-submit{width:100%;justify-content:center} #europa-glass-devis .egd-submit-row>span{width:100%;justify-content:center} } @media(max-width:600px){ #europa-glass-devis .egd-uploads{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px} #europa-glass-devis .egd-upload{min-height:96px} #europa-glass-devis .egd-contact-line span{flex-basis:100%} } @media(max-width:520px){ #europa-glass-devis .egd-topbar{gap:.6rem} #europa-glass-devis img.egd-logo-mark{height:42px!important} #europa-glass-devis img.egd-logo-word{height:15px!important} #europa-glass-devis .egd-logo-sub{font-size:.55rem;letter-spacing:.08em} #europa-glass-devis a.egd-quote-btn{height:40px;padding:0 .9rem!important;font-size:.74rem!important;gap:.35rem;flex:none} } /* Éléments masqués par le script (écran de confirmation) : priorité absolue */ #europa-glass-devis .egd-intro[hidden],#europa-glass-devis .egd-note[hidden],#europa-glass-devis .egd-form[hidden],#europa-glass-devis .egd-success[hidden]{display:none!important} @media(prefers-reduced-motion:reduce){ #europa-glass-devis *,#europa-glass-devis *::before,#europa-glass-devis *::after{animation:none!important;transition:none!important} #europa-glass-devis .egd-sparkles{display:none} } /* ---------- Téléphone : bouton ☰ et menu plein écran (comme l'accueil, Services, Contact et Articles) ---------- */ #europa-glass-devis .egd-burger{display:none!important} @media(max-width:820px){ #europa-glass-devis .egd-navgroup a.egd-quote-btn{display:none!important} #europa-glass-devis .egd-burger{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex:none;width:46px!important;height:46px!important;margin:0!important;padding:0!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.22)!important;background:rgba(255,255,255,.08)!important;color:#fff;cursor:pointer;font-size:0!important;line-height:0!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)} #europa-glass-devis .egd-burger i{display:block;width:18px;height:2px;margin:0;padding:0;border-radius:2px;background:currentColor} } .egd-mmwrap{display:contents} .egd-mmwrap .egd-mm-toggle{position:fixed!important;top:0!important;left:0!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;margin:0!important} .egd-mmwrap .egd-mm{position:fixed;inset:0;z-index:2147483000;display:flex;flex-direction:column;justify-content:flex-start;padding:1.2rem 5% calc(6rem + env(safe-area-inset-bottom));overflow-y:auto;background:rgba(4,13,28,.94);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);color:#fff;font-family:'Inter',system-ui,sans-serif;text-align:left;-webkit-font-smoothing:antialiased;opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity .35s ease,transform .45s cubic-bezier(.2,.8,.2,1),visibility 0s linear .45s} .egd-mmwrap .egd-mm *,.egd-mmwrap .egd-mm *::before,.egd-mmwrap .egd-mm *::after{box-sizing:border-box} .egd-mmwrap .egd-mm-toggle:checked~.egd-mm{opacity:1;visibility:visible;transform:none;transition-delay:0s} html:has(#egd-mm-toggle:checked),html:has(#egd-mm-toggle:checked) body{overflow:hidden!important} .egd-mmwrap .egd-mm a{text-decoration:none!important} .egd-mmwrap .egd-mm-top{display:flex;align-items:center;justify-content:space-between;gap:1rem} .egd-mmwrap a.egd-mm-logo{display:flex!important;align-items:center;gap:.5rem;padding:0!important;margin:0!important;color:#DDF1FB!important} .egd-mmwrap .egd-mm-logotext{display:flex;flex-direction:column;align-items:flex-start;gap:4px;line-height:1.1} .egd-mmwrap img.egd-mm-mark,.egd-mmwrap img.egd-mm-word{display:block!important;width:auto!important;max-width:none!important;margin:0!important;border:0!important;box-shadow:none!important;border-radius:0!important} .egd-mmwrap img.egd-mm-mark{height:42px!important} .egd-mmwrap img.egd-mm-word{height:15px!important} .egd-mmwrap .egd-mm-sub{font-size:.55rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(221,241,251,.72);white-space:nowrap} .egd-mmwrap label.egd-mm-close{display:block!important;position:relative;flex:none;width:46px;height:46px;margin:0!important;padding:0!important;border-radius:50%;background:#F5C542;color:#0A1A33;cursor:pointer} .egd-mmwrap .egd-mm-close i{position:absolute;left:50%;top:50%;width:18px;height:2px;margin:-1px 0 0 -9px;border-radius:2px;background:currentColor;transform:rotate(45deg)} .egd-mmwrap .egd-mm-close i+i{transform:rotate(-45deg)} .egd-mmwrap .egd-mm-nav{display:flex;flex-direction:column;margin-top:clamp(.8rem,3vh,2rem)} .egd-mmwrap .egd-mm-nav a{display:flex;align-items:baseline;gap:.9rem;padding:clamp(.6rem,1.9vh,.95rem) 0!important;margin:0!important;border-bottom:1px solid rgba(221,241,251,.12);font-family:'Syne','Inter',sans-serif;font-weight:800;font-size:clamp(1.3rem,min(7vw,4.4vh),2.1rem);line-height:1.1;letter-spacing:-.02em;color:#fff!important} .egd-mmwrap .egd-mm-nav a b{margin:0;padding:0;font-family:'Inter',sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.1em;color:#F5C542} .egd-mmwrap .egd-mm-foot{display:flex;flex-direction:column;gap:.6rem;margin-top:clamp(1.2rem,4vh,2.2rem)} .egd-mmwrap .egd-mm-foot a{display:flex;flex:none;align-items:center;justify-content:center;gap:.6rem;height:50px;margin:0!important;border-radius:100px;font-family:'Manrope','Inter',sans-serif;font-weight:700;font-size:.95rem} .egd-mmwrap a.egd-mm-quote{background:#F5C542;color:#0A1A33!important} .egd-mmwrap a.egd-mm-tel{border:1px solid rgba(221,241,251,.16);background:rgba(255,255,255,.06);color:#fff!important} /* ========================================================================= V15.5 — THÈME CLAIR : mêmes couleurs que la nouvelle page d'accueil (blanc, ciel bleu, bleu EuropaGlass #1C6DD0, texte bleu nuit #0B2545) ========================================================================= */ #europa-glass-devis{--navy:#0B2545;--blue:#1C6DD0;--sky:#4FA3F7;--ice:#0B2545;--gold:#1C6DD0;--muted:#4A5D78;--faint:#8494AA;--glass:#FFFFFF;--glass-border:rgba(11,37,69,.1);background:#FFFFFF!important;color:#0B2545!important} #europa-glass-devis .egd-hero{background:linear-gradient(180deg,#CFE2F5 0%,#E8F1FA 55%,#FFFFFF 100%)} #europa-glass-devis .egd-hero::after{background:linear-gradient(90deg,transparent,rgba(28,109,208,.18) 50%,transparent)} #europa-glass-devis .egd-shine{background:radial-gradient(ellipse at 80% 15%,rgba(255,214,170,.45),transparent 55%),radial-gradient(ellipse at 12% 0%,rgba(255,255,255,.85),transparent 50%)} #europa-glass-devis .egd-sparkles i{background:radial-gradient(circle,#fff 0%,rgba(255,255,255,.6) 35%,transparent 70%)} #europa-glass-devis a.egd-logo{color:#0B2545!important} #europa-glass-devis .egd-nav{background:rgba(255,255,255,.82)!important;border-color:rgba(255,255,255,.95)!important;box-shadow:0 8px 28px rgba(11,37,69,.1)!important} #europa-glass-devis .egd-nav a{color:#0B2545!important;font-weight:600} #europa-glass-devis .egd-nav a:hover{background:rgba(28,109,208,.08);color:#0B2545!important} #europa-glass-devis a.egd-quote-btn{background:#1C6DD0;color:#fff!important;box-shadow:0 10px 26px rgba(28,109,208,.35)} #europa-glass-devis a.egd-quote-btn:hover{background:#155CB4;box-shadow:0 14px 32px rgba(28,109,208,.42)} #europa-glass-devis .egd-intro h1,#europa-glass-devis .egd-note-title,#europa-glass-devis .egd-step h2,#europa-glass-devis .egd-upload-title h3,#europa-glass-devis .egd-success-title{color:#0B2545!important} #europa-glass-devis .egd-contact-line a{color:#0B2545!important;box-shadow:0 4px 12px rgba(11,37,69,.06)} #europa-glass-devis .egd-contact-line a:hover{background:#F3F8FE;border-color:#1C6DD0} #europa-glass-devis .egd-note{background:#F3F8FE!important;border-color:rgba(11,37,69,.08)!important;border-left-color:#1C6DD0!important} #europa-glass-devis .egd-form{background:#fff!important;color:#0B2545!important;border-color:rgba(11,37,69,.08)!important;box-shadow:0 30px 70px rgba(11,37,69,.12)!important} #europa-glass-devis .egd-step>span{color:#fff;box-shadow:0 0 0 7px rgba(28,109,208,.12)} #europa-glass-devis .egd-service{background:#F6F9FD!important;color:#0B2545!important;border-color:rgba(11,37,69,.08)!important} #europa-glass-devis .egd-service:hover{background:#fff!important;border-color:rgba(28,109,208,.35)!important;box-shadow:0 10px 24px rgba(11,37,69,.08)!important} #europa-glass-devis .egd-check{border-color:rgba(11,37,69,.3)!important} #europa-glass-devis .egd-service input:checked+.egd-check::after{color:#fff} #europa-glass-devis .egd-service:has(input:checked){background:#EEF5FD!important;border-color:#1C6DD0!important;box-shadow:0 0 0 3px rgba(28,109,208,.14),0 10px 24px rgba(11,37,69,.08)!important} #europa-glass-devis .egd-service-icon{background:linear-gradient(150deg,#F2F8FE,#DCEBFA)!important;border-color:transparent!important;color:#1C6DD0!important} #europa-glass-devis .egd-service:has(input:checked) .egd-service-icon{background:#1C6DD0!important;color:#fff!important} #europa-glass-devis .egd-service-label{color:#0B2545!important} #europa-glass-devis .egd-field input,#europa-glass-devis .egd-field textarea{border-color:rgba(11,37,69,.14)!important;background:#F6F9FD!important;color:#0B2545!important} #europa-glass-devis .egd-field input:focus,#europa-glass-devis .egd-field textarea:focus,#europa-glass-devis .egd-field input:focus-visible,#europa-glass-devis .egd-field textarea:focus-visible{border-color:#1C6DD0!important;background:#fff!important;box-shadow:0 0 0 4px rgba(28,109,208,.12)!important} #europa-glass-devis .egd-field input:-webkit-autofill{-webkit-text-fill-color:#0B2545;-webkit-box-shadow:0 0 0 40px #EAF3FC inset!important;caret-color:#0B2545} #europa-glass-devis .egd-upload-section{background:#F3F8FE;border-color:rgba(11,37,69,.08)} #europa-glass-devis .egd-upload-title h3 b{color:#fff} #europa-glass-devis .egd-upload{border-color:rgba(28,109,208,.35)!important;background:#fff!important} #europa-glass-devis .egd-upload:hover{background:#fff!important;border-color:#1C6DD0!important} #europa-glass-devis .egd-upload-plus{background:rgba(28,109,208,.1)} #europa-glass-devis .egd-upload strong{color:#0B2545} #europa-glass-devis .egd-upload-preview,#europa-glass-devis .egd-upload.is-pdf .egd-upload-preview{background-color:#DCEBFA} #europa-glass-devis .egd-upload.has-file small{background:rgba(11,37,69,.78)} #europa-glass-devis .egd-upload-remove{color:#fff} #europa-glass-devis .egd-privacy-box{border-color:rgba(11,37,69,.3)} #europa-glass-devis .egd-privacy input:checked+.egd-privacy-box::after{color:#fff} #europa-glass-devis .egd-submit{color:#fff!important;box-shadow:0 12px 30px rgba(28,109,208,.32)!important} #europa-glass-devis .egd-submit:hover{background:#155CB4!important;box-shadow:0 16px 36px rgba(28,109,208,.42)!important} #europa-glass-devis .egd-feedback{border-color:rgba(192,57,43,.35);background:#FDECEA;color:#9B2C1F} #europa-glass-devis .egd-success{color:#0B2545} #europa-glass-devis .egd-success-icon{color:#fff;box-shadow:0 0 0 10px rgba(28,109,208,.14)} #europa-glass-devis .egd-success-btn{color:#fff!important;box-shadow:0 10px 26px rgba(28,109,208,.3)} #europa-glass-devis .egd-success-btn:hover{background:#155CB4;box-shadow:0 14px 32px rgba(28,109,208,.4)} @media(max-width:820px){#europa-glass-devis .egd-burger{border-color:rgba(11,37,69,.12)!important;background:#fff!important;color:#0B2545!important;box-shadow:0 4px 14px rgba(11,37,69,.08)!important}} .egd-mmwrap .egd-mm{background:rgba(255,255,255,.97);color:#0B2545} .egd-mmwrap a.egd-mm-logo{color:#0B2545!important} .egd-mmwrap .egd-mm-sub{color:#4A5D78} .egd-mmwrap label.egd-mm-close{background:#0B2545;color:#fff} .egd-mmwrap .egd-mm-nav a{color:#0B2545!important;border-bottom-color:rgba(11,37,69,.1)} .egd-mmwrap .egd-mm-nav a b{color:#1C6DD0} .egd-mmwrap .egd-mm-nav a.is-active{color:#1C6DD0!important} .egd-mmwrap a.egd-mm-quote{background:#1C6DD0;color:#fff!important} .egd-mmwrap a.egd-mm-tel{border-color:rgba(11,37,69,.14);background:#fff;color:#0B2545!important}