/** * In'Box Postal Autocomplete * Styles autocomplétion code postal * * @version 1.0.7 * @author In'Box Container * @license GPL-2.0-or-later * * Variables CSS personnalisables:* --ibx-postal-z-index:1000 * --ibx-postal-border-radius:4px * --ibx-postal-shadow:0 4px 12px rgba(0, 0, 0, 0.15) * --ibx-postal-bg:#fff * --ibx-postal-border:#ccc * --ibx-postal-hover:#f0f0f1 * --ibx-postal-selected:#e5f3ff * --ibx-postal-valid:#166d16 (WCAG AA 6.27:1) * --ibx-postal-valid-bg:#f0fff0 * --ibx-postal-error:#b91c1c (WCAG AA 5.85:1) * --ibx-postal-error-bg:#fff0f0 */:root{--ibx-postal-z-index:1000;--ibx-postal-border-radius:4px;--ibx-postal-shadow:0 4px 12px rgba(0, 0, 0, 0.15);--ibx-postal-bg:#fff;--ibx-postal-border:#ccc;--ibx-postal-hover:#f0f0f1;--ibx-postal-selected:#e5f3ff;--ibx-postal-valid:#166d16;--ibx-postal-valid-bg:#f0fff0;--ibx-postal-error:#b91c1c;--ibx-postal-error-bg:#fff0f0;}.ibx-postal-wrap{position:relative;display:block;overflow:visible;}/* Permettre aux icônes des gestionnaires de mots de passe de s'afficher */.ibx-postal-wrap input{position:relative;}/* Dropdown */.ibx-postal-list{position:absolute;top:100%;left:0;min-width:280px;width:max-content;max-width:min(400px, 90vw);margin-top:2px;background:var(--ibx-postal-bg);border:1px solid var(--ibx-postal-border);border-radius:var(--ibx-postal-border-radius);box-shadow:var(--ibx-postal-shadow);z-index:var(--ibx-postal-z-index);max-height:280px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;display:none;}.ibx-postal-list.ibx-postal-open{display:block;}/* Items */.ibx-postal-item{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;border-bottom:1px solid #eee;background:var(--ibx-postal-bg);-webkit-tap-highlight-color:transparent;}.ibx-postal-item:last-child{border-bottom:none;}.ibx-postal-item:hover,.ibx-postal-item.ibx-postal-focus{background:var(--ibx-postal-hover);}.ibx-postal-item[aria-selected="true"]{background:var(--ibx-postal-selected);}.ibx-postal-item:focus{outline:2px solid #2271b1;outline-offset:-2px;}/* Drapeau */.ibx-postal-flag{width:32px;height:24px;flex-shrink:0;object-fit:contain;border-radius:3px;}/* Informations */.ibx-postal-info{flex:1;min-width:0;overflow:hidden;}.ibx-postal-ville{font-weight:600;color:#1d2327;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.ibx-postal-region{font-size:12px;color:#50575e;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}/* Message vide */.ibx-postal-vide{padding:12px;text-align:center;color:#50575e;font-style:italic;font-size:13px;}/* Erreur API */.ibx-postal-erreur-api{color:#996800;background:#fff8e5;}.ibx-postal-erreur-api small{font-size:11px;opacity:0.8;}/* Message fallback (mode hors-ligne) */.ibx-postal-fallback-notice{padding:8px 12px;background:#fff8e5;color:#996800;font-size:12px;border-bottom:1px solid #ffe5a0;text-align:center;}/* Zone live (masquée visuellement) */.ibx-postal-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;}/* Message d'erreur - Style CF7 natif */.ibx-postal-erreur{color:var(--ibx-postal-error);font-size:1em;font-weight:normal;display:none;margin-top:0.5em;}/* État invalide - reprend le style CF7 */.wpcf7 input.wpcf7-not-valid,input.wpcf7-not-valid{border-color:var(--ibx-postal-error);}/* État validé */.ibx-postal-valide{border-color:var(--ibx-postal-valid) !important;background-color:var(--ibx-postal-valid-bg, #f0fff0) !important;}/* Label ville sélectionnée - Peut déborder du conteneur */.ibx-postal-ville-label{display:inline-block;position:relative;width:max-content;max-width:none;margin-top:10px;padding:10px 14px;font-size:14px;line-height:1.4;color:var(--ibx-postal-valid);background:var(--ibx-postal-valid-bg, #f0fff0);border-radius:6px;border:1px solid var(--ibx-postal-valid);box-sizing:border-box;white-space:nowrap;}/* Permettre le débordement dans les parents CF7/Bootstrap */.wpcf7-form-control-wrap{overflow:visible !important;}.ibx-postal-ville-label .ibx-postal-label-ville{font-weight:600;}.ibx-postal-ville-label .ibx-postal-label-count{display:block;font-size:12px;font-weight:400;opacity:0.85;margin-top:4px;}/* Label erreur (rouge) */.ibx-postal-ville-label-erreur{color:var(--ibx-postal-error);background:var(--ibx-postal-error-bg, #fff0f0);border-color:var(--ibx-postal-error);}/* Responsive label ville */@media (max-width:768px){.ibx-postal-ville-label{font-size:13px;padding:8px 12px;margin-top:8px;}}@media (max-width:480px){.ibx-postal-ville-label{font-size:12px;padding:7px 10px;margin-top:6px;white-space:normal;width:auto;max-width:none;}.ibx-postal-ville-label .ibx-postal-label-count{font-size:11px;margin-top:3px;}}/* Écrans tactiles (mobile/tablette) */@media (hover:none) and (pointer:coarse){.ibx-postal-item{padding:14px 12px;min-height:48px;gap:12px;}.ibx-postal-flag{width:36px;height:27px;}.ibx-postal-ville{font-size:15px;}.ibx-postal-region{font-size:13px;}}/* Petits écrans (mobile) */@media screen and (max-width:480px){.ibx-postal-list{min-width:260px;max-width:90vw;max-height:50vh;border-radius:0 0 var(--ibx-postal-border-radius) var(--ibx-postal-border-radius);}.ibx-postal-item{padding:12px 10px;}.ibx-postal-fallback-notice{font-size:11px;padding:6px 10px;}}/* Très petits écrans */@media screen and (max-width:320px){.ibx-postal-flag{width:28px;height:21px;}.ibx-postal-ville{font-size:13px;}.ibx-postal-region{font-size:11px;}}/* Animations réduites */@media (prefers-reduced-motion:reduce){.ibx-postal-list{transition:none;}}/* Cacher le bloc de réponse CF7 vide (bug visuel) */.wpcf7 .wpcf7-response-output:empty,.wpcf7 .wpcf7-response-output[aria-hidden="true"]{display:none !important;}/* ===== VALIDATION TÉLÉPHONE ===== *//* Animation pour détecter l'autofill Chrome/Safari */@keyframes ibxAutofillDetect{from{opacity:1;}to{opacity:1;}}/* Appliquer l'animation quand autofill (téléphone) */input[data-ibx-tel-init="true"]:-webkit-autofill{animation-name:ibxAutofillDetect;animation-duration:0.001s;}/* Appliquer l'animation quand autofill (code postal) */input[data-postal-init="true"]:-webkit-autofill{animation-name:ibxAutofillDetect;animation-duration:0.001s;}/* Wrapper téléphone - Permettre le débordement */.ibx-tel-wrap{display:block;position:relative;overflow:visible;}/* Conteneur du label de statut téléphone */.ibx-tel-status{display:inline-block;width:max-content;max-width:none;margin-top:10px;white-space:nowrap;}/* Label valide téléphone - Peut déborder */.ibx-tel-label-valid{display:inline-block;width:max-content;padding:10px 14px;font-size:14px;font-weight:600;line-height:1.4;color:var(--ibx-postal-valid);background:var(--ibx-postal-valid-bg);border:1px solid var(--ibx-postal-valid);border-radius:6px;box-sizing:border-box;white-space:nowrap;}/* Label erreur téléphone - Peut déborder */.ibx-tel-label-error{display:inline-block;width:max-content;padding:10px 14px;font-size:14px;font-weight:600;line-height:1.4;color:var(--ibx-postal-error);background:var(--ibx-postal-error-bg);border:1px solid var(--ibx-postal-error);border-radius:6px;box-sizing:border-box;white-space:nowrap;}/* Responsive téléphone - Tablette */@media (max-width:768px){.ibx-tel-status{margin-top:8px;}.ibx-tel-label-valid, .ibx-tel-label-error{font-size:13px;padding:8px 12px;}}/* Responsive téléphone - Mobile */@media (max-width:480px){.ibx-tel-status{margin-top:6px;white-space:normal;width:auto;}.ibx-tel-label-valid, .ibx-tel-label-error{font-size:12px;padding:7px 10px;white-space:normal;width:auto;}}