/* Cajuzinho — header only. Do not change global theme colors. */

.whb-header {
	--caju-green: #00a650;
	--caju-green-dark: #008a43;
	--caju-red: #e80539;
	--caju-red-dark: #c70431;
	--caju-menu-bg: #f3f7f3;
	--caju-text-dark: #174c32;
	--caju-placeholder: #8a8f8c;
}

/* -------------------------------------------------------------------------
   Main header (green)
   ------------------------------------------------------------------------- */

.whb-header .whb-top-bar,
.whb-header .whb-general-header {
	background-color: var(--caju-green);
	border-bottom-color: rgba(0, 0, 0, 0.06);
}

@media (min-width: 1025px) {
	.whb-header .whb-top-bar {
		display: none;
	}

	.whb-header .whb-general-header-inner {
		min-height: 124px;
		padding-top: 18px;
		padding-bottom: 18px;
		align-items: center;
		gap: 40px;
	}

	.whb-header .whb-general-header .whb-col-left {
		flex: 0 0 auto;
		max-width: none;
		padding-right: 12px;
	}

	.whb-header .whb-general-header .whb-col-center {
		flex: 1 1 auto;
		min-width: 0;
		padding-left: 4px;
		padding-right: 16px;
	}

	.whb-header .whb-general-header .whb-col-right {
		flex: 0 0 auto;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		gap: 4px;
	}
}

/* Logo: white lettering version, keep red symbol */
.whb-header .wd-main-logo img,
.whb-header .wd-sticky-logo img {
	content: url("../img/logo_cajuzinho_header.png");
	height: auto;
}

.whb-header .whb-general-header .wd-main-logo img {
	max-width: 220px !important;
}

/* -------------------------------------------------------------------------
   Search
   ------------------------------------------------------------------------- */

.whb-header .wd-header-search-form .searchform.wd-style-with-bg {
	max-width: 100%;
}

.whb-header .wd-header-search-form input.s {
	height: 52px;
	background-color: #fff;
	border: 1px solid rgba(23, 76, 50, 0.12);
	border-radius: 10px;
	box-shadow: none;
	color: var(--caju-text-dark);
	padding-right: 60px;
}

.whb-header .wd-header-search-form input.s::placeholder {
	color: var(--caju-placeholder);
	opacity: 1;
}

.whb-header .wd-header-search-form input.s:focus,
.whb-header .wd-header-search-form input.s:focus-visible {
	border-color: rgba(232, 5, 57, 0.45);
	box-shadow: 0 0 0 3px rgba(232, 5, 57, 0.18);
	outline: none;
}

.whb-header .wd-header-search-form .searchform.wd-style-with-bg .searchsubmit {
	width: 52px;
	height: 52px;
	right: 0;
	background-color: var(--caju-red);
	color: #fff;
	border: 0;
	border-radius: 0 10px 10px 0;
	box-shadow: none;
}

.whb-header .wd-header-search-form .searchform.wd-style-with-bg .searchsubmit:hover,
.whb-header .wd-header-search-form .searchform.wd-style-with-bg .searchsubmit:active {
	background-color: var(--caju-red-dark);
	color: #fff;
	box-shadow: none;
}

.whb-header .wd-header-search-form .searchsubmit:focus-visible {
	outline: 2px solid #fff;
	outline-offset: -4px;
}

/* -------------------------------------------------------------------------
   Account + cart (override existing yellow !important)
   ------------------------------------------------------------------------- */

.whb-header .whb-general-header .wd-tools-icon,
.whb-header .whb-general-header .wd-tools-icon::before,
.whb-header .whb-general-header .wd-tools-icon::after,
.whb-header .whb-general-header span.woocommerce-Price-amount.amount,
.whb-header .whb-general-header .wd-header-cart .wd-cart-subtotal,
.whb-header .whb-general-header .wd-header-cart .wd-cart-number,
.whb-header .whb-general-header .wd-header-cart .subtotal-divider,
.whb-header .whb-general-header .wd-header-my-account .wd-tools-text,
.whb-header .whb-general-header .wd-header-my-account > a,
.whb-header .whb-general-header .wd-header-cart > a {
	color: #fff !important;
}

