/* Write your css codes here */

/* User login page overrides */
.login-section {
	background: radial-gradient(circle at 12% 12%, rgba(214, 176, 74, 0.22) 0%, rgba(245, 238, 221, 0.96) 38%),
		linear-gradient(160deg, #f7f1e4 0%, #f3ead4 45%, #efe2c5 100%);
	color: #3a2a1a;
}

.login-section .bg--thumb-one,
.login-section .bg--thumb-two {
	opacity: 0.18;
	filter: sepia(18%);
}

.login-section .login-box {
	background: rgba(255, 255, 255, 0.9);
	border: 1px solid rgba(214, 176, 74, 0.35);
	box-shadow: 0 22px 44px rgba(90, 64, 22, 0.18);
}

.login-section .login-box .title,
.login-section .login-box .content p,
.login-section .login-box label,
.login-section .login-box .condition-text,
.login-section .login-box .login-meta {
	color: #3a2a1a;
}

.login-section .form--control {
	background: rgba(255, 255, 255, 0.9);
	border: 1px solid rgba(214, 176, 74, 0.4);
	color: #3a2a1a;
	box-shadow: inset 0 0 0 1px rgba(214, 176, 74, 0.08);
}

.login-section .form--control::placeholder {
	color: rgba(90, 64, 22, 0.45);
}

.login-section .password-show-hide {
	color: #b9902f;
}

.login-section .btn--base {
	background: linear-gradient(135deg, #d6b04a 0%, #caa042 60%, #a57d28 100%);
	border-color: transparent;
	color: #1a1406;
	box-shadow: 0 12px 22px rgba(214, 176, 74, 0.22);
}

.login-section .btn--base:hover {
	background: linear-gradient(135deg, #e6c76a 0%, #d2ad4b 60%, #b88c32 100%);
	color: #1a1406;
}

.login-section .text--base,
.login-section .text--base-two,
.login-section .condition-text a,
.login-section .text--underline {
	color: #a57d28;
}

.login-section .login-user--tab .user.btn--base,
.login-section .login-user--tab .user.btn--base.active {
	background: linear-gradient(135deg, rgba(214, 176, 74, 0.3) 0%, rgba(255, 255, 255, 0.95) 100%);
	color: #3a2a1a;
	border-color: rgba(214, 176, 74, 0.45);
	box-shadow: inset 0 0 0 1px rgba(214, 176, 74, 0.18);
}

/* WhatsApp button/link text visibility */
.js-wa-book.btn--success,
.js-wa-book.btn--success i,
.wa-link,
.wa-link i {
	color: #ffffff !important;
}

.js-wa-book.btn--success:hover,
.js-wa-book.btn--success:hover i,
.wa-link:hover,
.wa-link:hover i {
	color: #ffffff !important;
}