/* FEASSO — visual baseado no tritao (v3033) */

#top {
	background-color: #131d28;
	border-bottom: none;
	margin: 0;
	padding: 4px 0 3px;
	min-height: 40px;
}

#top .btn-link,
#top-links li,
#top-links a {
	color: #fff;
	text-shadow: none;
}

#top .btn-link:hover,
#top-links a:hover {
	color: #fff;
	text-decoration: underline;
}

#top-links .top-whatsapp-item {
	padding-right: 8px;
}

#top-links .top-whatsapp-link {
	display: inline-flex;
	align-items: center;
	gap: 0.2em;
	text-decoration: none !important;
	vertical-align: middle;
	line-height: 1.428571429;
	padding: 0;
	border: none;
	font-size: inherit;
}

#top-links .top-whatsapp-link:hover {
	text-decoration: none !important;
}

#top-links .top-whatsapp-link:hover .top-whatsapp-number {
	text-decoration: underline;
}

#top-links .top-whatsapp-icon {
	display: block;
	width: 21px;
	height: 21px;
	flex-shrink: 0;
	border: none;
	outline: none;
	box-shadow: none;
	background: transparent;
	object-fit: contain;
	vertical-align: middle;
	image-rendering: -webkit-optimize-contrast;
}

#top-links .top-whatsapp-link:hover .top-whatsapp-icon {
	opacity: 0.92;
}

#top-links .top-whatsapp-number {
	display: inline-block;
	line-height: inherit;
	white-space: nowrap;
}

#top-links a > .fa {
	font-size: 15px;
	line-height: 1;
	vertical-align: middle;
}

#top #form-currency .currency-select:hover,
#top #form-language .language-select:hover {
	background-color: #1d60bc;
	background-image: none;
}

/* Header layout (v3033 tritao) */
.mt-2 { margin-top: 0px; }
.mt-4 { margin-top: 23px; }
.mt-6 { margin-top: 24px; }

header {
	background: #1d60bc;
	padding: 8px 0 12px;
	margin-bottom: 0;
}

/* layout responsivo em header-mobile.css */

#logo {
	margin: 0 0 10px 0;
}

#logo img {
	width: 80%;
	max-width: 220px;
	height: auto;
	max-height: 65px;
	margin-top: 6px;
}

#search {
	margin-bottom: 10px;
	position: relative;
}

#search .input-lg {
	height: 40px;
	line-height: 20px;
	padding: 0 44px 0 17px;
	border: 1px solid #3060bc !important;
	border-radius: 30px;
	box-shadow: none;
	background: #fff;
}

#search .btn-search-icon {
	position: absolute;
	top: 3px;
	right: 20px;
	z-index: 3;
	width: 34px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	color: #3596e0;
	left: auto;
	font-size: 16px;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
	cursor: pointer;
}

.header-cart-col {
	text-align: right;
}

#cart > .btn {
	background-color: #131d28;
	border-color: #0e2c48;
	background-image: none;
	color: #fff;
}

#cart > .btn:hover {
	background-color: #0e2c48;
}

/* Títulos de listas na home — mesmo estilo TACT, cor FEASSO */
.header-border {
	background: none;
	border-top: 5px solid #1d60bc;
	margin: 25px 0 0;
	padding: 0;
	text-align: left;
	position: relative;
}

.header-border .heading {
	background: #fff;
	display: inline-block;
	margin: 0;
	padding: 0 20px;
	position: relative;
	top: -24px;
	font-size: 40px;
	font-weight: normal;
	text-transform: capitalize;
	color: #444;
}

.header-border .heading a {
	color: inherit;
	text-decoration: none;
}

.header-border .heading a:hover {
	color: #1d60bc;
}

.dropdown-menu li > a:hover {
	background-color: #1d60bc;
	background-image: none;
}