.whb-header .whb-general-header .wd-header-cart.wd-design-3 .wd-tools-icon::before {
	color: rgba(255, 255, 255, 0.22) !important;
}

.whb-header .wd-header-cart .wd-cart-number {
	background-color: transparent;
}

.whb-header .whb-general-header .wd-header-cart .wd-cart-number {
	opacity: 0.8;
}

.whb-header .wd-header-cart.wd-design-5 .wd-cart-number,
.whb-header .wd-tools-icon .wd-cart-number {
	background-color: var(--caju-red) !important;
	color: #fff !important;
	opacity: 1;
}

.whb-header .wd-header-my-account.wd-account-style-icon .wd-tools-text {
	display: block;
	font-size: 0;
	line-height: 1.2;
	font-weight: 700;
	white-space: nowrap;
}

.whb-header .wd-header-my-account.wd-account-style-icon .wd-tools-text::after {
	content: "Minha conta";
	font-size: 12px;
	letter-spacing: 0.01em;
	color: #fff;
}

.whb-header .wd-header-my-account > a {
	flex-direction: column;
	align-items: center;
	gap: 3px;
}

.whb-header .wd-header-my-account > a:hover,
.whb-header .wd-header-my-account > a:hover .wd-tools-icon,
.whb-header .wd-header-my-account > a:hover .wd-tools-icon::before,
.whb-header .wd-header-my-account > a:hover .wd-tools-text::after,
.whb-header .wd-header-cart > a:hover,
.whb-header .wd-header-cart > a:hover .wd-tools-icon,
.whb-header .wd-header-cart > a:hover .wd-tools-icon::before,
.whb-header .wd-header-cart > a:hover span.woocommerce-Price-amount.amount {
	color: #fff !important;
	opacity: 0.86;
}

.whb-header .wd-header-cart {
	margin-left: 10px;
	padding-left: 14px;
	border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.whb-header .wd-header-my-account > a:focus-visible,
.whb-header .wd-header-cart > a:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 3px;
	border-radius: 4px;
}

/* Account dropdown stays readable; no yellow accents */
.whb-header .wd-dropdown-register,
.whb-header .wd-dropdown-register .login-dropdown-inner {
	background: #fff;
	color: #24372d;
}

.whb-header .wd-dropdown-register a,
.whb-header .wd-dropdown-register .create-account-link,
.whb-header .wd-dropdown-register .lost_password {
	color: var(--caju-red);
}

.whb-header .wd-dropdown-register .button,
.whb-header .wd-dropdown-register button[type="submit"] {
	background-color: var(--caju-red);
	border-color: var(--caju-red);
	color: #fff;
}

.whb-header .wd-dropdown-register .button:hover,
.whb-header .wd-dropdown-register button[type="submit"]:hover {
	background-color: var(--caju-red-dark);
	border-color: var(--caju-red-dark);
	color: #fff;
}

/* -------------------------------------------------------------------------
   Bottom menu (light)
   ------------------------------------------------------------------------- */

.whb-header .whb-header-bottom {
	background-color: var(--caju-menu-bg);
}

.whb-header .whb-header-bottom .wd-nav-main > li > a {
	color: var(--caju-text-dark);
	position: relative;
}

.whb-header .whb-header-bottom .wd-nav-main > li > a .nav-link-text,
.whb-header .whb-header-bottom .wd-nav-main > li > a .wd-nav-arrow {
	color: var(--caju-text-dark);
}

.whb-header .whb-header-bottom .wd-nav-main > li > a::before {
	content: "";
	position: absolute;
	left: 12%;
	right: 12%;
	bottom: 6px;
	height: 2px;
	background-color: var(--caju-red);
	transform: scaleX(0);
	transform-origin: center;
	transition: transform 200ms ease;
	pointer-events: none;
}

