/*
	Theme Name: Hello Elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dashаа
	Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 3.4.4
	Stable tag: 3.4.4
	Requires at least: 6.0
	Tested up to: 6.8
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/
.cb-token-card {
    max-width: 340px;
    border: 2px solid #147292;
    font-size: 12px;

}

.cb-token-header {
    background: #147292;
    color: #fff;
    font-size: 12px;
    padding: 2px 10px;
    border-bottom: 1px solid #147292;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cb-token-username {
    font-weight: bold;
    letter-spacing: 0.5px;
}

.cb-token-logout {
    color: #fff;
    font-size: 12px;
	font-weight:500;
    margin-left: auto;
}

.cb-token-table {
    width: 100%;
    border-collapse: collapse;
margin-bottom: 0;
}

.cb-token-label {
    font-weight: bold;
    padding: 4px 12px 6px 12px;
    border-bottom: 1px solid #b5c8d1;
    width: 45%;
}

.cb-token-value {
    padding: 7px 12px 6px 12px;
    border-bottom: 1px solid #b5c8d1;
    width: 55%;
	font-weight:500;
}
.cb-token-table tr:last-child .cb-token-label,
.cb-token-table tr:last-child .cb-token-value {
    border-bottom: none;
}
.login,.logout  {
	color:#fff!important;
}
.login:hover,.logout:hover  {
	color:#f47321 !important;
}
/* add user */
 .custom-add-user-form {
            max-width: 90%;
            margin: 30px auto;
            background: #fff;
            padding: 24px;
            border-radius: 14px;
            box-shadow: 0 3px 16px rgba(0,0,0,0.08);
        }
        .custom-add-user-form .form-row {
            display: flex;
            gap: 14px;
            margin-bottom: 16px;
        }
        .custom-add-user-form .form-col {
            flex: 1 1 0;
        }
        .custom-add-user-form label {
            font-weight: 500;
            display: block;
            width: 100%;
			margin-bottom:10px;
        }
        .custom-add-user-form input,
        .custom-add-user-form select {
            width: 100%;
            padding: 7px 10px;
            margin-top: 10px;
            border-radius: 6px;
            border: 1px solid #ccc;
            background: #fafbfc;
            font-size: 15px;
            box-sizing: border-box;
        }
        .custom-add-user-form button[type="submit"] {
            background: #2e7afe;
            color: #fff;
            border: none;
            border-radius: 6px;
            padding: 12px 24px;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            margin-top: 12px;
            transition: background 0.2s;
        }
        .custom-add-user-form button[type="submit"]:hover {
            background: #175dc7;
        }
        .reg-errors {
            color: #c00;
            background: #ffecec;
            padding: 10px 20px;
            margin-bottom: 15px;
            border-radius: 8px;
        }
        .reg-success {
            color: #070;
            background: #f2ffec;
            padding: 10px 20px;
            margin-bottom: 15px;
            border-radius: 8px;
        }
        .add-user-error {
            color: #c00;
            text-align: center;
            font-weight: 600;
            margin: 30px 0;
        }
        @media (max-width: 600px) {
            .custom-add-user-form .form-row {
                flex-direction: column;
                gap: 0;
            }
			.custom-add-user-form label {
					font-weight: 500;
					display: block;
					width: 100%;
					margin-top: 10px;
				}
        }

		.login-btn {
			display:inline-block;
                    background:#147292;
                    color:#fff;
                    font-weight:bold;
                    text-decoration:none;
                    border-radius:5px;
                    padding:8px 28px;
                    border: none;
                    font-size: 15px;
                    letter-spacing:1px;
                    box-shadow:0 1px 4px rgba(20,114,146,0.09);
                    transition:.15s;
		}

