/*!
Theme Name: Cutboy
Theme URI: Theme URI: https://www.yeswebdesignstudio.com/
Template: kadence
Author: Kadence WP
Author URI: https://www.yeswebdesignstudio.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* Import Poppins Font */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

/* Theme customization starts here
-------------------------------------------------------------- */
/* Theme overrides */
.entry.single-entry {
	box-shadow: none !important;
}

.woocommerce-lost-password.woocommerce-account .woocommerce {
	padding: 0 !important;
    max-width: 100% !important;
}

.woocommerce-lost-password .e-parent {
	margin-bottom: 0 !important;
}

.cutboy-lost-password-wrapper {
	padding: 0 !important;
}

.woocommerce-dashboard .woocommerce-MyAccount-content p {
	font-size: 16px;
	font-weight: 300;
	color: #000;
}

.woocommerce-dashboard .woocommerce-MyAccount-content a {
	color: #C4A300;
}

/* WooCommerce Login/Register Split Layout */
.cutboy-login-register-wrapper {
	width: 100% !important;
	max-width: 1200px !important;
	margin: 0 auto !important;
	padding: 60px 20px !important;
	font-family: 'Poppins', sans-serif !important;
}

.cutboy-login-register-container {
	display: flex !important;
	justify-content: space-between !important;
	gap: 80px !important;
	align-items: flex-start !important;
}

.cutboy-login-section,
.cutboy-register-section {
	background: transparent !important;
	padding: 100px 0 !important;
	border: none !important;
	box-shadow: none !important;
	font-family: 'Poppins', sans-serif !important;
	flex: 1 !important;
}

.cutboy-login-section h2,
.cutboy-register-section h2 {
	font-size: 24px !important;
	font-weight: 400 !important;
	margin-bottom: 24px !important;
	color: #000 !important;
	font-family: 'Poppins', sans-serif !important;
}

/* Form Fields */
.cutboy-login-register-container .woocommerce-form-row {
	margin-bottom: 16px !important;
}

.cutboy-login-register-container .input-text {
	width: 100% !important;
	padding: 12px 16px !important;
	border: 1px solid #B0B0B0 !important;
	border-radius: 2px !important;
	font-size: 16px !important;
	color: #333 !important;
	transition: border-color 0.2s ease !important;
	background: #fff !important;
	font-family: 'Poppins', sans-serif !important;
}

.cutboy-login-register-container .input-text:focus {
	outline: none !important;
	border-color: #999 !important;
}

.cutboy-login-register-container .input-text::placeholder {
	color: #aaa !important;
	font-size: 16px !important;
	font-family: 'Poppins', sans-serif !important;
}


/* Remember Me & Forgot Password */
.form-row-remember-forgot {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	margin-bottom: 20px !important;
	margin-top: 4px !important;
}

.woocommerce-form-login__rememberme {
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
	margin: 0 !important;
	font-size: 16px !important;
	color: #333 !important;
	font-weight: 300 !important;
	width: 50% !important;
	font-family: 'Poppins', sans-serif !important;
}

.woocommerce-form-login__rememberme input[type="checkbox"] {
	margin: 0 !important;
	width: 16px !important;
	height: 16px !important;
}

.form-row-remember-forgot .forgot-password {
	width: 50% !important;
	color: #C4A300 !important;
	text-decoration: none !important;
	font-size: 16px !important;
	transition: color 0.2s ease !important;
	font-weight: 300 !important;
	text-align: right !important;
	font-family: 'Poppins', sans-serif !important;
}

.form-row-remember-forgot .forgot-password:hover {
	color: #C4A300 !important;
	text-decoration: underline !important;
}

/* Login Button */
.cutboy-login-button {
	width: 100% !important;
	padding: 13px 16px !important;
	background-color: #000 !important;
	color: #fff !important;
	border: none !important;
	border-radius: 2px !important;
	font-size: 16px !important;
	font-weight: 300 !important;
	cursor: pointer !important;
	transition: background-color 0.2s ease !important;
	margin-bottom: 16px !important;
	text-transform: none !important;
	font-family: 'Poppins', sans-serif !important;
}

.cutboy-login-button:hover {
	background-color: #222 !important;
	color: #fff !important;
}

/* Social Login */
.cutboy-social-login {
	text-align: center !important;
	margin-top: 16px !important;
}

.or-divider {
	display: block !important;
	margin: 16px 0 14px 0 !important;
	color: #999 !important;
	font-size: 16px !important;
	font-family: 'Poppins', sans-serif !important;
	font-weight: 300 !important;
}

.cutboy-google-login-button {
	width: 100% !important;
	padding: 11px 16px !important;
	background-color: #fff !important;
	border: 1px solid #B0B0B0 !important;
	border-radius: 2px !important;
	font-size: 16px !important;
	color: #555 !important;
	cursor: pointer !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	transition: all 0.2s ease !important;
	font-family: 'Poppins', sans-serif !important;
	font-weight: 300 !important;
}

.cutboy-google-login-button:hover {
	border-color: #bbb !important;
	background-color: #fafafa !important;
}

.cutboy-google-login-button svg {
	width: 18px !important;
	height: 18px !important;
}

/* Terms Checkbox */
.form-row-terms {
	margin-bottom: 20px !important;
	margin-top: 4px !important;
}

.form-row-terms label {
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
	margin: 0 !important;
	font-size: 16px !important;
	color: #333 !important;
	font-weight: 300 !important;
	font-family: 'Poppins', sans-serif !important;
}

.form-row-terms input[type="checkbox"] {
	margin: 0 !important;
	width: 16px !important;
	height: 16px !important;
}