.whb-header .whb-header-bottom .wd-nav-main > li > a:hover,
.whb-header .whb-header-bottom .wd-nav-main > li > a:hover .nav-link-text,
.whb-header .whb-header-bottom .wd-nav-main > li.current-menu-item > a,
.whb-header .whb-header-bottom .wd-nav-main > li.current-menu-ancestor > a,
.whb-header .whb-header-bottom .wd-nav-main > li.current-menu-item > a .nav-link-text,
.whb-header .whb-header-bottom .wd-nav-main > li.current-menu-ancestor > a .nav-link-text {
	color: var(--caju-text-dark);
}

.whb-header .whb-header-bottom .wd-nav-main > li > a:hover::before,
.whb-header .whb-header-bottom .wd-nav-main > li.current-menu-item > a::before,
.whb-header .whb-header-bottom .wd-nav-main > li.current-menu-ancestor > a::before {
	transform: scaleX(1);
}

.whb-header .whb-header-bottom .wd-nav-main > li > a:focus-visible {
	outline: 2px solid var(--caju-red);
	outline-offset: 3px;
}

/* Dropdowns: keep contrast, do not inherit header white */
.whb-header .wd-dropdown,
.whb-header .wd-dropdown-menu,
.whb-header .wd-nav-main .wd-sub-menu,
.whb-header .wd-nav-main .sub-menu {
	background-color: #fff;
	color: #24372d;
}

.whb-header .wd-nav-main .sub-menu a,
.whb-header .wd-nav-main .wd-sub-menu a,
.whb-header .wd-dropdown-menu a {
	color: #24372d;
}

.whb-header .wd-nav-main .sub-menu a:hover,
.whb-header .wd-nav-main .wd-sub-menu a:hover,
.whb-header .wd-dropdown-menu a:hover {
	color: var(--caju-red);
}

/* -------------------------------------------------------------------------
   Sticky (same header node + possible clone)
   ------------------------------------------------------------------------- */

.whb-header.whb-sticked .whb-general-header,
.whb-header .whb-general-header.whb-sticked,
.whb-clone .whb-general-header {
	background-color: var(--caju-green);
}

.whb-header.whb-sticked .whb-header-bottom,
.whb-header .whb-header-bottom.whb-sticked,
.whb-clone .whb-header-bottom {
	background-color: var(--caju-menu-bg);
}

/* -------------------------------------------------------------------------
   Mobile / tablet native WoodMart header
   ------------------------------------------------------------------------- */

@media (max-width: 1024px) {
	.whb-header .whb-top-bar,
	.whb-header .whb-general-header {
		background-color: var(--caju-green);
	}

	.whb-header .whb-general-header-inner {
		min-height: 72px;
		align-items: center;
	}

	.whb-header .whb-mobile-center .wd-main-logo img {
		max-width: 168px;
	}

	.whb-header .wd-header-mobile-nav .wd-tools-icon,
	.whb-header .wd-header-mobile-nav .wd-tools-icon::before,
	.whb-header .wd-header-mobile-nav .wd-tools-text,
	.whb-header .wd-header-mobile-nav > a,
	.whb-header .whb-mobile-right .wd-header-cart .wd-tools-icon,
	.whb-header .whb-mobile-right .wd-header-cart .wd-tools-icon::before,
	.whb-header .whb-mobile-right .wd-header-cart > a {
		color: #fff !important;
	}

	.whb-header .wd-header-cart.wd-design-5 .wd-cart-number,
	.whb-header .whb-mobile-right .wd-cart-number {
		background-color: var(--caju-red) !important;
		color: #fff !important;
		opacity: 1;
	}

	.whb-header .wd-header-cart {
		border-left: 0;
		margin-left: 0;
		padding-left: 0;
	}

	.whb-header .whb-top-bar .wd-social-icons a,
	.whb-header .whb-top-bar .wd-social-icon .wd-icon {
		color: #fff;
	}
}

@media (max-width: 430px) {
	.whb-header .whb-mobile-center .wd-main-logo img {
		max-width: 150px;
	}
}