/**
 * CSS Reset محلی برای افزونه Shahrokh Login
 * این فایل تمام استایل‌های پیش‌فرض مرورگر و قالب را برای المان‌های داخل فرم‌ها reset می‌کند
 * تا قالب‌های وردپرس نتوانند روی فرم‌های ما تاثیر بگذارند
 */

/* ==========================================================================
   Reset کلی برای تمام المان‌های داخل wrapper
   ========================================================================== */

.shahrokh-login-wrapper *,
.shahrokh-login-wrapper *::before,
.shahrokh-login-wrapper *::after,
.shahrokh-auth-container *,
.shahrokh-auth-container *::before,
.shahrokh-auth-container *::after,
.shahrokh-otp-modal *,
.shahrokh-otp-modal *::before,
.shahrokh-otp-modal *::after,
.shahrokh-profile-overlay *,
.shahrokh-profile-overlay *::before,
.shahrokh-profile-overlay *::after {
    box-sizing: border-box !important;
    margin: 0;
    padding: 0;
}

/* ==========================================================================
   Reset برای Input ها
   ========================================================================== */

.shahrokh-login-wrapper input,
.shahrokh-auth-container input,
.shahrokh-otp-modal input,
.shahrokh-profile-overlay input {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background: #ffffff !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    font-family: inherit !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
    color: #333 !important;
    outline: none !important;
    box-shadow: none !important;
    transition: border-color 0.3s ease !important;
    vertical-align: baseline !important;
}

.shahrokh-login-wrapper input[type="text"],
.shahrokh-login-wrapper input[type="email"],
.shahrokh-login-wrapper input[type="password"],
.shahrokh-login-wrapper input[type="tel"],
.shahrokh-login-wrapper input[type="number"],
.shahrokh-login-wrapper input[type="url"],
.shahrokh-auth-container input[type="text"],
.shahrokh-auth-container input[type="email"],
.shahrokh-auth-container input[type="password"],
.shahrokh-auth-container input[type="tel"],
.shahrokh-auth-container input[type="number"],
.shahrokh-auth-container input[type="url"],
.shahrokh-otp-modal input[type="text"],
.shahrokh-otp-modal input[type="tel"],
.shahrokh-profile-overlay input[type="text"],
.shahrokh-profile-overlay input[type="email"],
.shahrokh-profile-overlay input[type="tel"],
.shahrokh-profile-overlay input[type="number"],
.shahrokh-profile-overlay input[type="url"] {
    width: 100% !important;
    padding: 12px 15px !important;
    display: block !important;
}

.shahrokh-login-wrapper input[type="radio"],
.shahrokh-login-wrapper input[type="checkbox"],
.shahrokh-auth-container input[type="radio"],
.shahrokh-auth-container input[type="checkbox"],
.shahrokh-profile-overlay input[type="radio"],
.shahrokh-profile-overlay input[type="checkbox"] {
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 8px 0 0 !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

.shahrokh-login-wrapper input:focus,
.shahrokh-auth-container input:focus,
.shahrokh-otp-modal input:focus,
.shahrokh-profile-overlay input:focus {
    border-color: #0073aa !important;
    box-shadow: 0 0 0 1px #0073aa !important;
    outline: none !important;
}

.shahrokh-login-wrapper input:disabled,
.shahrokh-auth-container input:disabled,
.shahrokh-otp-modal input:disabled,
.shahrokh-profile-overlay input:disabled {
    opacity: 0.6 !important;
    cursor: not-allowed !important;
    background: #f5f5f5 !important;
}

/* ==========================================================================
   Reset برای Textarea
   ========================================================================== */

.shahrokh-login-wrapper textarea,
.shahrokh-auth-container textarea,
.shahrokh-profile-overlay textarea {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    width: 100% !important;
    padding: 12px 15px !important;
    background: #ffffff !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    font-family: inherit !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
    color: #333 !important;
    outline: none !important;
    box-shadow: none !important;
    resize: vertical !important;
    transition: border-color 0.3s ease !important;
    display: block !important;
}

.shahrokh-login-wrapper textarea:focus,
.shahrokh-auth-container textarea:focus,
.shahrokh-profile-overlay textarea:focus {
    border-color: #0073aa !important;
    box-shadow: 0 0 0 1px #0073aa !important;
    outline: none !important;
}

/* ==========================================================================
   Reset برای Select
   ========================================================================== */

.shahrokh-login-wrapper select,
.shahrokh-auth-container select,
.shahrokh-profile-overlay select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    width: 100% !important;
    padding: 12px 15px !important;
    background: #ffffff !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    font-family: inherit !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
    color: #333 !important;
    outline: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
    transition: border-color 0.3s ease !important;
    display: block !important;
}

.shahrokh-login-wrapper select:focus,
.shahrokh-auth-container select:focus,
.shahrokh-profile-overlay select:focus {
    border-color: #0073aa !important;
    box-shadow: 0 0 0 1px #0073aa !important;
    outline: none !important;
}

/* ==========================================================================
   Reset برای Button
   ========================================================================== */

.shahrokh-login-wrapper button,
.shahrokh-auth-container button,
.shahrokh-otp-modal button,
.shahrokh-profile-overlay button {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    color: inherit !important;
    cursor: pointer !important;
    outline: none !important;
    box-shadow: none !important;
    text-align: center !important;
    text-decoration: none !important;
    display: inline-block !important;
    vertical-align: baseline !important;
}