.terms-link {
	color: #C4A300 !important;
	text-decoration: none !important;
	font-weight: 300 !important;
	font-family: 'Poppins', sans-serif !important;
}

.terms-link:hover {
	color: #C4A300 !important;
	text-decoration: underline !important;
}

/* Register Button */
.cutboy-register-button {
	width: 100% !important;
	padding: 13px 16px !important;
	background-color: #fff !important;
	color: #000 !important;
	border: 1px solid #B0B0B0 !important;
	border-radius: 2px !important;
	font-size: 16px !important;
	font-weight: 300 !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
	text-transform: none !important;
	font-family: 'Poppins', sans-serif !important;
}

.cutboy-register-button:hover {
	background-color: #fafafa !important;
	border-color: #bbb !important;
	color: #000 !important;
}

.hover-box-aboutus:hover {	
	background-color: #000000 !important;
}

.hover-box-aboutus:hover .elementor-counter-number-wrapper ,
.hover-box-aboutus:hover .elementor-counter-number-suffix {
	color: #ffffff !important;
}
/* Responsive Design */
@media (max-width: 768px) {
	.cutboy-login-register-container {
		flex-direction: column !important;
		gap: 50px !important;
	}

	.cutboy-login-register-wrapper {
		max-width: 100%;
		padding: 30px 15px !important;
	}

	.cutboy-login-section,
	.cutboy-register-section {
		padding: 50px 0 !important;
	}
}

/* Remove default WooCommerce styling conflicts */
.cutboy-login-register-container .woocommerce-form label {
	cursor: pointer !important;
}

.cutboy-login-register-container .woocommerce-error,
.cutboy-login-register-container .woocommerce-message,
.cutboy-login-register-container .woocommerce-info {
	margin-bottom: 20px !important;
}

/* Additional overrides for cleaner look */
.cutboy-login-register-container form {
	background: transparent !important;
	padding: 0 !important;
	border: none !important;
	box-shadow: none !important;
}

.cutboy-login-register-container .woocommerce-form-row {
	padding: 0 !important;
}

/* Hide privacy policy text in register form */
.cutboy-register-section .woocommerce-privacy-policy-text,
.cutboy-register-section .woocommerce-privacy-policy-text p {
	display: none !important;
}

/* Hide any paragraph between password field and terms checkbox */
.cutboy-register-section form > p:not(.woocommerce-form-row):not(.form-row-terms):not(.form-row) {
	display: none !important;
}

/* Hide empty p tags generated by wpautop */
.cutboy-login-register-wrapper p:empty,
.cutboy-login-section > p:empty,
.cutboy-register-section > p:empty,
.woocommerce-account p:empty {
	display: none !important;
	margin: 0 !important;
	padding: 0 !important;
	height: 0 !important;
}

/* Forgot Password Page Styling */
.woocommerce-lost-password .e-con-inner {
	width: 100% !important;
	max-width: 100% !important;
}

.cutboy-lost-password-wrapper {
	width: 100% !important;
	margin: 0 auto !important;
	position: relative !important;
	font-family: 'Poppins', sans-serif !important;
}

.cutboy-lost-password-wrapper > p:empty {
	display: none !important;
	margin: 0 !important;
}

.cutboy-lost-password-container {
	display: flex !important;
	justify-content: space-between !important;
	gap: 5% !important;
	width: 100% !important;
}

.cutboy-lost-password-form {
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	width: 40% !important;
	max-width: 480px;
	margin: 0 !important;
	flex: 1 !important;
	padding: 100px 0;
}

.cutboy-lost-password-form h2 {
	font-size: 24px !important;
	font-weight: 400 !important;
	margin-bottom: 20px !important;
	color: #000 !important;
	font-family: 'Poppins', sans-serif !important;
}

.lost-password-description {
	font-size: 16px !important;
	font-weight: 300 !important;
	color: #5B5964 !important;
	line-height: 1.6 !important;
	margin-bottom: 30px !important;
	font-family: 'Poppins', sans-serif !important;
}

.cutboy-lost-password-form .woocommerce-form-row {
	margin-bottom: 20px !important;
}

.cutboy-lost-password-form .input-text {
	width: 100% !important;
	padding: 14px 16px !important;
	border: 1px solid #B0B0B0 !important;
	border-radius: 2px !important;
	font-size: 16px !important;
	color: #333 !important;
	font-family: 'Poppins', sans-serif !important;
	font-weight: 300 !important;
}

.cutboy-lost-password-form .input-text:focus {
	outline: none !important;
	border-color: #999 !important;
}

.cutboy-lost-password-form .input-text::placeholder {
	color: #aaa !important;
	font-size: 16px !important;
	font-family: 'Poppins', sans-serif !important;
	font-weight: 300 !important;
}

.cutboy-continue-button {
	width: 100% !important;
	padding: 14px 16px !important;
	background-color: #000 !important;
	color: #fff !important;
	border: none !important;
	border-radius: 2px !important;
	font-size: 16px !important;
	font-weight: 300 !important;
	cursor: pointer !important;
	transition: background-color 0.2s ease !important;
	text-transform: none !important;
	font-family: 'Poppins', sans-serif !important;
}

.cutboy-continue-button:hover {
	background-color: #222 !important;
	color: #fff !important;
}

.cutboy-lost-password-image {
	width: 50%;
	background-image: url('/wp-content/uploads/2025/12/Rectangle-41215.webp') !important;
	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	flex: 1 !important;
	min-height: 400px !important;
}

