/* devis-base.css — consolidé Phase 3.3.f Sous-étape 1 */
/* Doublons fusionnés (last-wins respectant !important) */
/* Format: 1 sélecteur par ligne */

.cgucheck{width:95%;margin-top:15px}
.cgucheck a{text-decoration:underline}
.tvapopup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:rgba(0,0,0,0.7)}
.tvabox{position:absolute !important;top:50% !important;left:50% !important;transform:translate(-50%, -50%) !important;width:90% !important;background:#fff !important;padding:32px 28px 28px !important;font-size:14px;border-radius:10px !important;max-width:460px !important;box-shadow:0 10px 30px rgba(0,0,0,0.2) !important;box-sizing:border-box !important;height:auto !important;max-height:90vh !important;overflow-y:auto !important;display:flex !important;flex-direction:column !important;overflow:visible !important;/* plus d'overflow:auto qui causait le bug */
    max-height: none !important;/* plus de max-height qui tronquait */
    gap:12px !important}
.tvabox label{display:block}
.tvabox input[type=button]{margin-top:20px}
.tvabox input[type=text]{width:250px;padding:10px 15px}
#devisenligneorder .cgucheck{font-size:12px;padding:15px;width:auto}
.infotrait{display:block !important;font-size:12px;padding:0 15px;line-height:1.4 !important;margin-top:12px}
#devis_impression{width:100%;text-align:center;margin-bottom:5px !important;float:right;position:relative;padding-top:10px;padding-bottom:0 !important;border-bottom:none !important;border:none !important;padding:0 !important;background-color:transparent !important;background:transparent !important}
#CommandeRecap .caract_plus p .ChampLivraison{margin-top:0}
.bouton{color:#000;font-size:12px;cursor:pointer;position:absolute;left:0;bottom:0;text-transform:uppercase}
.bouton:hover{text-decoration:underline}
#Rappel #FORM_NOUVEAU .Champ1{width:96%;height:15px;border:1px solid #F5f5f5;font-size:11px;color:#000;margin:0 0 7px;padding:1px}
#Rappel #FORM_NOUVEAU select.Champ1{height:18px}
#devisenlignecontent{background-color:#8caec1 !important;padding:2%;width:96% !important;margin:0 !important;position:relative;float:left;padding-bottom:6px !important}
#devisenligne,#devisenligneorder,#devisenlignebottom,#devisemail{width:100%;position:relative;float:left}
#devisenlignetop img,#devisenligneorder img,#devisenlignebottom img,#demandespecifique img,#recevoirdevis img{width:100%;height:auto}
#devisenlignetop{width:100%;position:relative;float:left;text-align:center;margin-bottom:0 !important;color:#fff !important;font-size:1.7rem;background-color:#8caec1 !important;padding-top:10px !important}
#devisenlignetop span{font-size:27px;text-transform:uppercase}
#devisenligneorder img{width:100%;height:auto}
#devisenligneorder #devis_commander_on{display:block;width:100%;background-color:#feda43;color:#000;padding:12px 0;text-transform:uppercase;text-align:center;font-size:1.2rem;font-weight:600;transition:background-color 0.3s ease, transform 0.15s ease}
#devisenligneorder #devis_commander_off{display:block;width:100%;background-color:#e8e8e8 !important;color:#888 !important;padding:1% 0;text-transform:uppercase;text-align:center;cursor:not-allowed;font-weight:600}
#devisenligneorder #devis_commander_on:hover{background:-webkit-linear-gradient(top,#FFF,#f0c14b)}
#devisenlignebottom{margin-top:4px !important;margin-bottom:0 !important;background-color:#fff !important;margin:0 !important;padding:0 !important;/* aligné avec le padding interne du contenu */
    width:100% !important;box-sizing:border-box !important;width:100% !important;padding-bottom:0 !important}
