/* Module localisation (plugin ATS) : emplacement + rayon, deux champs indissociables */
.atsloc-ou { display: inline-flex; align-items: stretch; }
.atsloc-ou-field { position: relative; }
.atsloc-ou-input {
    display: block; box-sizing: border-box; width: 300px; height: 47px; min-height: 47px; max-height: 47px;
    margin: 0; padding: 0 64px 0 8px; line-height: 43px; vertical-align: middle;
    border: 2px solid #d1d4d4; border-radius: 4px 0 0 4px; border-right-width: 1px; background: #fff;
    font-size: 1.2rem; font-weight: 600; font-family: Urbanist, sans-serif; color: #000;
}
.atsloc-ou-input:hover, .atsloc-ou-input:focus { border-color: #ec5e24; outline: none; }
.atsloc-ou-input::-moz-placeholder { color: #757575; opacity: 1; }
.atsloc-ou-input::placeholder { color: #757575; opacity: 1; }
.atsloc-ou-input.has-value { color: #ec5e24; }
.atsloc-ou-field::after {
    content: "\e0c8"; font-family: 'Material Symbols Outlined'; position: absolute; right: 8px; top: 23px; transform: translateY(-50%);
    color: #ec5e24; font-size: 1.5rem; pointer-events: none; line-height: 1;
}
.atsloc-ou-clear {
    position: absolute; right: 36px; top: 23px; transform: translateY(-50%); border: 0; background: transparent;
    color: #757575; font-size: 1.4rem; line-height: 1; padding: 0 4px; cursor: pointer;
}
.atsloc-ou-clear:hover { color: #ec5e24; }
.atsloc-ou-list {
    position: absolute; z-index: 1080; left: 0; top: calc(100% + 4px); margin: 0; padding: 4px 0; list-style: none;
    background: #fff; border: 2px solid #d1d4d4; border-radius: 4px; box-shadow: 0 6px 20px rgba(0,0,0,.12); max-height: 320px; overflow-y: auto;
    font-family: Urbanist, sans-serif; text-align: left;
}
.atsloc-ou-list li.group { padding: 8px 12px 4px; font-size: .75rem; text-transform: uppercase; letter-spacing: .04em; color: #757575; }
.atsloc-ou-list li[role="option"] { padding: 8px 12px; font-size: 1rem; cursor: pointer; display: flex; justify-content: space-between; gap: 1rem; white-space: nowrap; }
.atsloc-ou-list li[role="option"] small { color: #757575; font-size: .8rem; }
.atsloc-ou-list li[role="option"].active, .atsloc-ou-list li[role="option"]:hover { background: #fdece4; }
.atsloc-ou-list li.empty { padding: 8px 12px; color: #757575; font-size: .95rem; }

/* rayon accolé à droite de l'emplacement */
.atsloc-rayon .select2-container--default .select2-selection--single {
    min-height: 47px; height: 47px; border: 2px solid #d1d4d4; border-left-width: 1px; border-radius: 0 4px 4px 0; padding: 2px 8px;
}
.atsloc-rayon .select2-container--default .select2-selection--single:hover { border-color: #ec5e24; }
.atsloc-rayon .select2-container--default.select2-container--disabled .select2-selection--single { background: #f4f4f4; }
.atsloc-rayon .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 41px; padding-left: 0; font-size: 1.1rem; font-weight: 600; font-family: Urbanist, sans-serif; color: #000; }
.atsloc-rayon .select2-container--default.select2-container--disabled .select2-selection__rendered { color: #9a9a9a; }
.atsloc-rayon .select2-container--default .select2-selection--single .select2-selection__arrow { height: 43px; }
.atsloc-rayon .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #ec5e24 transparent transparent transparent; }
.atsloc-rayon select { min-height: 47px; }

/* accueil : intégré au bloc « location » du formulaire */
.atsloc-home .atsloc-ou { flex-grow: 1; align-items: center; min-height: 40px; }
.atsloc-home .atsloc-ou-field { flex-grow: 1; display: flex; align-items: center; align-self: stretch; }
.atsloc-home .atsloc-ou-input { width: 100%; height: auto; min-height: 40px; max-height: 45px; line-height: 1.2; font-size: 1.5rem; font-weight: 300; padding: 0 40px 0 1rem; border: 0; border-radius: 0; background: transparent; }
.atsloc-home .atsloc-rayon { display: flex; align-items: stretch; align-self: stretch; }
.atsloc-home .atsloc-rayon .select2-container { height: 100%; }
.atsloc-home .atsloc-ou-field::after { content: none; }
.atsloc-home .atsloc-ou-clear { right: 8px; top: 50%; }
.atsloc-home .atsloc-rayon .select2-container--default .select2-selection--single { border: 0; border-left: 2px solid rgba(209,214,214,.4); border-radius: 0; height: 40px; min-height: 40px; background: transparent; }
.atsloc-home .atsloc-rayon .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 38px; }
.atsloc-home .atsloc-rayon .select2-container--default .select2-selection--single .select2-selection__arrow { height: 38px; }

@media (max-width: 767.98px) {
    .atsloc-ou { display: flex; flex-wrap: wrap; }
    .atsloc-ou-field { flex: 1 1 100%; }
    .atsloc-ou-input { width: 100%; border-radius: 4px 4px 0 0; border-right-width: 2px; border-bottom-width: 1px; }
    .atsloc-rayon { flex: 1 1 100%; }
    .atsloc-rayon .select2-container { width: 100% !important; }
    .atsloc-rayon .select2-container--default .select2-selection--single { border-radius: 0 0 4px 4px; border-left-width: 2px; border-top-width: 1px; }
}

/*# sourceMappingURL=atsloc-ou.css.map */