/* Responsive Design */
@media (max-width: 768px) {
	.cutboy-lost-password-container {
		flex-direction: column !important;
		gap: 20px !important;
	}

	.cutboy-lost-password-image {
		display: none !important;
	}

	.cutboy-lost-password-form {
		padding: 40px 20px !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	.lost-password-description {
		font-size: 14px !important;
	}
}

/* My Account Page Styling */
.woocommerce-account .woocommerce {
	display: flex !important;
	gap: 80px !important;
	max-width: 1200px !important;
	margin: 0 auto !important;
	padding: 60px 20px !important;
	font-family: 'Poppins', sans-serif !important;
}

/* Left Sidebar Navigation */
.cutboy-myaccount-navigation {
	flex: 0 0 250px !important;
	font-family: 'Poppins', sans-serif !important;
}

.cutboy-account-greeting h2 {
	font-size: 24px !important;
	font-weight: 400 !important;
	color: #000 !important;
	margin-bottom: 40px !important;
	font-family: 'Poppins', sans-serif !important;
}

.cutboy-account-menu {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.cutboy-account-menu li {
	margin-bottom: 24px !important;
}

.cutboy-account-menu li a {
	font-size: 16px !important;
	font-weight: 300 !important;
	color: #5B5964 !important;
	text-decoration: none !important;
	font-family: 'Poppins', sans-serif !important;
	transition: color 0.2s ease !important;
	display: inline-block !important;
}

.cutboy-account-menu li a:hover {
	color: #000 !important;
}

.cutboy-account-menu li.is-active a {
	color: #000 !important;
	border-bottom: 1px solid #000 !important;
	padding-bottom: 2px !important;
}

/* Right Content Area */
.woocommerce-MyAccount-content {
	width: 100%;
}

.cutboy-account-content {
	flex: 1 !important;
	font-family: 'Poppins', sans-serif !important;
}

.cutboy-account-header {
	margin-bottom: 30px !important;
	padding-bottom: 20px !important;
	border-bottom: 1px solid #B0B0B0 !important;
}

.cutboy-account-header h2 {
	font-size: 24px !important;
	font-weight: 400 !important;
	color: #000 !important;
	margin: 0 !important;
	font-family: 'Poppins', sans-serif !important;
}

/* Account Sections */
.cutboy-account-section {
	margin-bottom: 40px !important;
}

.cutboy-account-section h3 {
	font-size: 18px !important;
	font-weight: 400 !important;
	color: #000 !important;
	margin-bottom: 20px !important;
	font-family: 'Poppins', sans-serif !important;
}

.cutboy-section-description {
	font-size: 14px !important;
	font-weight: 300 !important;
	color: #5B5964 !important;
	margin-bottom: 24px !important;
	font-family: 'Poppins', sans-serif !important;
}

/* Sign in information */
.cutboy-signin-info {
	margin-top: 20px !important;
}

.cutboy-info-row {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	margin-bottom: 16px !important;
}

.cutboy-info-row label {
	font-size: 16px !important;
	font-weight: 300 !important;
	color: #333 !important;
	font-family: 'Poppins', sans-serif !important;
}

.cutboy-info-value {
	font-size: 16px !important;
	font-weight: 300 !important;
	color: #5B5964 !important;
	font-family: 'Poppins', sans-serif !important;
}

.cutboy-password-row {
	display: flex !important;
	align-items: center !important;
	gap: 16px !important;
}

.cutboy-change-password-link {
	font-size: 16px !important;
	font-weight: 300 !important;
	color: #44424A !important;
	text-decoration: underline !important;
	font-family: 'Poppins', sans-serif !important;
	transition: color 0.2s ease !important;
}

.cutboy-change-password-link:hover {
	color: #C4A300 !important;
}

/* Password change fields */
.cutboy-password-fields {
	margin-bottom: 30px !important;
}

.cutboy-password-fields .woocommerce-form-row {
	margin-bottom: 16px !important;
}

.cutboy-password-fields label {
	font-size: 14px !important;
	font-weight: 300 !important;
	color: #5B5964 !important;
	margin-bottom: 8px !important;
	display: block !important;
	font-family: 'Poppins', sans-serif !important;
}

/* Form Fields */
.cutboy-account-content .woocommerce-form-row {
	margin-bottom: 20px !important;
}

.cutboy-account-content .woocommerce-form-row label {
	font-size: 14px !important;
	font-weight: 300 !important;
	color: #5B5964 !important;
	margin-bottom: 8px !important;
	display: block !important;
	font-family: 'Poppins', sans-serif !important;
}

.cutboy-account-content .input-text {
	width: 100% !important;
	padding: 12px 16px !important;
	border: 1px solid #B0B0B0 !important;
	border-radius: 2px !important;
	font-size: 16px !important;
	color: #333 !important;
	transition: border-color 0.2s ease !important;
	background: #fff !important;
	font-family: 'Poppins', sans-serif !important;
	font-weight: 300 !important;
}

.cutboy-account-content .input-text:focus {
	outline: none !important;
	border-color: #999 !important;
}

.cutboy-account-content .input-text::placeholder {
	color: #aaa !important;
	font-size: 16px !important;
	font-family: 'Poppins', sans-serif !important;
	font-weight: 300 !important;
}

/* Form row group for side-by-side fields */
.cutboy-form-row-group {
	display: flex !important;
	gap: 20px !important;
	margin-bottom: 20px !important;
}

.cutboy-form-row-group .form-row-first,
.cutboy-form-row-group .form-row-last {
	flex: 1 !important;
	margin-bottom: 0 !important;
}

/* Field description */
.cutboy-field-description {
	display: block !important;
	font-size: 12px !important;
	font-weight: 300 !important;
	color: #999 !important;
	margin-top: 6px !important;
	font-family: 'Poppins', sans-serif !important;
}

/* Update Button */
.cutboy-update-button {
	width: 100% !important;
	padding: 14px 16px !important;
	background-color: #000 !important;
	color: #fff !important;
	border: none !important;
	border-radius: 2px !important;
	font-size: 16px !important;
	font-weight: 300 !important;
	cursor: pointer !important;
	transition: background-color 0.2s ease !important;
	text-transform: none !important;
	font-family: 'Poppins', sans-serif !important;
}

.cutboy-update-button:hover {
	background-color: #222 !important;
	color: #fff !important;
}

.cutboy-form-submit {
	margin-top: 40px !important;
}

/* Hide default WooCommerce elements */
.woocommerce-account .woocommerce-MyAccount-navigation {
	display: none !important;
}

.woocommerce-account .entry-title {
	display: none !important;
}

/* Hide auto-generated br tags in WooCommerce account pages */
.woocommerce-account br,
.woocommerce-MyAccount-content br,
.cutboy-account-content br {
	display: none !important;
}

/* Form Validation Error Styling */
.woocommerce-error,
.woocommerce-message,
.woocommerce-info {
	padding: 16px 20px !important;
	margin-bottom: 30px !important;
	border: none !important;
	border-radius: 2px !important;
	font-size: 16px !important;
	font-weight: 300 !important;
	font-family: 'Poppins', sans-serif !important;
	background: transparent !important;
	list-style: none !important;
}

.woocommerce-error {
	color: #5B5964 !important;
}

.woocommerce-error::before {
	content: "ⓘ " !important;
	font-size: 16px !important;
	margin-right: 8px !important;
}

.woocommerce-error li {
	list-style: none !important;
}

/* Error field styling */
.woocommerce-account .woocommerce-invalid input.input-text,
.cutboy-account-content .woocommerce-invalid input.input-text,
.cutboy-login-register-container .woocommerce-invalid input.input-text,
.cutboy-lost-password-form .woocommerce-invalid input.input-text {
	border-color: #dc3545 !important;
}

.woocommerce-account .woocommerce-invalid label,
.cutboy-account-content .woocommerce-invalid label,
.cutboy-login-register-container .woocommerce-invalid label,
.cutboy-lost-password-form .woocommerce-invalid label {
	color: #dc3545 !important;
}

/* Error message text below fields */
.woocommerce-account .woocommerce-invalid .woocommerce-error,
.cutboy-account-content .woocommerce-invalid .woocommerce-error,
.cutboy-login-register-container .woocommerce-invalid .woocommerce-error,
.cutboy-lost-password-form .woocommerce-invalid .woocommerce-error {
	color: #dc3545 !important;
	font-size: 14px !important;
	margin-top: 6px !important;
	padding: 0 !important;
	background: transparent !important;
}

.woocommerce-account .woocommerce-invalid .woocommerce-error::before,
.cutboy-account-content .woocommerce-invalid .woocommerce-error::before,
.cutboy-login-register-container .woocommerce-invalid .woocommerce-error::before,
.cutboy-lost-password-form .woocommerce-invalid .woocommerce-error::before {
	content: "" !important;
	margin: 0 !important;
}

/* WooCommerce validation errors */
.woocommerce-NoticeGroup {
	margin-bottom: 30px !important;
}

.woocommerce form .form-row.woocommerce-invalid label {
	color: #dc3545 !important;
}

.woocommerce form .form-row.woocommerce-invalid input.input-text {
	border-color: #dc3545 !important;
}

.woocommerce form .form-row.woocommerce-invalid-required-field label::after {
	content: "" !important;
}

.woocommerce form .form-row .woocommerce-error {
	color: #dc3545 !important;
	font-size: 14px !important;
	font-weight: 300 !important;
	margin-top: 6px !important;
	padding: 0 !important;
	background: transparent !important;
	border: none !important;
	font-family: 'Poppins', sans-serif !important;
}

.woocommerce form .form-row .woocommerce-error::before {
	content: "" !important;
	margin: 0 !important;
}

/* Navigation Arrow (hidden on desktop) */
.cutboy-nav-arrow {
	display: none !important;
	font-size: 20px !important;
	color: #5B5964 !important;
	transition: transform 0.3s ease !important;
	font-family: 'Poppins', sans-serif !important;
}

/* Responsive Design */
@media (max-width: 768px) {
	.woocommerce-account .woocommerce {
		flex-direction: column !important;
		gap: 20px !important;
		padding: 30px 15px !important;
	}

	.cutboy-myaccount-navigation {
		flex: 1 !important;
		width: 100% !important;
	}

	/* Navigation Accordion */
	.cutboy-account-greeting {
		display: flex !important;
		justify-content: space-between !important;
		align-items: center !important;
		cursor: pointer !important;
		padding: 16px 0 0 !important;
	}

	.cutboy-account-greeting h2 {
		margin-bottom: 0 !important;
	}

	.cutboy-nav-arrow {
		display: block !important;
		transform: rotate(180deg)
	}
	
	/* Show menu by default on mobile */
	.cutboy-account-menu {
		display: block;
		margin-top: 20px !important;
	}

	.cutboy-form-row-group .form-row-first,
	.cutboy-form-row-group .form-row-last {
		margin-bottom: 20px !important;
	}

	/* Track order mobile */
	.cutboy-track-product {
		flex-direction: column !important;
		gap: 16px !important;
	}

	.cutboy-track-product .cutboy-product-image {
		width: 100% !important;
		height: auto !important;
		flex: 1 !important;
	}

	.cutboy-form-row-group {
		margin-bottom: 0 !important;
	}

	.cutboy-field-description {
		color: #B0B0B0;
	}
}

/* Orders History Page Styling */
.cutboy-orders-list {
	margin-top: 30px !important;
}

.cutboy-order-item {
	margin-bottom: 50px !important;
	font-family: 'Poppins', sans-serif !important;
}

.cutboy-order-header {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	margin-bottom: 5px !important;
	padding-bottom: 15px !important;
}

.cutboy-order-info {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
}

.cutboy-order-number {
	font-size: 16px !important;
	font-weight: 400 !important;
	color: #000 !important;
	font-family: 'Poppins', sans-serif !important;
}

.cutboy-order-separator {
	color: #999 !important;
	font-size: 16px !important;
}

.cutboy-order-items {
	font-size: 16px !important;
	font-weight: 300 !important;
	color: #5B5964 !important;
	font-family: 'Poppins', sans-serif !important;
}

.cutboy-order-status {
	font-size: 16px !important;
	font-weight: 300 !important;
	color: #5B5964 !important;
	font-family: 'Poppins', sans-serif !important;
}

.cutboy-order-status .status-completed,
.cutboy-order-status .status-processing {
	color: #000 !important;
	font-weight: 400 !important;
}

/* Order Products */
.cutboy-order-products {
	display: flex !important;
	flex-direction: column !important;
	gap: 30px !important;
}

.cutboy-order-product {
	display: flex !important;
	gap: 24px !important;
	align-items: flex-start !important;
}

.cutboy-product-image {
	flex: 0 0 120px !important;
	width: 120px !important;
	height: 120px !important;
	overflow: hidden !important;
}

.cutboy-product-image img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}

.cutboy-product-details {
	flex: 1 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 8px !important;
}

.cutboy-product-name {
	font-size: 16px !important;
	font-weight: 400 !important;
	color: #000 !important;
	margin: 0 !important;
	font-family: 'Poppins', sans-serif !important;
}

.cutboy-product-variant {
	font-size: 14px !important;
	font-weight: 300 !important;
	color: #5B5964 !important;
	margin: 0 !important;
	font-family: 'Poppins', sans-serif !important;
}

.cutboy-product-price {
	font-size: 16px !important;
	font-weight: 400 !important;
	color: #C4A300 !important;
	margin: 0 !important;
	font-family: 'Poppins', sans-serif !important;
}

.cutboy-product-quantity {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	margin-top: 8px !important;
}

.quantity-label {
	font-size: 14px !important;
	font-weight: 300 !important;
	color: #5B5964 !important;
	font-family: 'Poppins', sans-serif !important;
}

.quantity-controls {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
}

.quantity-btn {
	width: 24px !important;
	height: 24px !important;
	background: #fff !important;
	color: #999 !important;
	font-size: 16px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	cursor: not-allowed !important;
	border-radius: 2px !important;
	padding: 0 !important;
	font-family: 'Poppins', sans-serif !important;
}

.quantity-value {
	font-size: 14px !important;
	font-weight: 300 !important;
	color: #333 !important;
	min-width: 20px !important;
	text-align: center !important;
	font-family: 'Poppins', sans-serif !important;
}

/* Start Shopping Button */
.cutboy-start-shopping {
	margin-top: 40px !important;
}

.cutboy-shopping-button {
	width: 100% !important;
	padding: 14px 16px !important;
	background-color: #000 !important;
	color: #fff !important;
	border: none !important;
	border-radius: 2px !important;
	font-size: 16px !important;
	font-weight: 300 !important;
	cursor: pointer !important;
	transition: background-color 0.2s ease !important;
	text-transform: none !important;
	text-align: center !important;
	text-decoration: none !important;
	display: block !important;
	font-family: 'Poppins', sans-serif !important;
}

.cutboy-shopping-button:hover {
	background-color: #222 !important;
	color: #fff !important;
}

/* No Orders Message */
.cutboy-no-orders {
	text-align: center !important;
}

.cutboy-no-orders p {
	font-size: 16px !important;
	font-weight: 300 !important;
	color: #5B5964 !important;
	margin-bottom: 30px !important;
	font-family: 'Poppins', sans-serif !important;
}

/* Responsive Design */
@media (max-width: 768px) {
	.cutboy-order-header {
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 12px !important;
	}

	.cutboy-order-product {
		flex-direction: column !important;
		gap: 16px !important;
	}

	.cutboy-product-image {
		width: 100% !important;
		height: auto !important;
		flex: 1 !important;
	}
}

/* Shipping & Billing Page Styling */
.cutboy-addresses-container {
	margin-top: 30px !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 40px !important;
}

.cutboy-address-section {
	font-family: 'Poppins', sans-serif !important;
}

.cutboy-address-header {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	margin-bottom: 20px !important;
}

.cutboy-address-header h3 {
	font-size: 18px !important;
	font-weight: 400 !important;
	color: #000 !important;
	margin: 0 !important;
	font-family: 'Poppins', sans-serif !important;
}

.cutboy-edit-link {
	font-size: 16px !important;
	font-weight: 300 !important;
	color: #000 !important;
	text-decoration: underline !important;
	font-family: 'Poppins', sans-serif !important;
	transition: color 0.2s ease !important;
}

.cutboy-edit-link:hover {
	color: #000 !important;
}

.cutboy-address-content {
	margin-left: 0 !important;
}

.cutboy-address-name {
	font-size: 16px !important;
	font-weight: 400 !important;
	color: #000 !important;
	margin: 0 0 8px 0 !important;
	font-family: 'Poppins', sans-serif !important;
}

.cutboy-address-street {
	font-size: 16px !important;
	font-weight: 300 !important;
	color: #000 !important;
	margin: 0 0 12px 0 !important;
	line-height: 1.6 !important;
	font-family: 'Poppins', sans-serif !important;
}

.cutboy-address-info {
	font-size: 16px !important;
	font-weight: 300 !important;
	color: #000 !important;
	margin: 0 0 6px 0 !important;
	font-family: 'Poppins', sans-serif !important;
}

.cutboy-info-label {
	font-weight: 300 !important;
}

/* Add New Address Button */
.cutboy-add-address {
	margin-top: 40px !important;
}

.cutboy-add-address-button {
	width: 100% !important;
	padding: 14px 16px !important;
	background-color: #000 !important;
	color: #fff !important;
	border: none !important;
	border-radius: 2px !important;
	font-size: 16px !important;
	font-weight: 300 !important;
	cursor: pointer !important;
	transition: background-color 0.2s ease !important;
	text-transform: none !important;
	text-align: center !important;
	text-decoration: none !important;
	display: block !important;
	font-family: 'Poppins', sans-serif !important;
}

.cutboy-add-address-button:hover {
	background-color: #222 !important;
	color: #fff !important;
}

/* Address Edit Form Styling */
.cutboy-address-form {
	margin-top: 30px !important;
	font-family: 'Poppins', sans-serif !important;
}

.cutboy-address-fields {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 20px !important;
}

.cutboy-address-form .form-row {
	margin-bottom: 0 !important;
	padding: 0 !important;
}

.cutboy-address-form .form-row-first,
.cutboy-address-form .form-row-last {
	flex: 0 0 calc(50% - 10px) !important;
	width: calc(50% - 10px) !important;
}

.cutboy-address-form .form-row-wide {
	flex: 0 0 100% !important;
	width: 100% !important;
}

.cutboy-address-form label {
	font-size: 14px !important;
	font-weight: 300 !important;
	color: #5B5964 !important;
	margin-bottom: 8px !important;
	display: block !important;
	font-family: 'Poppins', sans-serif !important;
}

.cutboy-address-form label .required {
	color: #5B5964 !important;
	font-weight: 300 !important;
	text-decoration: none !important;
}

.cutboy-address-form input.input-text,
.cutboy-address-form select,
.cutboy-address-form textarea {
	width: 100% !important;
	padding: 12px 16px !important;
	border: 1px solid #B0B0B0 !important;
	border-radius: 2px !important;
	font-size: 16px !important;
	color: #333 !important;
	transition: border-color 0.2s ease !important;
	background: #fff !important;
	font-family: 'Poppins', sans-serif !important;
	font-weight: 300 !important;
}

.cutboy-address-form input.input-text:focus,
.cutboy-address-form select:focus,
.cutboy-address-form textarea:focus {
	outline: none !important;
	border-color: #999 !important;
}

.cutboy-address-form input.input-text::placeholder,
.cutboy-address-form textarea::placeholder {
	color: #aaa !important;
	font-size: 16px !important;
	font-family: 'Poppins', sans-serif !important;
	font-weight: 300 !important;
}

.cutboy-address-form select {
	appearance: none !important;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%207l5%205%205-5z%22%20fill%3D%22%23666%22%2F%3E%3C%2Fsvg%3E') !important;
	background-repeat: no-repeat !important;
	background-position: right 12px center !important;
	background-size: 16px !important;
	padding-right: 40px !important;
}

.cutboy-address-form select option {
	font-family: 'Poppins', sans-serif !important;
	font-weight: 300 !important;
	font-size: 16px !important;
}

/* Global select dropdown styling */
select,
.select2-container,
.select2-results__option {
	font-family: 'Poppins', sans-serif !important;
	font-weight: 300 !important;
	font-size: 16px !important;
}

select option {
	font-family: 'Poppins', sans-serif !important;
	font-weight: 300 !important;
	font-size: 16px !important;
}

/* WooCommerce select fields */
.woocommerce select,
.woocommerce select option,
.woocommerce-page select,
.woocommerce-page select option {
	font-family: 'Poppins', sans-serif !important;
	font-weight: 300 !important;
	font-size: 16px !important;
}

/* Account page select fields */
.cutboy-account-content select,
.cutboy-account-content select option,
.cutboy-login-register-container select,
.cutboy-login-register-container select option {
	font-family: 'Poppins', sans-serif !important;
	font-weight: 300 !important;
	font-size: 16px !important;
}

/* Save Address Button */
.cutboy-address-form-actions {
	margin-top: 40px !important;
	margin-bottom: 12px !important;
}

.cutboy-save-address-button {
	width: 100% !important;
	padding: 14px 16px !important;
	background-color: #000 !important;
	color: #fff !important;
	border: none !important;
	border-radius: 2px !important;
	font-size: 16px !important;
	font-weight: 300 !important;
	cursor: pointer !important;
	transition: background-color 0.2s ease !important;
	text-transform: none !important;
	text-align: center !important;
	font-family: 'Poppins', sans-serif !important;
}

.cutboy-save-address-button:hover {
	background-color: #222 !important;
	color: #fff !important;
}

/* Cancel Link */
.cutboy-cancel-link-wrapper {
	text-align: center !important;
	margin-top: 12px !important;
}

.cutboy-cancel-link {
	font-size: 16px !important;
	font-weight: 300 !important;
	color: #5B5964 !important;
	text-decoration: underline !important;
	font-family: 'Poppins', sans-serif !important;
	transition: color 0.2s ease !important;
}

.cutboy-cancel-link:hover {
	color: #000 !important;
}

/* Track Order Page Styling */
.cutboy-track-orders-list {
	margin-top: 30px !important;
}

.cutboy-track-order-item {
	margin-bottom: 50px !important;
	font-family: 'Poppins', sans-serif !important;
}

.cutboy-track-products {
	display: flex !important;
	flex-direction: column !important;
	gap: 20px !important;
	margin-top: 10px !important;
}

.cutboy-track-product {
	display: flex !important;
	gap: 24px !important;
	align-items: flex-start !important;
	position: relative !important;
	border-radius: 2px !important;
}

.cutboy-track-product .cutboy-product-image {
	flex: 0 0 120px !important;
	width: 120px !important;
	height: 120px !important;
	overflow: hidden !important;
	background: #fff !important;
}

.cutboy-track-product .cutboy-product-quantity {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	margin-top: 8px !important;
	flex-wrap: wrap !important;
}

.cutboy-tracking-info {
	font-size: 14px !important;
	font-weight: 300 !important;
	color: #5B5964 !important;
	font-family: 'Poppins', sans-serif !important;
	text-decoration: underline !important;
	margin-left: auto !important;
}

.tracking-provider {
	margin-left: 4px !important;
}

.cutboy-remove-product {
	position: absolute !important;
	top: 20px !important;
	right: 20px !important;
	background: transparent !important;
	border: none !important;
	font-size: 24px !important;
	color: #999 !important;
	cursor: not-allowed !important;
	padding: 0 !important;
	width: 24px !important;
	height: 24px !important;
	line-height: 1 !important;
	font-family: 'Poppins', sans-serif !important;
}

/* Order Payment Section */
.cutboy-order-payment {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	margin-top: 48px !important;
	padding-bottom: 20px !important;
	border-bottom: 1px solid #B0B0B0 !important;
	font-family: 'Poppins', sans-serif !important;
}

.payment-label {
	font-size: 16px !important;
	font-weight: 400 !important;
	color: #000 !important;
	font-family: 'Poppins', sans-serif !important;
}

.payment-amount {
	font-size: 16px !important;
	font-weight: 400 !important;
	color: #000 !important;
	font-family: 'Poppins', sans-serif !important;
}

/* Continue Shopping Button */
.cutboy-continue-shopping {
	margin-top: 40px !important;
}

.cutboy-continue-shopping .cutboy-shopping-button {
	width: 100% !important;
	padding: 14px 16px !important;
	background-color: #000 !important;
	color: #fff !important;
	border: none !important;
	border-radius: 2px !important;
	font-size: 16px !important;
	font-weight: 300 !important;
	cursor: pointer !important;
	transition: background-color 0.2s ease !important;
	text-transform: none !important;
	text-align: center !important;
	text-decoration: none !important;
	display: block !important;
	font-family: 'Poppins', sans-serif !important;
}

.cutboy-continue-shopping .cutboy-shopping-button:hover {
	background-color: #222 !important;
	color: #fff !important;
}

/* Responsive Design */
@media (max-width: 768px) {
	.cutboy-addresses-container {
		gap: 30px !important;
	}

	.cutboy-address-form .form-row-first,
	.cutboy-address-form .form-row-last {
		flex: 0 0 100% !important;
		width: 100% !important;
	}
}


/* --------------------------------------------------------------
   Custom Product Category Scroll
-------------------------------------------------------------- */
.product-cat-scroll-wrapper {
	max-height: 529px;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
	gap: 16px;
	cursor: grab;
	user-select: none;
	scrollbar-width: none;
}

.product-cat-scroll-wrapper:active,
.product-cat-scroll-wrapper.dragging {
	cursor: grabbing;
}

.product-cat-scroll-wrapper::-webkit-scrollbar {
	display: none;
}

.product-cat-scroll-wrapper {
	touch-action: pan-y;
}

.product-cat-card {
	background: #F6F6F6;
	padding: 24px;
	text-decoration: none;
	display: flex;
	flex-direction: column;
	gap: 24px;
	transition: background 0.3s ease;
	height: 383px !important;
	box-sizing: border-box;
}

.product-cat-card:hover {
	background: #e6e6e6;
}

.cat-header {
	font-size: 20px;
	font-weight: 400;
    font-family: 'Poppins', sans-serif !important;
    line-height: 28px !important;
	color: #000;
}
.cat-name {
    display: flex;
    align-items: flex-start;
}
.cat-count {
	font-size: 10px;
	font-weight: 400;
    font-family: 'Poppins', sans-serif !important;
    line-height: 24px !important;
	color: #5D5D5D;
	margin-left: 4px;
}

.cat-image {
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 1;
	min-height: 0;
}

.cat-image img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
}

