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

   WinnerSoft — phone-input-overrides.css

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



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


   /* Телефон в открытой форме — высота как у остальных полей */
   .f-group .iti input[type="tel"] {
    padding: 13px 16px 13px 100px;   /* было 14px по вертикали */
    font-size: 14px;                 /* было 16px */
    border-width: 1px;               /* было 1.5px */
    border-radius: 10px;             /* как у .f-group input */
  }
  

   .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) {

    .f-group .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; }