.btn-primary {
	background-color: #1d60bc;
	background-image: linear-gradient(to bottom, #1d60bc, #174a93);
	border-color: #174a93 #174a93 #0f3568;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
	background-color: #174a93;
	background-image: none;
}

footer {
	background-color: #131d28;
	border-top: 3px solid #1d60bc;
}

.product-thumb .price,
.product-thumb .price-new,
h2.price {
	color: var(--price-color);
}

.list-group a.active,
.list-group a.active:hover {
	background: #1d60bc;
	color: #fff;
	border-color: #1d60bc;
	text-shadow: none;
}

.breadcrumb {
	border-color: #1d60bc;
}

:root {
	--account-accent: #1d60bc;
	--account-accent-soft: rgba(29, 96, 188, 0.12);
	--account-text: #333;
	--account-muted: #777;
	--price-color: #1d60bc;
	--btn-buy-bg: #11b400;
	--btn-buy-hover: #0e9900;
	--btn-buy-border: #11b400;
}

#product-product ul.list-unstyled h2,
#content .price,
#content .price-new,
#content h2.price,
.product-thumb .price,
.product-thumb .price-new,
h2.price,
.account-wishlist .price b,
#product-compare tbody tr:nth-child(3) td:not(:first-child) {
	color: var(--price-color) !important;
}

#product-product ul.list-unstyled h2 {
	font-weight: bold;
}

.product-thumb .price-old,
#content .price-old {
	color: #999 !important;
	font-weight: normal;
}

.btn-cart,
#button-cart,
.product-login-price-btn,
#checkout-cart .storefront-actions .btn-primary,
#checkout-checkout .btn-primary,
#checkout-checkout input.btn-primary {
	background-color: var(--btn-buy-bg) !important;
	background-image: none !important;
	border-color: var(--btn-buy-border) !important;
	color: #fff !important;
}

.btn-cart:hover,
.btn-cart:focus,
.btn-cart:active,
#button-cart:hover,
#button-cart:focus,
#button-cart:active,
.product-login-price-btn:hover,
.product-login-price-btn:focus,
#checkout-cart .storefront-actions .btn-primary:hover,
#checkout-cart .storefront-actions .btn-primary:focus,
#checkout-cart .storefront-actions .btn-primary:active,
#checkout-checkout .btn-primary:hover,
#checkout-checkout .btn-primary:focus,
#checkout-checkout .btn-primary:active,
#checkout-checkout input.btn-primary:hover,
#checkout-checkout input.btn-primary:focus,
#checkout-checkout input.btn-primary:active {
	background-color: var(--btn-buy-hover) !important;
	border-color: var(--btn-buy-hover) !important;
	color: #fff !important;
}

#cart .dropdown-menu p.text-right a {
	display: inline-block;
	margin-left: 6px;
	padding: 8px 14px;
	background-color: var(--btn-buy-bg);
	border: 1px solid var(--btn-buy-border);
	border-radius: 3px;
	color: #fff !important;
	text-decoration: none;
	font-weight: 400;
}

#cart .dropdown-menu p.text-right a:first-child {
	margin-left: 0;
}

#cart .dropdown-menu p.text-right a:hover,
#cart .dropdown-menu p.text-right a:focus {
	background-color: var(--btn-buy-hover);
	border-color: var(--btn-buy-hover);
	color: #fff !important;
	text-decoration: none;
}

#cart .dropdown-menu p.text-right a strong {
	color: inherit;
	font-weight: 400;
}

[id^="account-"] #content a:not(.account-hub-card):not(.btn):not(.alert-link),
#checkout-cart #content a:not(.btn):not(.account-hub-card):not(.alert-link),
#checkout-checkout #content a:not(.btn):not(.account-hub-card):not(.alert-link) {
	color: #1d60bc;
}

[id^="account-"] #content a:not(.account-hub-card):not(.btn):not(.alert-link):hover,
#checkout-cart #content a:not(.btn):not(.account-hub-card):not(.alert-link):hover,
#checkout-checkout #content a:not(.btn):not(.account-hub-card):not(.alert-link):hover {
	color: #174a93;
}