@media (max-width: 768px) {
	.product-cat-scroll-wrapper {
		max-height: none;
		overflow: visible;
		cursor: default;
		user-select: auto;
		gap: 20px;
	}

	.product-cat-scroll-wrapper:active,
	.product-cat-scroll-wrapper.dragging {
		cursor: default;
	}

	.product-cat-card {
		min-height: 0;
		height: auto !important;
	}
}

/*vertical-auto-active*/

/* container */
.va-list {
    display: flex;
    flex-direction: column;
}

/* item */
.va-item {
    display: flex;
    align-items: flex-start;
    padding: 26px 35px;
    border-left: 1.5px solid #888888;
    background: #ffffff;
    transition: border-color 0.4s ease;
    gap: 35px;
}

/* ทำให้ border ดูต่อกัน */
.va-item + .va-item {
    margin-top: 0;
}

/* ICON */
.va-icon {
    position: relative;
    width: 24px;
    height: 24px;
    margin-top: 17px;
    flex-shrink: 0;
    --va-icon-size: 16px;
}

.va-item:nth-child(3) .va-icon {
    --va-icon-size: 24px;
}

.va-icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: var(--va-icon-size);
    height: var(--va-icon-size);
    transform: translate(-50%, -50%);
    transition: opacity 0.4s ease;
}

