/* HIKMAT Membership — Member PIN Gate */
.hikmat-member-pin-gate.is-unlocked { display: none !important; }
.hikmat-member-pin-gate { width:100%; color:#fff; }
.hikmat-member-pin-gate, .hikmat-member-pin-gate * { box-sizing:border-box; }
.hikmat-member-pin-gate p,
.hikmat-member-pin-gate label,
.hikmat-member-pin-gate .hm-pin-status,
.hikmat-member-pin-gate .hm-pin-warning { color:#fff; }
.hikmat-member-pin-gate p { margin:0 0 16px; }
.hikmat-member-pin-gate .hm-pin-form { display:flex; flex-direction:column; gap:14px; }
.hikmat-member-pin-gate .hm-pin-field-group { display:flex; flex-direction:column; gap:6px; }
.hikmat-member-pin-gate input.hm-pin-new,
.hikmat-member-pin-gate input.hm-pin-confirm {
    display:block; width:100%; min-height:44px; margin:0; padding:10px 12px;
    border:1px solid #c8c8c8; border-radius:0 !important; outline:none;
}
.hikmat-member-pin-gate input.hm-pin-new.hm-pin-invalid,
.hikmat-member-pin-gate input.hm-pin-confirm.hm-pin-invalid,
.hikmat-member-pin-gate .hm-pin-digit.hm-pin-invalid { border-color:#d93025 !important; }
.hikmat-member-pin-gate .hm-pin-warning { display:none; min-height:16px; font-size:12px; line-height:1.35; }
.hikmat-member-pin-gate .hm-pin-warning.is-visible { display:block; }
.hikmat-member-pin-gate .hm-pin-set {
    width:100%; margin-top:12px; padding:11px 16px; border:1px solid #a8a8a8 !important;
    border-radius:0 !important; background:#a8a8a8 !important; color:#000 !important;
    box-shadow:none !important; cursor:pointer;
}
.hikmat-member-pin-gate .hm-pin-digits { display:flex; gap:8px; width:100%; }
.hikmat-member-pin-gate .hm-pin-digit {
    flex:1 1 0; min-width:0; height:48px; padding:0; text-align:center;
    border:1px solid #c8c8c8; border-radius:0 !important; outline:none;
    font-size:20px; line-height:48px;
}
.hikmat-member-pin-gate .hm-pin-status { min-height:18px; margin:0 0 10px; font-size:13px; }

.hikmat-pin-protected-hidden { display: none !important; }
.hikmat-member-pin-gate .hm-pin-status.is-error { color: #ff8a80; }
.hikmat-member-pin-gate .hm-pin-status.is-success { color: #fff; }

.hikmat-member-pin-gate p
{
    color: #000;
    font-weight: 200;
    font-size:14px;
}

.button.hm-pin-set
{
    color: #fff !important;
    background-color: #000 !important;
}

.hm-pin-status.is-error
{
    color: red !important;
}