/* ----------------------------------------------------------------
   Comfort White-to-Blue Layer
   Objective: replace harsh white surfaces with very light blue gradients
----------------------------------------------------------------- */

:root {
	--pru-grad-page: linear-gradient(180deg, #F6FAFE 0%, #EAF2F9 100%);
	--pru-grad-soft: linear-gradient(180deg, #F8FCFF 0%, #EEF5FB 100%);
	--pru-grad-card: linear-gradient(180deg, #FCFEFF 0%, #F0F6FC 100%);
	--pru-grad-muted: linear-gradient(180deg, #F2F8FD 0%, #E7F0F8 100%);
	--pru-border-soft: rgba(31, 45, 61, 0.10);
	--pru-text-heading: #1F2D3D;
	--pru-text-body: #4A5A6A;
	--pru-text-muted: #6B7C8C;
}

/* Base global */
body,
#wrapper {
	background: var(--pru-grad-page) !important;
	color: var(--pru-text-body);
}

#content,
.content-wrap {
	background: var(--pru-grad-soft) !important;
}

/* Header com degradê azul leve */
#header-wrap,
#header.transparent-header:not(.sticky-header) #header-wrap,
.sticky-header #header-wrap,
.sticky-header.full-header #header-wrap {
	background: linear-gradient(180deg, #F9FCFF 0%, #EAF3FA 100%) !important;
}

#header.full-header:not(.transparent-header) {
	border-bottom-color: rgba(80, 154, 194, 0.22) !important;
}

/* Busca do header adaptada ao novo visual azul suave */
#search-top-red,
#search-top-mobile {
	background: linear-gradient(120deg, #63AFD3 0%, #4F9CC5 56%, #3E88B2 100%) !important;
	box-shadow: 0 10px 22px rgba(18, 59, 86, 0.16);
}

#search-top-red form,
#search-top-mobile form {
	display: flex;
	align-items: center;
	width: 252px;
	max-width: 252px;
	border: 1px solid rgba(80, 154, 194, 0.46) !important;
	border-radius: 24px !important;
	background: linear-gradient(180deg, rgba(250, 253, 255, 0.96) 0%, rgba(236, 244, 251, 0.96) 100%) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.9),
		0 6px 16px rgba(18, 59, 86, 0.12);
}

#search-top-red form button,
#search-top-mobile form button {
	height: 34px;
	padding-left: 12px;
	padding-right: 12px;
	border-right: 1px solid rgba(80, 154, 194, 0.32) !important;
	background: rgba(80, 154, 194, 0.12) !important;
}

#search-top-red form button img,
#search-top-mobile form button img {
	opacity: 0.9;
}

#search-top-red form input,
#search-top-mobile form input {
	height: 34px;
	padding: 0 12px;
	color: #20435B !important;
	font-size: 13px;
	font-weight: 500;
	background: transparent !important;
}

#search-top-red form input::placeholder,
#search-top-mobile form input::placeholder {
	color: #6C8498 !important;
	opacity: 1 !important;
}

#search-top-red form input:-ms-input-placeholder,
#search-top-mobile form input:-ms-input-placeholder {
	color: #6C8498 !important;
}

#search-top-red form input::-ms-input-placeholder,
#search-top-mobile form input::-ms-input-placeholder {
	color: #6C8498 !important;
}

#search-top-red form:focus-within,
#search-top-mobile form:focus-within {
	border-color: rgba(44, 115, 154, 0.68) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.95),
		0 0 0 2px rgba(80, 154, 194, 0.2),
		0 8px 20px rgba(18, 59, 86, 0.16);
}

#search-top-red form input:focus,
#search-top-mobile form input:focus {
	outline: none;
}

/* Produtos: reforco visual com gradiente azul suave */
body.page-products {
	background: linear-gradient(180deg, #F4F8FC 0%, #E7EFF7 100%) !important;
}

body.page-products #header-wrap,
body.page-products #header.transparent-header:not(.sticky-header) #header-wrap,
body.page-products .sticky-header #header-wrap {
	background: linear-gradient(110deg, #F8FCFF 0%, #EEF5FB 58%, #E2EDF8 100%) !important;
	border-bottom: 1px solid rgba(80, 154, 194, 0.20);
	box-shadow: 0 8px 24px rgba(18, 59, 86, 0.06);
}

body.page-products #content.product-content {
	background: linear-gradient(180deg, #F4F9FD 0%, #EAF2F8 100%) !important;
}

body.page-products #content.product-content .content-wrap,
body.page-products #content.product-content #shop {
	background: linear-gradient(180deg, #F7FBFF 0%, #EEF5FB 100%) !important;
}

body.page-products .sidebar-widgets-wrap,
body.page-products .product-content .sidebar-widgets-wrap {
	background: linear-gradient(180deg, #F9FCFF 0%, #ECF4FB 100%) !important;
	border: 1px solid rgba(31, 45, 61, 0.12) !important;
	border-top: 4px solid rgba(80, 154, 194, 0.72) !important;
	box-shadow: 0 12px 28px rgba(18, 59, 86, 0.08) !important;
}

body.page-products .widget.clearfix {
	background: transparent !important;
}

body.page-products .categorias li {
	border-bottom: 1px solid rgba(31, 45, 61, 0.12);
}

body.page-products .categorias li a:hover,
body.page-products .product-content .sidebar-widgets-wrap .widget .categorias li a:hover {
	background: rgba(80, 154, 194, 0.14) !important;
	color: #1F2D3D !important;
}

body.page-products #shop .grid-inner,
body.page-products .product-content .product .grid-inner {
	background: linear-gradient(180deg, #FCFEFF 0%, #EDF4FB 100%) !important;
	border: 1px solid rgba(31, 45, 61, 0.12) !important;
	box-shadow: 0 10px 24px rgba(18, 59, 86, 0.08) !important;
}

body.page-products #shop .grid-inner:hover,
body.page-products .product-content .product .grid-inner:hover {
	border-color: rgba(80, 154, 194, 0.55) !important;
	box-shadow: 0 18px 34px rgba(18, 59, 86, 0.13) !important;
}

body.page-products .product-content::before {
	opacity: 0.010 !important;
}

.menu-link,
.menu-item:hover > .menu-link,
.menu-item.current > .menu-link {
	color: #1F2D3D;
}

/* Text hierarchy comfort */
h1, h2, h3, h4, h5, h6 {
	color: var(--pru-text-heading);
}

p,
li,
label,
address,
.entry-content,
.product-desc,
.footer-description {
	color: var(--pru-text-body);
	line-height: 1.6;
}

small,
.small,
.text-muted,
#copyrights {
	color: var(--pru-text-muted) !important;
}

/* Textured sections: keep texture, soften white noise */
#content.granulado {
	background-image:
		linear-gradient(180deg, rgba(246, 250, 254, 0.94) 0%, rgba(234, 242, 249, 0.94) 100%),
		url('../images/bg-granulado.webp') !important;
	background-repeat: no-repeat, no-repeat;
	background-position: center center, center center;
	background-size: cover, cover;
}

#content.granulado-contato {
	background-image:
		linear-gradient(180deg, rgba(248, 252, 255, 0.94) 0%, rgba(234, 242, 249, 0.94) 100%),
		url('../images/contato/bg-granulado.png') !important;
	background-repeat: no-repeat, no-repeat;
	background-position: center top, bottom center;
	background-size: cover, auto;
}