/* default (inactive) */
.va-icon .icon-gray {
    opacity: 1;
}

.va-icon .icon-yellow {
    opacity: 0;
}

/* CONTENT */
.va-content h4 {
    margin: 0;
    font-size: 20px;
	line-height: 28px;
    font-weight: 400;
    color: #888888;
    transition: color 0.4s ease;
	font-family: 'Poppins', sans-serif !important;
	text-transform: uppercase;
}

.va-content p {
    margin: 6px 0 0;
    font-size: 16px;
	line-height: 24px;
	font-weight: 300;
    color: #888888;
    transition: color 0.4s ease;
	font-family: 'Poppins', sans-serif !important;
}

/* ACTIVE */
.va-item.active {
    border-left-color: #C4A300;
}

.va-item.active .va-icon .icon-gray {
    opacity: 0;
}

.va-item.active .va-icon .icon-yellow {
    opacity: 1;
}

.va-item.active h4,
.va-item.active p {
    color: #000000;
}

@media (max-width: 768px) {
	/* CONTENT */
	.va-content h4 {
		margin: 0;
		font-size: 18px;
		line-height: 26px;
		font-weight: 300;
	}

	.va-content p {
		margin: 12px 0 0;
	}

	.cutboy-account-menu li {
		margin-bottom: 16px !important;
	}

	.cutboy-account-menu li a {
		font-size: 14px !important;
	}

	.cutboy-account-header {
		padding-bottom: 8px !important;
	}

	.cutboy-account-section h3 {
		font-size: 16px !important;
		font-weight: 300 !important;
	}

	.cutboy-password-row {
		gap: 0 !important;
	}

	.cutboy-info-row label,
	.cutboy-info-value,
	.cutboy-change-password-link {
		font-size: 12px !important;
	}

	.cutboy-account-section {
		margin-bottom: 20px !important;
	}
}