#devisenlignebottom img{width:100%;height:auto}
#recevoirdevis,#demandespecifique{width:49%;position:relative;font-weight:700;background-color:#666;text-transform:uppercase;text-align:center;font-size:11px}
#recevoirdevis:hover,#demandespecifique:hover{background-color:#888}
#recevoirdevis a:hover,#demandespecifique a:hover,#devisenligneorder a:hover{text-decoration:none}
#demandespecifique{float:left}
#demandespecifique span{color:#fff;padding:5%;display:block;float:left;width:90%}
#demandespecifique img{width:30%;height:auto;float:left;margin-top:12%;margin-left:37%;margin-right:33%}
#recevoirdevis{float:right}
#recevoirdevis span{color:#fff;padding:5%;display:block;float:left;width:90%}
#recevoirdevis img{width:24%;height:auto;float:left;margin-top:8%;margin-left:38%;margin-right:38%}
#devisemail{width:100%;position:relative;float:left}
#FORM_DEVIS #devisenligne{padding-bottom:0;margin-left:0;float:right;text-align:left}
#FORM_DEVIS #devisenligne .ConceptionGraphique{font-weight:700;color:#000;font-size:14px}
#FORM_DEVIS #devisenligne .ConceptionGraphiquePrix{color:#5c7d8e;font-size:16px;font-weight:700;padding:1px;justify-content:center}
#FORM_DEVIS #devisenligne .CaracPrix{line-height:27px;font-weight:700;color:#C00;font-size:24px;padding:1px;text-align:center;justify-content:center;display:flex;width:100%;margin-top:5px}
#FORM_DEVIS #devisenligne .LivraisonIncluse{font-size:14px;color:#C00;line-height:10px}
#FORM_DEVIS #devisenligne .Delai{text-align:center;font-weight:700;color:#C00;font-size:15px}
#FORM_DEVIS #devisenligne .ZoneEmail{background-color:#F3F3F3;padding:20px;color:#000;font-weight:700}
#FORM_DEVIS #devisenligne .ZoneEmail .cgucheck{padding:15px 0;margin-top:16px !important;line-height:1.5}
#FORM_DEVIS #devisenligne .ZoneEmail td{color:#000;font-weight:700}
#FORM_DEVIS #devisenligne .ZoneEmail input.champ{font-size:14px !important;height:auto !important;color:#999;border:1px solid #d8d8d8;background-color:#FFF;margin:0;padding:10px 12px !important;width:60% !important;border-radius:4px !important;box-sizing:border-box}
#FORM_DEVIS #devisenligne .ZoneEmail input.bouton{height:auto !important;background-color:#8caec1 !important;color:#fff !important;width:auto !important;border:none;cursor:pointer;margin:0;padding:10px 24px !important;position:relative;font-size:14px !important;border-radius:4px !important;margin-left:8px !important}
#FORM_DEVIS #devisenligne .ZoneEmail input.annuler{height:auto !important;background-color:#ababab !important;color:#fff !important;width:auto !important;border:none;cursor:pointer;margin:0 0 0 30px;padding:10px 24px !important;position:relative;font-size:14px !important;border-radius:4px !important;margin-left:8px !important}
.devis-form-container{max-width:900px}
.devis-form-row-group{padding:15px;background-color:#fff}
.devis-form-row{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:10px;padding-bottom:15px}
.devis-form-row:last-child{border-bottom:none}
.devis-form-label{flex:1;min-width:150px;color:#333;font-weight:700;font-size:1rem;line-height:1.4;width:100%;text-align:center;justify-content:center;margin-bottom:5px}
.devis-form-input{flex:1 1 100% !important;min-width:100% !important;width:100% !important}
.devis-form-input .Champ,.devis-form-input input[type="text"]{width:100%;padding:10px 12px;border:none;border-radius:4px;font-size:.95rem;font-weight:500;background-color:#8caec1;color:#fff;box-shadow:none;background-image:none;appearance:none;-webkit-appearance:none;-moz-appearance:none}
.devis-form-input select{width:100%;padding:10px 12px;border:none;border-radius:4px;font-size:.95rem;font-weight:500;background-color:#8caec1;color:#fff;box-shadow:none;background-image:none}
#devis_impression .devis-form-input select.Champ{background-image:url('data:image/svg+xml;utf8,<svg fill="white" viewBox="0 0 10 6" xmlns="http://www.w3.org/2000/svg"><path d="M0 0l5 6 5-6z"/></svg>');background-repeat:no-repeat;background-position:right 12px center;background-size:12px}
.devis-form-input .Champ:focus,.devis-form-input select:focus,.devis-form-input input[type="text"]:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40;outline:none}
.devis-form-input input[type="checkbox"]{margin-right:2px;width:auto}
.CaracPrix{font-size:1.3rem;font-weight:700;color:#5c7d8e}
.LivraisonIncluse{font-size:.85rem;color:#6c757d;font-weight:400;display:block;margin-top:5px}
.ConceptionGraphiquePrix{display:flex;align-items:center;font-size:1.1rem;font-weight:700;color:#007bff}
#Connexion #FORM_NOUVEAU .Champ1{width:96%;height:15px;border:1px solid #F5f5f5;font-size:11px;color:#000;margin:0 0 7px;padding:1px;text-align:right}
#Connexion #FORM_NOUVEAU select.Champ1{height:18px}
#FORM_DEJA .Champ1{width:90%;height:16px;border:1px solid #666;font-size:14px;color:#000;margin:5px 0 10px;padding:5px;border-radius:3px}
#CommandeRecap .ChampLivraison, #CommandeRecap .ChampCommentaire{border:1px #CCC solid;padding:5px;margin-top:5px;margin-bottom:5px;width:100%}
.btvalider,.btmodifier,.btcommander,.btannuler{display:inline-block;width:132px;height:26px;text-align:center;border:none;padding:0;line-height:26px;font-size:15px;cursor:pointer;opacity:.8;color:#fff;text-transform:uppercase}
.btvalider:hover,.btmodifier:hover,.btcommander:hover,.btannuler:hover{opacity:1}
.btvalider{background-color:#8caec1}
#CommandePack #FORM_NOUVEAU .Champ1{width:96%;height:15px;border:1px solid #F5f5f5;font-size:11px;color:#000;margin:0 0 7px;padding:1px}
#CommandePack #FORM_NOUVEAU select.Champ1{height:18px}

@media (max-width: 640px) {
#CommandeRecap .ChampLivraison, #CommandeRecap .ChampCommentaire{width:100% !important;box-sizing:border-box;}
}

@media (max-width: 780px) {
.devis-form-container{padding:15px}
.devis-form-row{flex-direction:column;align-items:flex-start}
.devis-form-label{width:100%;padding-right:0;margin-bottom:8px;text-align:left}
.devis-form-input{width:100%;min-width:unset}
.devis-form-input .Champ,.devis-form-input select,.devis-form-input input[type="text"]{padding:8px 10px;font-size:.9rem}
}

@media (max-width: 480px) {
.devis-form-container{padding:10px}
.devis-form-label{font-size:.95rem}
.CaracPrix{font-size:1.2rem}
.ConceptionGraphiquePrix{font-size:1rem}
}

@media (max-width:780px) {
.tvabox{width: 80%;font-size: 12px;} .tvabox label{margin-bottom: 20px}
#demandespecifique img{width:16%;height:auto;float:left;margin-top:11%;margin-left:44%; margin-right:40%;}
#recevoirdevis img{width:14%;height:auto;float:left;margin-top:7.5%;margin-left:43%; margin-right:43%;}
#devis_impression{width:100%;text-align:center;margin-bottom:5px;float:left;position:relative}
}
/* Bouton COMMANDER : gris standard quand non-cliquable */
/* Selects : pleine largeur (override legacy #FORM_DEVIS #devisenligne select.Champ width:102px) */
#FORM_DEVIS #devisenligne select.Champ,
#FORM_DEVIS #devisenligne .devis-form-input select,
#FORM_DEVIS #devisenligne .devis-form-input .Champ{width:100% !important;height:auto !important;padding:10px 12px !important;font-size:0.95rem !important;border:none !important;border-radius:4px !important;line-height:1.4 !important}
/* Devis-form-input doit prendre toute la largeur (pas de flex:2 partagé) */
/* Boutons DEVIS SUR MESURE / RECEVOIR : layout flex propre pour icônes FA */
#demandespecifique,
#recevoirdevis{width:auto !important;padding:14px 8px !important;box-sizing:border-box !important;text-align:center !important;height:auto !important;min-height:88px !important;overflow:visible !important;display:flex !important;align-items:stretch !important;background-color:#6c757d !important;flex:1 1 50% !important}
#demandespecifique a,
#recevoirdevis a{display:flex !important;flex-direction:row !important;align-items:center !important;justify-content:center !important;gap:8px !important;color:#fff !important;text-decoration:none !important;width:100% !important;height:100% !important;padding:14px 8px !important;box-sizing:border-box !important;white-space:nowrap !important;flex-wrap:nowrap !important;overflow:hidden !important;/* parent reste sur 1 ligne (icône + span) */
    overflow:visible !important;/* annule overflow:hidden */
    white-space: normal !important}
#demandespecifique i,
#recevoirdevis i{margin:0 !important;line-height:1 !important;flex:0 0 auto !important;font-size:13px !important}
#demandespecifique span,
#recevoirdevis span{float:none !important;width:auto !important;padding:0 !important;margin:0 !important;text-align:left !important;line-height:1.2 !important;font-size:11px !important;text-transform:uppercase;white-space:normal !important;overflow:hidden !important;text-overflow:clip !important;flex:0 1 auto !important;/* annule nowrap → wrap autorisé */
    overflow:visible !important}
/* Fenêtre email RECEVOIR CE DEVIS : boutons modernes */
/* === ConceptionGraphique : centré et bien aligné === */
.devis-form-row .devis-form-label.ConceptionGraphique{text-align:center !important;margin-bottom:6px !important;height:auto !important;line-height:1.3 !important}
.devis-form-row .devis-form-input.ConceptionGraphiquePrix{justify-content:center !important;align-items:center !important;gap:8px !important;width:100% !important;flex:1 1 100% !important}
/* === Délais → COMMANDER : moins d'espace === */
.devis-form-row .devis-form-label.Delai{margin:6px 0 !important;padding:0 !important;height:auto !important}
#devisenligneorder{margin-top:4px !important;margin-bottom:0 !important;background-color:transparent !important;padding:0 !important;margin:10px 0 10px !important;box-sizing:border-box !important;width:100% !important;/* 8px haut, 6px bas (espace avant les 2 boutons) */
    box-sizing:border-box !important}
/* === Boutons DEVIS SUR MESURE / RECEVOIR : pas de coupure, hauteur auto === */
#devis_impression,
#devisenlignecontent,
#devisenligne{overflow:visible !important}
/* === Fenêtre email : layout propre, neutralise legacy bg-image === */
.tvabox p{display:inline-block;margin-right:8px;margin-bottom:0;font-weight:600}
#FORM_DEVIS #devisenligne .ZoneEmail .impression-imprimer_txtbold > *{display:inline-block;vertical-align:middle}
#FORM_DEVIS #devisenligne .ZoneEmail input.bouton,
#FORM_DEVIS #devisenligne .ZoneEmail input.annuler{background-image:none !important;/* tue les éventuels bg-image legacy */
    display:inline-block !important;vertical-align:middle !important;margin-top:0 !important}
#FORM_DEVIS #devisenligne .ZoneEmail .cgucheck label{cursor:pointer}
/* PW/PC = vert, IC sera surchargé via règle spécifique plus bas */
/* Override IC seulement : bouton OK en bleu carterie */
#FORM_DEVIS #devisenligne .ZoneEmail,
.tvabox .ZoneEmail{background-color:transparent !important;padding:0 !important;color:#333 !important;font-weight:400 !important}
#FORM_DEVIS #devisenligne .ZoneEmail .impression-imprimer_txtbold,
.tvabox .impression-imprimer_txtbold{display:flex !important;flex-direction:column !important;gap:14px !important;font-weight:600 !important;color:#333 !important}
#FORM_DEVIS #devisenligne .ZoneEmail .impression-imprimer_txtbold p,
.tvabox .impression-imprimer_txtbold p{margin:0 !important;font-size:14px !important;font-weight:600 !important;color:#333 !important}
#FORM_DEVIS #devisenligne .ZoneEmail input.champ,
.tvabox input.champ{width:100% !important;padding:11px 14px !important;height:auto !important;font-size:14px !important;border-radius:6px !important;border:1px solid #d0d0d0 !important;box-sizing:border-box !important;color:#333 !important}
/* Wrapper des 2 boutons OK / Annuler côte à côte */
.tvabox .email-buttons,
#FORM_DEVIS #devisenligne .ZoneEmail .email-buttons{display:flex !important;gap:10px !important;margin-top:4px !important}
#FORM_DEVIS #devisenligne .ZoneEmail input.bouton,
#FORM_DEVIS #devisenligne .ZoneEmail input.annuler,
.tvabox input.bouton,
.tvabox input.annuler{background-image:none !important;width:auto !important;height:auto !important;padding:11px 0 !important;border-radius:6px !important;font-size:14px !important;font-weight:600 !important;border:none !important;cursor:pointer !important;flex:1 !important;margin:0 !important;text-align:center !important}
.tvabox input.bouton{background-color:#8caec1 !important;/* pw/pc vert */
    color:#fff !important}
.tvabox input.annuler{background-color:#f0f0f0 !important;color:#333 !important}
/* CGU en dessous, espacement clean */
#FORM_DEVIS #devisenligne .ZoneEmail .cgucheck,
.tvabox .cgucheck{margin-top:18px !important;padding:0 !important;font-size:13px !important;font-weight:400 !important;line-height:1.5 !important}
.tvabox .cgucheck label{cursor:pointer;color:#555 !important;display:block}
.tvabox .cgucheck i{font-style:italic;color:#555}
/* Texte info traitement données */
.tvabox .infotrait{line-height:1.5 !important;margin-top:12px !important;padding:0 !important;display:block !important;font-size:11px !important;color:#777 !important;width:100% !important}
/* Override IC : bouton OK fenêtre email en bleu */
/* Container popup */
/* Wrapper email - flex column propre */
.tvabox #devisemail,
.tvabox .ZoneEmail,
.tvabox .impression-imprimer_txtbold{display:flex !important;flex-direction:column !important;gap:12px !important;background:transparent !important;padding:0 !important;color:#333 !important;font-weight:400 !important;width:100% !important}
/* Label E-mail */
.tvabox p,
.tvabox .impression-imprimer_txtbold p{margin:0 !important;font-size:14px !important;font-weight:600 !important;color:#333 !important;text-align:left !important}
/* Input email */
.tvabox input[type="text"].champ,
.tvabox input.champ{width:100% !important;max-width:100% !important;padding:11px 14px !important;height:auto !important;font-size:14px !important;border-radius:6px !important;border:1px solid #d0d0d0 !important;box-sizing:border-box !important;color:#333 !important;background:#fff !important;margin:0 !important;display:block !important}
/* Wrapper boutons OK + Annuler côte à côte */
.tvabox .email-buttons{display:flex !important;flex-direction:row !important;gap:10px !important;margin:0 !important;width:100% !important;margin-top:18px !important;flex-shrink:0 !important;position:relative !important;/* gros espace clair avec le texte au-dessus */
    width:100% !important;z-index:auto !important;clear:both}
/* Boutons OK + Annuler — robustesse maximale */
.tvabox .email-buttons input,
.tvabox .email-buttons input.bouton,
.tvabox .email-buttons input.annuler,
.tvabox input[type="submit"].bouton,
.tvabox input[type="button"].annuler{background-image:none !important;width:100% !important;min-width:120px !important;height:auto !important;min-height:42px !important;padding:11px 16px !important;border-radius:6px !important;font-size:14px !important;font-weight:600 !important;border:none !important;cursor:pointer !important;flex:1 1 0 !important;margin:0 !important;text-align:center !important;display:inline-block !important;box-sizing:border-box !important;line-height:1.2 !important;appearance:none !important;-webkit-appearance:none !important}
.tvabox input[type="submit"].bouton,
.tvabox .email-buttons input.bouton{background-color:#8caec1 !important;/* pw/pc vert, ic override plus bas */
    color:#fff !important}
.tvabox input[type="button"].annuler,
.tvabox .email-buttons input.annuler{background-color:#f0f0f0 !important;color:#333 !important}
/* CGU + infos */
.tvabox .cgucheck{margin-top:6px !important;padding:0 !important;font-size:13px !important;font-weight:400 !important;line-height:1.5 !important;width:100% !important}
/* Override IC final : bouton OK email en bleu (priorité maximale) */
/* ===== Croix X de fermeture (3 sites) ===== */
.tvabox-close{position:absolute !important;top:8px !important;right:12px !important;width:32px !important;height:32px !important;background:transparent !important;border:none !important;font-size:28px !important;line-height:1 !important;cursor:pointer !important;color:#999 !important;padding:0 !important;z-index:10;transition:color 0.15s ease;font-weight:300}
.tvabox-close:hover{color:#333 !important}
/* Le bouton OK seul prend toute la largeur (puisque plus d'Annuler à côté) */
.tvabox .email-buttons input.bouton{flex:1 1 100% !important;width:100% !important;position:relative !important}
/* ===== Modale info-cg : éviter chevauchement ===== */
.tvabox-info{padding:32px !important;text-align:left !important;position:relative !important;top:auto !important;left:auto !important;transform:none !important;margin:auto !important;display:flex !important;flex-direction:column !important;max-width:480px !important;width:90% !important;background:#fff !important;border-radius:10px !important;max-height:none !important;overflow:visible !important}
.tvabox-info .tvabox-title{margin:0 0 16px !important;padding-right:32px}
.tvabox-info p{margin:0 0 12px !important;font-weight:400 !important}
.tvabox-info p.tvabox-info-secondary{margin-top:16px !important;font-weight:400 !important;color:#555 !important;font-size:13px !important}
.tvabox-info .email-buttons{margin-top:14px !important;justify-content:flex-end !important;width:100% !important;display:flex !important;position:relative !important;flex-shrink:0 !important}
.tvabox-info .email-buttons .bouton{flex:0 0 auto !important;width:auto !important;min-width:140px !important}
/* ===== PW : padding boutons + marges réduites ===== */
/* Réduire toute la marge en bas du #devis_impression (la zone verte) */
/* Le wrapper #devisenlignecontent : padding réduit en bas */
/* ===== Reset position de .tvabox : on garde le natif (absolute + transform center) ===== */
/* On override notre précédent position:relative en absolute (le natif) */
/* La croix X reste position:absolute par rapport à .tvabox (qui est elle-même absolute → contexte créé) */
/* ===== Modale info-cg : centrage strict ===== */
/* Le inline style="display:flex" du onclick s'applique sur le parent .tvapopup-info */
.tvapopup-info{align-items:center !important;justify-content:center !important}
/* La box info à l'intérieur : NE PAS hériter du position:absolute, utiliser le centrage flex du parent */
/* ===== Boutons "devis sur mesure" / "recevoir par email" : retire le fond vert ===== */
/* Le fond vert vient de #devis_impression. On le neutralise en bas via padding */
/* On rend la zone des boutons hors du fond vert via background blanc + margin négatif */
/* Ajustement marge top pour compenser */
/* Les boutons gardent leur fond gris distinct */
#demandespecifique:hover,
#recevoirdevis:hover{background-color:#5a6268 !important}
/* ===== Retire la border de #devis_impression ===== */
/* ===== Bouton COMMANDER : coins arrondis ===== */
#devisenligneorder #devis_commander_on,
#devisenligneorder #devis_commander_off{border-radius:4px !important;width:100% !important;box-sizing:border-box !important;display:block !important}
/* ===== Bouton "J'ai compris" dans modale info-cg : ULTRA visible ===== */
.tvabox-info .email-buttons button.bouton,
.tvabox-info .email-buttons .bouton{flex:0 0 auto !important;width:auto !important;min-width:140px !important;padding:11px 20px !important;background-color:#8caec1 !important;color:#fff !important;border:none !important;border-radius:6px !important;font-weight:600 !important;cursor:pointer !important;font-size:14px !important;display:inline-block !important;text-align:center !important;appearance:none !important;-webkit-appearance:none !important}
.tvabox-info .email-buttons button.bouton:hover,
.tvabox-info .email-buttons .bouton:hover{background-color:#6a93a8 !important}
/* ===== Modale devisemail : flex column avec bouton OK qui ne déborde PAS ===== */
/* Le contenu interne se met aussi en flex column pour bien gérer le flux */
.tvabox > #devisemail{display:flex !important;flex-direction:column !important;gap:12px !important;width:100% !important}
/* Bouton OK : à sa taille naturelle, ne s'étire pas, ne déborde pas */
/* ===== Modale info-cg : centrage propre, override hérité de .tvabox ===== */
/* La modale .tvabox-info a hérité du flex column ci-dessus, on garde mais on annule position */
/* Le bouton "J'ai compris" : à droite, dans le flux du flex column parent */
.tvabox-info .email-buttons button.bouton{flex:0 0 auto !important;width:auto !important;position:relative !important}
/* ===== Fond vert s'arrête avant COMMANDER ===== */
/* ===== Reset position dans .tvabox : tout dans le flux normal ===== */
.tvabox > *{position:relative !important}
.tvabox > .tvabox-close{position:absolute !important}
/* Reset position sur les enfants de #devisemail */
.tvabox > #devisemail > *{position:relative !important}
/* Bouton OK : ULTRA dans le flux, jamais flottant */
/* ===== COMMANDER pleine largeur de la box ===== */
/* ===== Les 2 boutons en bas : pleine largeur (mêmes dimensions que COMMANDER) ===== */
#devisenlignebottom.devis-secondary-actions,
#devisenlignebottom{display:flex !important;gap:6px !important;margin-top:10px !important}
/* === Round 9 PW : suppression fond vert + marges COMMANDER === */
/* === Round 10 PW : refonte couleurs box devis === */
/* Bouton "J'ai compris" modale info-cg : bleu IC au lieu de vert */
/* IC : ultra-spécifique pour vaincre les règles legacy résiduelles */
body #devis_impression{background:transparent !important;background-color:transparent !important;border:none !important;box-shadow:none !important}
/* PC + IC : annule nowrap, permet wrap sur 2 lignes */


/* ===== checkout-devis.php : extrait du <style> inline (vague 2 — 03/05/2026) — couleurs IC ===== */
.page-devis-checkout main {max-width:1100px; margin:30px auto; padding:0 16px}
.page-devis-checkout h1 {font-size:22px; font-family:'Inter',system-ui,sans-serif}
.page-devis-checkout h2 {font-size:18px; text-transform:uppercase; color:#8caec1; font-family:'Inter',system-ui,sans-serif}
.pw-grid {display:grid; grid-template-columns:1fr 1fr; gap:24px}
.pw-card {background:#fff; border:1px solid #eee; border-radius:12px; padding:22px; font-size:15px; line-height:22px; font-family:'Inter',system-ui,sans-serif}
.pw-muted {color:#666; font-size:18px}
.pw-price {font-size:20px; font-weight:700}
.pw-actions {display:flex; gap:12px; flex-wrap:wrap; margin-top:16px}
.pw-btn {display:inline-block; padding:12px 18px; border-radius:10px; text-decoration:none; border:1px solid #111}
.pw-btn-primary {background:#111; color:#fff; border-color:#111}
#devis_commander_on {display:inline-block; width:250px; background-color:#8caec1; color:#fff; padding:15px 0; margin-top:40px; margin-left:auto; margin-right:auto; text-transform:uppercase; text-align:center; font-size:16px; font-weight:700; border-radius:4px; font-family:'Inter',system-ui,sans-serif}
#devis_commander_on:hover {background-color:#5e8497}
@media (max-width:900px) {.pw-grid {grid-template-columns:1fr}}

/* === Fix collage menu IC : espace au-dessus du contenu (3.3.f temp, refonte CSS Phase 5) === */
.page-devis-checkout main {margin-top: 60px}