/* Main white surfaces -> light blue gradients */
.product-content,
.content-novidades,
.content-page-distribuidores,
.contato-content,
.contato-mapa,
.block-consultores-home .text-n-left,
#shop,
#posts,
.sidebar,
.sidebar-widgets-wrap,
.product-content .sidebar-widgets-wrap,
.page-product-detail .sidebar-widgets-wrap,
.widget.clearfix,
.pru-cart-dialog,
.pru-cart-body,
.pru-cart-item,
.pru-cart-thumb,
.pru-cart-footer,
.pru-customer-dialog,
.pru-customer-body,
.pru-customer-input,
.pru-customer-logout-dialog,
.pru-customer-logout-body,
.pru-customer-logout-actions,
.contato-content .block-vendedores,
#myModal1 .block-vendedores,
.modal1 .block.mx-auto,
.contato-mapa-wrapper,
.clients-section .client-item,
.content-novidades .entry,
.content-page-distribuidores .content-distribuidor,
#detail-product-top .product-selected,
#content.page-product-detail .tab-container,
#content.page-product-detail .tabs .tab-content,
.page-product-detail .flexslider .flex-viewport,
.page-product-detail .flex-control-nav.flex-control-thumbs li,
.page-product-detail .tab-nav li a {
	background: var(--pru-grad-card) !important;
	border-color: var(--pru-border-soft) !important;
}

/* Product cards and related cards */
.grid-inner,
#shop .grid-inner,
.product-content .grid-inner,
.page-product-detail .grid-inner,
.product-content .product .grid-inner {
	background: var(--pru-grad-card) !important;
	border: 1px solid var(--pru-border-soft) !important;
	border-radius: 12px;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06) !important;
}

.grid-inner:hover,
#shop .grid-inner:hover,
.product-content .grid-inner:hover,
.page-product-detail .grid-inner:hover,
.product-content .product .grid-inner:hover {
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12) !important;
}

/* Sidebar readability after softening */
.product-content .sidebar-widgets-wrap h3,
.page-product-detail .sidebar-widgets-wrap h3,
.sidebar-widgets-wrap h3,
.categorias li a,
.product-content .sidebar-widgets-wrap .widget .categorias li a,
.page-product-detail .sidebar-widgets-wrap .widget .categorias li a {
	color: var(--pru-text-heading) !important;
}

.product-content .sidebar-widgets-wrap .widget .categorias li a::before,
.page-product-detail .sidebar-widgets-wrap .widget .categorias li a::before,
.categorias li a::before {
	color: #2B6C8F !important;
}

/* Watermark less intrusive */
.product-content::before {
	opacity: 0.012 !important;
}

/* Replace common inline white backgrounds in templates */
[style*="background-color: #efefef"],
[style*="background-color:#efefef"],
[style*="background-color: #EFEFEF"],
[style*="background-color:#EFEFEF"],
[style*="background-color: #f5f5f5"],
[style*="background-color:#f5f5f5"],
[style*="background-color: #F5F5F5"],
[style*="background-color:#F5F5F5"],
[style*="background-color: #fff"],
[style*="background-color:#fff"],
[style*="background-color: #FFF"],
[style*="background-color:#FFF"],
[style*="background-color: #ffffff"],
[style*="background-color:#ffffff"],
[style*="background-color: #FFFFFF"],
[style*="background-color:#FFFFFF"],
[style*="background: #fff"],
[style*="background:#fff"],
[style*="background: #FFF"],
[style*="background:#FFF"],
[style*="background: #ffffff"],
[style*="background:#ffffff"],
[style*="background: #FFFFFF"],
[style*="background:#FFFFFF"] {
	background: var(--pru-grad-soft) !important;
}

/* Vertical rhythm without changing structure */
.section,
#content .content-wrap {
	padding-top: 60px;
	padding-bottom: 60px;
}

@media (max-width: 991px) {
	.section,
	#content .content-wrap {
		padding-top: 48px;
		padding-bottom: 48px;
	}
}