.shahrokh-login-wrapper button:focus,
.shahrokh-auth-container button:focus,
.shahrokh-otp-modal button:focus,
.shahrokh-profile-overlay button:focus {
    outline: none !important;
}

.shahrokh-login-wrapper button:disabled,
.shahrokh-auth-container button:disabled,
.shahrokh-otp-modal button:disabled,
.shahrokh-profile-overlay button:disabled {
    cursor: not-allowed !important;
    opacity: 0.6 !important;
}

/* ==========================================================================
   Reset برای Label
   ========================================================================== */

.shahrokh-login-wrapper label,
.shahrokh-auth-container label,
.shahrokh-profile-overlay label {
    display: block !important;
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    color: #555 !important;
    cursor: default !important;
}

/* ==========================================================================
   Reset برای Form
   ========================================================================== */

.shahrokh-login-wrapper form,
.shahrokh-auth-container form,
.shahrokh-profile-overlay form {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}

/* ==========================================================================
   Reset برای Paragraph
   ========================================================================== */

.shahrokh-login-wrapper p,
.shahrokh-auth-container p,
.shahrokh-otp-modal p,
.shahrokh-profile-overlay p {
    margin: 0 0 15px 0 !important;
    padding: 0 !important;
    font-family: inherit !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: #666 !important;
}

/* ==========================================================================
   Reset برای Headings
   ========================================================================== */

.shahrokh-login-wrapper h1,
.shahrokh-login-wrapper h2,
.shahrokh-login-wrapper h3,
.shahrokh-login-wrapper h4,
.shahrokh-login-wrapper h5,
.shahrokh-login-wrapper h6,
.shahrokh-auth-container h1,
.shahrokh-auth-container h2,
.shahrokh-auth-container h3,
.shahrokh-auth-container h4,
.shahrokh-auth-container h5,
.shahrokh-auth-container h6,
.shahrokh-otp-modal h1,
.shahrokh-otp-modal h2,
.shahrokh-otp-modal h3,
.shahrokh-otp-modal h4,
.shahrokh-otp-modal h5,
.shahrokh-otp-modal h6,
.shahrokh-profile-overlay h1,
.shahrokh-profile-overlay h2,
.shahrokh-profile-overlay h3,
.shahrokh-profile-overlay h4,
.shahrokh-profile-overlay h5,
.shahrokh-profile-overlay h6 {
    margin: 0 0 20px 0 !important;
    padding: 0 !important;
    font-family: inherit !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    color: #333 !important;
}

/* ==========================================================================
   Reset برای Links
   ========================================================================== */

.shahrokh-login-wrapper a,
.shahrokh-auth-container a,
.shahrokh-otp-modal a,
.shahrokh-profile-overlay a {
    color: #0073aa !important;
    text-decoration: none !important;
    background: transparent !important;
    outline: none !important;
    transition: color 0.3s ease !important;
}

.shahrokh-login-wrapper a:hover,
.shahrokh-auth-container a:hover,
.shahrokh-otp-modal a:hover,
.shahrokh-profile-overlay a:hover {
    color: #005a87 !important;
    text-decoration: underline !important;
}

.shahrokh-login-wrapper a:focus,
.shahrokh-auth-container a:focus,
.shahrokh-otp-modal a:focus,
.shahrokh-profile-overlay a:focus {
    outline: none !important;
}

/* ==========================================================================
   Reset برای Div و Span
   ========================================================================== */

.shahrokh-login-wrapper div,
.shahrokh-login-wrapper span,
.shahrokh-auth-container div,
.shahrokh-auth-container span,
.shahrokh-otp-modal div,
.shahrokh-otp-modal span,
.shahrokh-profile-overlay div,
.shahrokh-profile-overlay span {
    box-sizing: border-box !important;
}

/* ==========================================================================
   Reset برای List
   ========================================================================== */

.shahrokh-login-wrapper ul,
.shahrokh-login-wrapper ol,
.shahrokh-auth-container ul,
.shahrokh-auth-container ol,
.shahrokh-profile-overlay ul,
.shahrokh-profile-overlay ol {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.shahrokh-login-wrapper li,
.shahrokh-auth-container li,
.shahrokh-profile-overlay li {
    margin: 0 !important;
    padding: 0 !important;
}

/* ==========================================================================
   Reset برای Table
   ========================================================================== */

.shahrokh-login-wrapper table,
.shahrokh-auth-container table,
.shahrokh-profile-overlay table {
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    width: 100% !important;
}

.shahrokh-login-wrapper td,
.shahrokh-login-wrapper th,
.shahrokh-auth-container td,
.shahrokh-auth-container th,
.shahrokh-profile-overlay td,
.shahrokh-profile-overlay th {
    padding: 0 !important;
    margin: 0 !important;
    text-align: right !important;
}

/* ==========================================================================
   Reset برای IMG
   ========================================================================== */

.shahrokh-login-wrapper img,
.shahrokh-auth-container img,
.shahrokh-otp-modal img,
.shahrokh-profile-overlay img {
    max-width: 100% !important;
    height: auto !important;
    border: none !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

/* ==========================================================================
   فونت و Direction
   ========================================================================== */

.shahrokh-login-wrapper,
.shahrokh-auth-container,
.shahrokh-otp-modal,
.shahrokh-profile-overlay {
    direction: rtl !important;
    text-align: right !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif !important;
}