/* ============================================================
   WinnerSoft — phone-input-overrides.css
   ============================================================ */

   .iti { width:100%; display:block; position:relative; }

   .iti input[type="tel"] {
     width:100%; box-sizing:border-box;
     background:rgba(45,17,85,.4); border:1.5px solid rgba(168,85,247,.2);
     border-radius:12px; padding:14px 16px 14px 100px;
     color:var(--text,#f0e6ff); font-family:'Open Sans',sans-serif; font-size:16px;
     outline:none; transition:border-color .2s,box-shadow .2s,background .2s;
     -webkit-appearance:none; appearance:none; line-height:1.4;
   }
   .iti input[type="tel"]::placeholder { color:rgba(157,126,192,.35); }
   .iti input[type="tel"]:focus {
     border-color:var(--gold,#f5c518); background:rgba(45,17,85,.65);
     box-shadow:0 0 0 3px rgba(245,197,24,.12);
   }
   
   .iti__selected-flag {
     display:flex !important; align-items:center; height:100%;
     padding:0 8px 0 12px;
     background:rgba(168,85,247,.12); border-right:1px solid rgba(168,85,247,.2);
     border-radius:10px 0 0 10px; cursor:pointer; outline:none; gap:5px;
   }
   .iti__selected-flag:hover,
   .iti__selected-flag:focus { background:rgba(168,85,247,.22); }
   
   .iti--separate-dial-code .iti__selected-dial-code {
     color:var(--gold,#f5c518); font-weight:700; font-size:13px;
     font-family:'Montserrat',sans-serif; margin-left:4px;
   }
   
   .iti__arrow {
     width:0; height:0;
     border-left:4px solid transparent; border-right:4px solid transparent;
     border-top:4px solid rgba(157,126,192,.7); margin-left:4px; flex-shrink:0;
   }
   .iti__arrow--up { border-top:none; border-bottom:4px solid var(--gold,#f5c518); }
   
   /* Скрываем нативный дропдаун библиотеки */
   .iti__dropdown-content,
   .iti--inline-dropdown .iti__dropdown-content { display:none !important; visibility:hidden !important; }
   
   /* Валидация */
   .pf-group.has-error .iti input[type="tel"],
   .f-group.has-error   .iti input[type="tel"] { border-color:rgba(239,68,68,.55); background:rgba(239,68,68,.05); }
   .pf-group.is-valid   .iti input[type="tel"],
   .f-group.is-valid    .iti input[type="tel"] { border-color:rgba(74,222,128,.5); background:rgba(74,222,128,.04); }
   
   @media (max-width:600px) {
     .iti input[type="tel"] { padding:13px 12px 13px 88px; }
   }
   
   /* ══════════════════════════════════
      КАСТОМНЫЙ ДРОПДАУН
      position:fixed в body, z-index выше всего
      ══════════════════════════════════ */
   .wst-phone-dropdown {
     position:fixed;
     z-index:19999;
     background:#1a0836;
     border:1px solid rgba(168,85,247,.45);
     border-radius:12px;
     box-shadow:0 24px 64px rgba(0,0,0,.95), 0 0 0 1px rgba(168,85,247,.1);
     overflow:hidden;
     animation:wstDDIn .15s ease;
   }
   @keyframes wstDDIn {
     from { opacity:0; transform:translateY(-6px); }
     to   { opacity:1; transform:translateY(0); }
   }
   
   .wst-phone-search {
     display:block;
     width:calc(100% - 16px);
     padding:8px 12px;
     box-sizing:border-box;
     background:rgba(45,17,85,.9);
     border:1px solid rgba(168,85,247,.3);
     border-radius:8px;
     color:#f0e6ff;
     font-size:14px;
     outline:none;
     font-family:'Open Sans',sans-serif;
     -webkit-appearance:none;
   }
   .wst-phone-search::placeholder { color:rgba(157,126,192,.5); }
   .wst-phone-search:focus { border-color:var(--gold,#f5c518); }
   
   .wst-phone-list {
     list-style:none; padding:0 0 6px; margin:0;
     overflow-y:auto;
     scrollbar-width:thin;
     scrollbar-color:rgba(168,85,247,.4) transparent;
   }
   .wst-phone-list::-webkit-scrollbar { width:4px; }
   .wst-phone-list::-webkit-scrollbar-thumb { background:rgba(168,85,247,.4); border-radius:4px; }
   
   .wst-phone-item {
     display:flex; align-items:center; gap:10px;
     padding:9px 14px;
     color:rgba(240,230,255,.85);
     font-size:14px; cursor:pointer;
     transition:background .1s;
     font-family:'Open Sans',sans-serif;
     user-select:none; -webkit-user-select:none;
   }
   .wst-phone-item:hover { background:rgba(168,85,247,.22); color:#fff; }
   .wst-phone-item .iti__flag { flex-shrink:0; }
   .wst-phone-name { flex:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
   .wst-phone-code { color:var(--gold,#f5c518); font-weight:600; font-size:13px; flex-shrink:0; }
   
   .wst-phone-divider { height:1px; background:rgba(168,85,247,.2); margin:4px 0; display:block; }