/* 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;
}

/* Forgot PIN: same inline surface as the six-digit gate, no popup. */
.hikmat-member-pin-gate [hidden] { display:none !important; }
.hikmat-member-pin-gate .hm-pin-forgot,
.hikmat-member-pin-gate .hm-pin-reset-back {
    display:block; padding:0; margin:12px 0 0; border:0; background:transparent;
    color:#333; font:inherit; font-size:13px; text-decoration:underline; cursor:pointer;
}
.hikmat-member-pin-gate.is-resetting > p,
.hikmat-member-pin-gate.is-resetting > .hm-pin-existing-form,
.hikmat-member-pin-gate.is-resetting > .hm-pin-forgot,
.hikmat-member-pin-gate.is-resetting > .hm-pin-status { display:none; }
.hikmat-member-pin-gate .hm-pin-reset-form { color:#000; }
.hikmat-member-pin-gate .hm-pin-reset-fields { display:flex; flex-direction:column; gap:14px; margin-top:16px; }
.hikmat-member-pin-gate .hm-pin-reset-form label { display:flex; flex-direction:column; gap:6px; color:#000; font-size:13px; }
.hikmat-member-pin-gate .hm-pin-reset-form input { width:100%; min-height:44px; border:1px solid #c8c8c8; border-radius:0; padding:10px 12px; color:#000; background:#fff; font:inherit; }
.hikmat-member-pin-gate .hm-pin-reset-send,
.hikmat-member-pin-gate .hm-pin-reset-save { width:100%; min-height:44px; padding:10px; border:1px solid #000; background:#000; color:#fff; font:inherit; font-size:13px; cursor:pointer; }
.hikmat-member-pin-gate .hm-pin-reset-status { margin:12px 0 0; font-size:13px; line-height:1.5; color:#333; }
.hikmat-member-pin-gate .hm-pin-reset-status:empty { display:none; }
.hikmat-member-pin-gate .hm-pin-reset-status.is-error { color:#b42318; }
.hikmat-member-pin-gate .hm-pin-reset-form button:disabled { opacity:.55; cursor:wait; }
.hikmat-member-pin-gate input:focus-visible,
.hikmat-member-pin-gate button:focus-visible { outline:2px solid #88724d; outline-offset:3px; }

/*====================
CUSTOM STYLE
====================*/

.hm-pin-forgot,
.hm-pin-forgot:hover,
.hm-pin-forgot:focus,
.hm-pin-reset-back,
.hm-pin-reset-back:hover,
.hm-pin-reset-back:focus
{
    padding-top: 10px !important;
    padding-bottom: 50px !important;
    background: #fff !important;
    color: #000 !important;
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
}

.hm-pin-reset-form p 
{
    color: #000 !important;
    font-weight: 400 !important;
    
}

.hm-pin-reset-send,
.hm-pin-reset-send:hover,
.hm-pin-reset-send:focus,
.hm-pin-reset-save,
.hm-pin-reset-save:hover,
.hm-pin-reset-save:focus
{
    background: #000 !important;
    color: #fff !important;
    border-radius: 0 !important;
}