/* ===============================================
   Styles communs (valables mobile + desktop)
   =============================================== */

.iti {
  width: 100% !important;
  position: relative;
}

.phone-module-idyll-input {
  width: 100%;
  padding-left: 52px !important;
  height: 42px !important;
}

.iti__flag-container {
  height: 100%;
}

/* Empêche 01GRID de couper */
#customer-form,
.form-group,
.customer-form,
.form-control {
  overflow: visible !important;
}

/* ===============================================
   🔵 DESKTOP UNIQUEMENT (le dropdown custom)
   =============================================== */
@media (min-width: 992px) {

  .phone-module-idyll-input {
    max-width: 380px;
  }

  .iti__country-list {
    position: absolute !important;
    top: calc(100% + 4px) !important;
    left: 0 !important;

    width: 100% !important;
    min-width: 260px;

    max-height: 260px !important;
    overflow-y: auto !important;

    background: #fff !important;
    border: 1px solid #ddd !important;
    border-radius: 6px !important;
    box-shadow: 0 6px 20px rgba(0,0,0,0.18) !important;
    padding: 6px 0 !important;
    z-index: 999999 !important;
  }
}

/* =============================================== */

.phone-module-idyll-error {
  color: #d20000;
  font-size: 0.85rem;
  margin-top: 4px;
}