/* --- SÉLECTION PAYS AVEC DRAPEAUX --- */

    .country_select .dd { 
        position: relative; 
    }
    .country_select .dd__btn {
      width: 100%;
      display: flex; 
      align-items: center; 
      justify-content: space-between;
      gap: 10px;
      padding: 10px 12px;
      cursor: pointer; 
      /* background-color: rgba(15, 23, 42, 0.9); */
      background-color: #e5e7eb;
      border-radius: 0.5em;
    }
    .country_select .dd__btnLeft { 
        display:flex; 
        align-items:center; 
        gap:10px; 
        min-width:0; 
        font-size: 0.9em;
    }
    .country_select .dd__flag { 
        width: 32px; 
        height: 24px; 
        border: 1px solid #ddd; 
        border-radius: 3px; 
        object-fit: cover; 
        flex: 0 0 auto; 
    }
    .country_select .dd__text { 
        white-space: nowrap; 
        overflow: hidden; 
        text-overflow: ellipsis; 
    }
    .country_select .dd__chev { opacity: .7; }

    .country_select .dd__list {
      position: absolute; z-index: 50;
      width: 100%;
      margin-top: -358px;
      border: 1px solid #ccc; 
      border-radius: 10px;
      /* background: rgba(15, 23, 42, 0.9); */
      background: rgb(15, 23, 42);
      background-color: #e5e7eb;
      max-height: 350px; 
      overflow: auto;
      padding: 6px;
      box-shadow: 0 10px 25px rgba(0,0,0,.08);
    }
    .country_select .dd__opt {
      display:flex; align-items:center; gap:10px;
      padding: 8px 10px;
      border-radius: 8px;
      cursor: pointer;
    }
    .country_select .dd__opt:hover { 
        background: rgba(59, 91, 168, 0.8);
    }
    .country_select .dd__opt[aria-selected="true"] {  
        background: rgba(59, 91, 168, 0.8);
    }
    .country_select .dd__opt:focus { 
        outline: 2px solid #000; 
        outline-offset: 1px; 
    }

    .country_select .row { 
        display:flex; 
        gap:12px; 
    .result { 
        margin-top: 14px; 
        display:flex; 
        gap:10px; 
    }