#collapse-payment-method .payment-method-label {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	vertical-align: middle;
}

#collapse-payment-method .payment-method-pix .payment-method-icon {
	font-size: 20px;
	color: #11b400;
}

#collapse-payment-method .payment-method-faturado .payment-method-name {
	font-weight: 600;
}

#collapse-payment-method .payment-method-faturado .payment-method-image {
	max-height: 28px;
	width: auto;
	vertical-align: middle;
}

#collapse-checkout-confirm .payment-faturado-wrap .buttons {
	margin-top: 15px;
}

.bank-transfer-checkout-notice {
	margin-bottom: 20px;
}

.bank-transfer-checkout-notice .alert-info {
	border-color: #bce8f1;
	background: #f4fbff;
	color: #31708f;
}

.pix-payment-panel {
	margin: 24px 0;
	padding: 24px;
	border: 2px solid #11b400;
	border-radius: 10px;
	background: linear-gradient(180deg, #f8fff6 0%, #fff 100%);
	box-shadow: 0 8px 24px rgba(17, 180, 0, 0.08);
}

.pix-payment-panel__header {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 20px;
}

.pix-payment-panel__header .fa-qrcode {
	font-size: 28px;
	color: #11b400;
}

.pix-payment-panel__header h3 {
	margin: 0;
	font-size: 22px;
	font-weight: 700;
	color: #222;
}

.pix-payment-panel__grid {
	display: grid;
	grid-template-columns: minmax(180px, 1fr) auto minmax(220px, 1.2fr);
	gap: 20px;
	align-items: start;
}

.pix-payment-panel__label {
	display: block;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #666;
	margin-bottom: 8px;
}

.pix-payment-panel__value {
	display: block;
	font-size: 28px;
	line-height: 1.2;
	color: #1d60bc;
}

.pix-payment-panel__qrcode-box {
	display: inline-block;
	padding: 12px;
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 8px;
}

.pix-payment-panel__qrcode-box img,
.pix-payment-panel__qrcode-box canvas {
	display: block;
}

.pix-payment-panel__bank-box {
	padding: 16px;
	background: #fff;
	border: 1px solid #e8e8e8;
	border-radius: 8px;
	font-size: 15px;
	line-height: 1.6;
	color: #333;
}

.pix-payment-panel__copy,
.pix-payment-panel__upload {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #e8e8e8;
}

.pix-payment-panel__help {
	margin-bottom: 12px;
	color: #666;
}

.pix-payment-panel__download {
	margin-top: 10px;
}

.pix-receipt-preview__thumb {
	display: block;
	max-width: 180px;
	max-height: 180px;
	margin-bottom: 10px;
	cursor: pointer;
}

.pix-receipt-preview__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
}

.pix-receipt-modal__body {
	text-align: center;
	padding: 0;
}

.pix-receipt-modal__image {
	display: block;
	max-width: 100%;
	max-height: 75vh;
	margin: 0 auto;
}

.pix-receipt-modal__iframe {
	display: block;
	width: 100%;
	height: 75vh;
	border: 0;
}

@media (max-width: 991px) {
	.pix-payment-panel__grid {
		grid-template-columns: 1fr;
	}

	.pix-payment-panel__qrcode {
		order: -1;
	}
}

.product-login-price {
	margin: 8px 0 22px;
}

.product-login-price-btn {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0.45em 0.85em;
	width: 100%;
	min-height: 46px;
	padding: 10px 16px;
	border-radius: 6px;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.45;
	text-align: center;
	text-decoration: none !important;
	color: #fff !important;
	cursor: pointer;
	box-shadow: 0 2px 6px rgba(17, 180, 0, 0.18);
	transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.product-login-price-btn__label {
	font-weight: 500;
	white-space: nowrap;
}

.product-login-price-btn__action {
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 2px;
	text-decoration-thickness: 1px;
	white-space: nowrap;
}

.product-login-price-btn:hover,
.product-login-price-btn:focus {
	text-decoration: none !important;
	color: #fff !important;
}