@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Playfair:ital,opsz,wght@0,5..1200,300..900;1,5..1200,300..900&display=swap');

:root {
	--header-topbar-background-color: var(--text-gray);
	--header-topbar-text-color: var(--primary);
	--header-topbar-icon-color: var(--primary);
	--header-background-color: #0a0c0b;
	--header-color-text: #ffffff;
	--header-menu-color-text: #ffffff;
	--header-svg-color: var(--text);
	--background: #0a0c0b;
	--text: #ffff;
	--text-gray: #f0f0f0;
	--footer-background-color: var(--text-gray);
	--footer-color-text: var(--primary);
	--text-black: #000;

	--font-primary: 'Montserrat', sans-serif;
	/* --font-secondary: 'Playfair', serif; */
	--font-tertiary: 'Lato', sans-serif;
	--ls-lato: 0.7px;
    --ls-playfair: 1px;
	--header-menu-font-size: 15px;
	--spacing-sections-home: 60px;
}

/* Geral */
.heading-title {font-size: 40px; font-weight: 700; font-family: var(--font-tertiary); letter-spacing: var(--ls-lato); color: #ffffff;}
.submenu-column{border: 1px solid #d9d9d9;}
body {letter-spacing: .6px;}
h1 span, h2 span {color: var(--text);}
.swiper-pagination-bullet {background: var(--text);}

/* Geral */

.top-bar {font-family: var(--font-tertiary); letter-spacing: var(--ls-lato); padding: 8px 0; border-bottom: 1px solid #ffffff42;}
.header-wrapper {padding: 13px 0;}
header {border-bottom: 1px solid #ffffff42;}

.logo-wrapper {position: relative; display: inline-block;}
.logo-wrapper::before { content: ""; position: absolute; top: 33%; left: 50%; width: 180%; height: 180%;transform: translate(-50%, -50%);background-image: url('../../../../image/catalog/background/icone-vinoteca.png');background-repeat: no-repeat;background-position: center;z-index: 0; opacity: .1;}
.logo-wrapper img {position: relative; z-index: 1;}

.menu-advanced .lista-nivel-1 {justify-content: center;}
.menu-advanced .item-nivel-1 .item-nivel-1-text {font-weight: 500;}
.menu-advanced .title-principal {color: var(--primary);}
.menu-advanced .item-nivel-2 > a {color: var(--primary);}

.header-contact__item-label {color: var(--primary);}
.header-contact__item-info {color: var(--primary);}
#cart-total .items {background: var(--text-gray); color: #000;}

.welcome {color: var(--primary);}
.header-wrapper .dropdown-santstyle__box svg {fill: var(--primary);}

.promotional-bar .title {color: var(--text);}
.promotional-bar .content {color: var(--text);}
.promotional-bar svg path {fill: var(--text);}

.carousel-categories .heading-title {font-family: var(--font-tertiary); font-weight: 500; font-size: 30px;}
/* .carousel-categories .bg-item-category {width: 92%; height: 93%; background: #6b4457; border-radius: 5px;} */
.carousel-categories .bg-item-category {width: 90%; height: 91%; border-radius: 5px;}
.carousel-categories .wrapper-bg-image img {border-radius: 5px;}
.carousel-categories .swiper {max-width: 1350px;}
.carousel-categories .icon {position: absolute; z-index: 1; left: 4%; top: 1%;}
.carousel-categories .icon svg {width: 40px; height: 40px;}

.product-thumb {font-family: var(--font-tertiary); letter-spacing: var(--ls-lato);}
.product-thumb-title a {color: var(--text);}
.product-thumb .product-price-value {color: var(--text);}

.depoiments .depoiments-quotes i {color: var(--primary);}
.depoiments .depoiment-name {color: var(--primary);}

.footer-informations img {display: none;}
.section-newsletter .newsletter-input {background: transparent;}
.btn-newsletter {background: #fafafa !important; color: #000 !important;}
.btn-newsletter:hover {background: #d0d0d0 !important;}
footer .footer-info__title, footer .footer-seal__title, footer .social-media-title {color: var(--footer-color-text);}
footer .social-media a {color: var(--primary);}
footer .list-contact__label {color: var(--primary);}
footer .hr-footer {border-top: 1px solid #949494;}

.coupons-available .btn.btn-open-coupons {background: var(--text-gray);}
.coupons-available .btn-open-coupons svg {fill: var(--primary);}

/* Página Interna */
.breadcrumb-wrapper {display: none;}

#product-category .offcanvas-lg .offcanvas-body {background: #ffffff !important; border-radius: 4px;}
.btn.btn-toolbar, #productToolbar .nice-select {color: var(--primary);}

#product-product {margin-top: 41px;}

#product h1 {font-family: var(--font-tertiary); letter-spacing: var(--ls-lato); font-size: 30px; font-weight: 700;}

.product-price .product-pix-value {color: var(--primary);}
.product-price .product-pix-text {color: var(--primary);}

.btn-product-wishlist svg {fill: var(--text);}

#product .bootstrap-touchspin button, #product .bootstrap-touchspin #inputQuantity {color: var(--text);}

#product .shipping-simulator .shipping-simulator-input {background: var(--primary);}

.list-shipping-wrapper .list-group {color: var(--primary);}

.product-benefits {display: flex;}
.product-benefits .benefit {display: flex; align-items: center; margin-bottom: 18px; background: #f5f5f5; max-width: 500px;}
.product-benefits .benefit svg {width: 50px; height: 50px; fill: var(--primary);}
.product-benefits .benefit .title {font-weight: 500; font-size: 16px; font-family: var(--font-tertiary); letter-spacing: var(--ls-lato); color: var(--primary);}

#product-product .product-tabs {gap: 11px;}
#product-product .product-tabs .nav-link {font-family: var(--font-tertiary); letter-spacing: var(--ls-lato);}
#product-product .product-tabs .nav-link.active {background: var(--text-gray) !important;}

/* Página do Carrinho — tema escuro herda texto branco dentro das caixas brancas (.cart-box / .cart-totals), deixando o conteúdo ilegível */
.cart-page .cart-box, .cart-page .cart-totals {color: #212121;}
.cart-page .cart-box a {color: #212121;}
.cart-page .cart-box a:hover {color: #555;}
.cart-page .cart-box .product-name a {color: #212121;}
.cart-page .cart-box .form-control {color: #212121;}
.cart-page .cart-box .form-control::placeholder {color: #8a8a8a;}
.cart-page .shipping-simulator-cep {color: #a3a3a3;}

/* Página de Sucesso/Confirmação — tema escuro deixava o texto (.primary-color #000) preto sobre fundo escuro nas caixas .caixa-info. Prefixos garantem especificidade acima da regra inline !important da página */
.checkout-success-unified .caixa-info,
.checkout-success-panel .caixa-info,
.checkout-success-generic .caixa-info {color: var(--text) !important;}
.checkout-success-unified .caixa-info .primary-color,
.checkout-success-panel .caixa-info .primary-color,
.checkout-success-generic .caixa-info .primary-color {color: var(--text) !important;}
.checkout-success-unified .caixa-info a,
.checkout-success-panel .caixa-info a,
.checkout-success-generic .caixa-info a {color: var(--text) !important; text-decoration: underline;}

@media (max-width: 991px) {
	.heading-title {font-size: 30px;}

	.offcanvas-menu-mobile #header-account-mobile svg {fill: var(--primary);}
	.offcanvas-menu-mobile #header-account-mobile a {color: var(--primary);}
	.menu-advanced-mobile .accordion-header a, .menu-advanced-mobile .accordion-header .accordion-button {color: var(--primary);}
	.offcanvas-menu-mobile .offcanvas-footer {background: var(--primary);}
	.offcanvas-menu-mobile .offcanvas-footer .social-media a {background: var(--primary); color: var(--text) !important;}
}