/* Hide scrollbar on form panel */
.auth-scrollable { scrollbar-width: none; -ms-overflow-style: none; }
.auth-scrollable::-webkit-scrollbar { display: none; }

/* intl-tel-input overrides */
.iti { width: 100%; }
.iti input { padding-left: 90px !important; direction: ltr !important; text-align: left !important; font-size: 14px !important; }
.iti .iti__selected-dial-code { font-size: 14px !important; }
[dir="rtl"] .iti input { padding-left: 14px !important; padding-right: 90px !important; }
[dir="rtl"] .iti .iti__arrow { margin-left: 6px !important; }
[dir="ltr"] .iti input { padding-left: 90px !important; padding-right: 14px !important; }
[dir="ltr"] .iti__country-container { left: 0 !important; right: auto !important; }
.iti__search-input {
    outline: none !important;
    border: 1px solid rgba(0,0,0,0.14) !important;
    border-radius: 4px !important;
    padding: 8px 12px !important;
    font-size: 14px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    transition: border-color 0.2s;
}
.iti__search-input:focus { border-color: #000 !important; }

/* Focus yellow border */
#auth-app input:not([type="checkbox"]):not([type="hidden"]):not(.otp-input):focus,
#auth-app select:focus,
#auth-app textarea:focus { border-color: #ffce00 !important; }
#auth-app .border:focus-within { border-color: #ffce00 !important; }
#auth-app .iti:focus-within { border-color: #ffce00 !important; }
#auth-app .otp-input:focus { border-color: #ffce00 !important; }

/* Auth tab active state */
.auth-tab.active {
    background-color: #ffce00;
    border: 1px solid #ffce00;
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(10,13,18,0.05);
}

/* Custom checkbox checked state */
label:has(.peer:checked) > span:first-child {
    background-color: #ffce00;
    border-color: #ffce00;
}
label:has(.peer:checked) > span:first-child::after {
    content: '';
    display: block;
    width: 6px;
    height: 10px;
    border: solid black;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    margin-top: -1px;
}

/* Login page: show mobile menu on tablet */
@media (max-width: 1279px) {
    #winch-navbar .lg\:flex { display: none !important; }
    #winch-navbar #mobile-menu-btn { display: block !important; }
    #winch-navbar #mobile-menu:not(.hidden) { display: block !important; }
    #mobile-menu-backdrop:not(.hidden) { display: block !important; position: fixed !important; }
}