/* profile */
.custom-profile-form {
            max-width: 80%;
            margin: 30px auto;
            background: #fff;
            padding: 24px;
            border-radius: 14px;
            box-shadow: 0 3px 16px rgba(0,0,0,0.08);
        }
        .custom-profile-form .form-row {
            display: flex;
            gap: 14px;
            margin-bottom: 16px;
        }
        .custom-profile-form .form-col {
            flex: 1 1 0;
        }
        .custom-profile-form label {
            font-weight: 500;
            display: block;
            width: 100%;
        }
        .custom-profile-form input {
            width: 100%;
            padding: 7px 10px;
            margin-top: 10px;
            border-radius: 6px;
            border: 1px solid #ccc;
            background: #fafbfc;
            font-size: 15px;
            box-sizing: border-box;
        }
        .custom-profile-form button[type="submit"] {
            background: #2e7afe;
            color: #fff;
            border: none;
            border-radius: 6px;
            padding: 12px 24px;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            margin-top: 12px;
            transition: background 0.2s;
        }
        .custom-profile-form button[type="submit"]:hover {
            background: #175dc7;
        }
        .profile-errors {
            color: #c00;
            background: #ffecec;
            padding: 10px 20px;
            margin-bottom: 15px;
            border-radius: 8px;
        }
        .profile-success {
            color: #070;
            background: #f2ffec;
            padding: 10px 20px;
            margin-bottom: 15px;
            border-radius: 8px;
        }
        .profile-error {
            color: #c00;
            text-align: center;
            font-weight: 600;
            margin: 30px 0;
        }
        @media (max-width: 600px) {
            .custom-profile-form .form-row {
                flex-direction: column;
                gap: 0;
            }
			.custom-profile-form label { 
			margin-bottom:10px;
			}
        }		



		/* user list */
		  .users-table {
            border-collapse: collapse;
            width: 100%;
            max-width: 900px;
            margin: 30px auto;
            background: #fff;
            box-shadow: 0 2px 10px rgba(0,0,0,0.07);
        }
        .users-table th, .users-table td {
            border: 1px solid #e0e0e0;
            padding: 10px 8px;
            text-align: left;
			  background:#fff;
        }
        .users-table th {
         background:#fff;
            font-weight: 700;
        }
        .users-table tr:nth-child(even) {background: #f9f9f9;}
        .delete-user-btn {
            background: none;
            color: #c00;
            font-size: 18px;
            border: none;
            cursor: pointer;
            padding: 3px 7px;
            border-radius: 3px;
            transition: background 0.15s;
        }
        .delete-user-btn:hover {
            background: #ffecec;
            color: #a00;
        }
        .user-deleted-msg {
            color: #070;
            background: #f2ffec;
            padding: 10px 20px;
            margin: 15px auto;
            max-width: 400px;
            border-radius: 8px;
            text-align: center;
        }

		#content > div {
		margin:50px 0;
		}


		/* register user */
		
       .frontend-register-form {
    max-width: 90%;
    margin: 30px auto;
    background: #fff;
    padding: 24px;
    border-radius: 14px;
    box-shadow: 0 3px 16px rgba(0,0,0,0.08);
}
.frontend-register-form .form-row {
    display: flex;
    gap: 14px;
    margin-bottom: 16px;
}
.frontend-register-form .form-col {
    flex: 1 1 0;
}
.frontend-register-form label {
    font-weight: 500;
    display: block;
    width: 100%;
    margin-bottom: 10px;
}
.frontend-register-form input,
.frontend-register-form select {
    width: 100%;
    padding: 7px 10px;
    margin-top: 10px;
    border-radius: 6px;
    border: 1px solid #ccc;
    background: #fafbfc;
    font-size: 15px;
    box-sizing: border-box;
}
.frontend-register-form button[type="submit"] {
    background: #2e7afe;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    margin-top: 12px;
    transition: background 0.2s;
}
.frontend-register-form button[type="submit"]:hover {
    background: #175dc7;
}
.register-errors {
    color: #c00;
    background: #ffecec;
    padding: 10px 20px;
    margin-bottom: 15px;
    border-radius: 8px;
}
.register-success {
    color: #070;
    background: #f2ffec;
    padding: 10px 20px;
    margin-bottom: 15px;
    border-radius: 8px;
}
@media (max-width: 600px) {
    .frontend-register-form .form-row {
        flex-direction: column;
        gap: 0;
    }
    .frontend-register-form label {
        font-weight: 500;
        display: block;
        width: 100%;
        margin-top: 10px;
    }
}