/* --------------------------------------------------------------
   Header off canvas
-------------------------------------------------------------- */
#custom-offcanvas {
	position: fixed;
	inset: 0;
	background: #ffffff;
	z-index: 5;
	display: none;
	margin-top: 53px;
	height: calc(100vh - 53px);
}

#custom-offcanvas.active {
	display: block;
}

.offcanvas-inner {
	display: flex;
	height: 100%;
}

.offcanvas-left {
	width: 46%;
}
.offcanvas-right {
	width: 70%;
}

.offcanvas-left {
	position: relative;
}

.preview {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	transition: opacity .3s ease;
}

.preview.active {
	opacity: 1;
}

/* MENU */
.menu-main {
	list-style: none;
	padding: 80px;
	color: #000000;
}

.menu-main > li {
	font-size: 20px;
	font-weight: 400;
	line-height: 28px;
	font-family: 'Poppins', sans-serif !important;
	margin-bottom: 40px;
	cursor: pointer;
	position: relative;
	text-transform: uppercase;
	transition: color .2s ease;
	color: #000000;
}

.menu-main > li:hover {
	color: #C4A300;
}

.menu-main > li .menu-link {
	color: inherit;
	text-decoration: none;
	transition: color .2s ease;
}

.menu-main > li:hover .menu-link {
	color: #C4A300;
}