/* forget passwd */
  .frontend-forgot-form {
            max-width: 90%;
            margin: 30px auto;
            background: #fff;
            padding: 24px;
            border-radius: 14px;
            box-shadow: 0 3px 16px rgba(0,0,0,0.08);
        }
        .frontend-forgot-form .form-row {
            display: flex;
            gap: 14px;
            margin-bottom: 16px;
        }
        .frontend-forgot-form .form-col {
            flex: 1 1 0;
        }
        .frontend-forgot-form label {
            font-weight: 500;
            display: block;
            width: 100%;
            margin-bottom: 10px;
        }
        .frontend-forgot-form input[type=text] {
            width: 100%;
            padding: 7px 10px;
            margin-top: 10px;
            border-radius: 6px;
            border: 1px solid #ccc;
            background: #fafbfc;
            font-size: 15px;
            box-sizing: border-box;
        }
        .frontend-forgot-form button[type="submit"] {
            background: #2e7afe;
            color: #fff;
            border: none;
            border-radius: 6px;
            padding: 12px 24px;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            margin-top: 12px;
            transition: background 0.2s;
        }
        .frontend-forgot-form button[type="submit"]:hover {
            background: #175dc7;
        }
        .register-errors {
            color: #c00;
            background: #ffecec;
            padding: 10px 20px;
            margin-bottom: 15px;
            border-radius: 8px;
        }
        .register-success {
            color: #070;
            background: #f2ffec;
            padding: 10px 20px;
            margin-bottom: 15px;
            border-radius: 8px;
        }
        @media (max-width: 600px) {
            .frontend-forgot-form .form-row {
                flex-direction: column;
                gap: 0;
            }
            .frontend-forgot-form label {
                font-weight: 500;
                display: block;
                width: 100%;
                margin-top: 10px;
            }
        }

        //* login form */
        .frontend-login-form {
    max-width: 90%;
    margin: 30px auto;
    background: #fff;
    padding: 24px;
    border-radius: 14px;
    box-shadow: 0 3px 16px rgba(0,0,0,0.08);
}
.frontend-login-form .form-row {
    display: flex;
    gap: 14px;
    margin-bottom: 16px;
}
.frontend-login-form .form-col {
    flex: 1 1 0;
}
.frontend-login-form label {
    font-weight: 500;
    display: block;
    width: 100%;
    margin-bottom: 10px;
}
.frontend-login-form input[type=text],
.frontend-login-form input[type=password] {
    width: 100%;
    padding: 7px 10px;
    margin-top: 10px;
    border-radius: 6px;
    border: 1px solid #ccc;
    background: #fafbfc;
    font-size: 15px;
    box-sizing: border-box;
}
.frontend-login-form button[type="submit"],
.frontend-login-form .login-btn {
    background: #2e7afe;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    margin-top: 0;
    transition: background 0.2s;
    text-decoration: none;
    display: inline-block;
}
.frontend-login-form button[type="submit"]:hover,
.frontend-login-form .login-btn:hover {
    background: #175dc7;
}
.frontend-login-form .login-btn[href="/register"] {
    background: #40b93c;
}
.frontend-login-form .login-btn[href="/register"]:hover {
    background: #288b1f;
}
.frontend-login-form .login-btn[href="/forget-password"] {
    background: #ffa000;
}
.frontend-login-form .login-btn[href="/forget-password"]:hover {
    background: #d48806;
}
.login-errors {
    color: #c00;
    background: #ffecec;
    padding: 10px 20px;
    margin-bottom: 15px;
    border-radius: 8px;
}
.login-success {
    color: #070;
    background: #f2ffec;
    padding: 10px 20px;
    margin-bottom: 15px;
    border-radius: 8px;
    text-align: center;
}
@media (max-width: 600px) {
    .frontend-login-form .form-row {
        flex-direction: column;
        gap: 0;
    }
    .frontend-login-form label {
        font-weight: 500;
        display: block;
        width: 100%;
        margin-top: 10px;
    }
    .frontend-login-form p[style*="display:flex"] {
        flex-direction: column !important;
        gap: 8px !important;
    }
    .rmb {
        flex-direction: row!important;
    }
    .frontend-login-form button[type="submit"], .frontend-login-form .login-btn {
        min-width: 70%;;
    }
}


/* user profile */
/* frontend profile admin form */
.frontend-profile-form {
    max-width: 90%;
    margin: 30px auto;
    background: #fff;
    padding: 24px;
    border-radius: 14px;
    box-shadow: 0 3px 16px rgba(0,0,0,0.08);
}
.frontend-profile-form .form-row {
    display: flex;
    gap: 14px;
    margin-bottom: 16px;
}
.frontend-profile-form .form-col {
    flex: 1 1 0;
}
.frontend-profile-form label {
    font-weight: 500;
    display: block;
    width: 100%;
    margin-bottom: 10px;
}
.frontend-profile-form input[type=text],
.frontend-profile-form input[type=password],
.frontend-profile-form input[type=email] {
    width: 100%;
    padding: 7px 10px;
    margin-top: 10px;
    border-radius: 6px;
    border: 1px solid #ccc;
    background: #fafbfc;
    font-size: 15px;
    box-sizing: border-box;
}
.frontend-profile-form button[type="submit"] {
    background: #2e7afe;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    margin-top: 0;
    transition: background 0.2s;
    text-decoration: none;
    display: inline-block;
}
.frontend-profile-form button[type="submit"]:hover {
    background: #175dc7;
}
.profile-errors {
    color: #c00;
    background: #ffecec;
    padding: 10px 20px;
    margin-bottom: 15px;
    border-radius: 8px;
}
.profile-success {
    color: #070;
    background: #f2ffec;
    padding: 10px 20px;
    margin-bottom: 15px;
    border-radius: 8px;
    text-align: center;
}
@media (max-width: 600px) {
    .frontend-profile-form .form-row {
        flex-direction: column;
        gap: 0;
    }
    .frontend-profile-form label {
        font-weight: 500;
        display: block;
        width: 100%;
        margin-top: 10px;
    }
    .frontend-profile-form p[style*="display:flex"] {
        flex-direction: column !important;
        gap: 8px !important;
    }
    .rmb {
        flex-direction: row!important;
    }
    .frontend-profile-form button[type="submit"] {
        min-width: 70%;;
    }
}