.menu-arrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-left: 12px;
}

.menu-arrow img {
	width: 16px;
	height: auto;
	transition: opacity .2s ease;
}

.has-sub:hover .menu-arrow img {
	content: url('/wp-content/uploads/2026/01/keyboard_arrow_down-1.svg');
}

/* SUBMENU */
.submenu {
	list-style: none;
	max-height: 0;
	overflow: hidden;
	transition: .3s ease;
	margin-top: 0px;
	padding-left: 0;
	margin-left: 0;
	color: #000000;
}

.has-sub:hover .submenu {
	max-height: 300px;
	margin-top: 24px;
}

.submenu li {
	font-size: 18px;
	margin-bottom: 10px;
}

.submenu li a {
	color: #000000;
	text-transform: none;
	transition: color .2s ease;
}

.submenu li a:hover {
color: #C4A300;
}

.menu-main > li[data-key="product"] .submenu li {
font-size: 16px;
font-weight: 300;
line-height: 24px;
margin-bottom: 24px;
}

.menu-main > li[data-key="product"] .submenu li:last-child {
margin-bottom: 0;
}

.menu-main > li[data-key="product"] .submenu li a {
color: #454545;
}

.menu-main > li[data-key="product"] .submenu li a:hover {
color: #C4A300;
}

/* BRAND IMAGE SUBMENU */
.brand-sub {
display: flex;
gap: 20px;
padding-left: 0;
justify-content: flex-start;
}

.menu-main > li[data-key="brand"] .brand-sub li {
width: 120px;
}

.brand-sub img {
width: 80px;
height: auto;
}

.brand-logo {
width: 120px;
height: auto;
object-fit: contain;
}