@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,300..600;1,300..600&display=swap');

:root {
	/* paleta oficial Glatt Móveis */
	--glatt-gold: #DB9802;
	--glatt-gold-dark: #B5690F;
	--glatt-copper: #7A3012;
	--glatt-copper-light: #F2AD68;
	--glatt-graphite: #231E1E;
	--glatt-black: #070607;
	--glatt-gray: #545453;
	--glatt-light-gray: #E8E5DF;
	--glatt-off-white: #F3F2EF;

	/* cores */
	--primary: var(--glatt-gold);
	--primary-hover: var(--glatt-gold-dark);
	--primary-active: var(--glatt-copper);
	--secondary: var(--glatt-graphite);
	--secondary-hover: var(--glatt-copper);
	--secondary-active: var(--glatt-black);
	--gray: var(--glatt-light-gray);
	--gray-hover: #ddd9d2;
	--gray-active: #d3cfc7;
	--gray-light: var(--glatt-off-white);
	--gray-light-hover: #ece9e3;
	--gray-light-active: #e2ded6;
	--white: var(--glatt-off-white);
	/* cores */

	/* header */
	--header-topbar-background-color: var(--glatt-graphite);
	--header-topbar-text-color: var(--glatt-off-white);
	--header-topbar-icon-color: var(--glatt-off-white);
	--header-background-color: #fff;
	--header-border-color: var(--glatt-light-gray);
	--header-color-text: var(--text);
	--header-svg-color: var(--glatt-graphite);
	--header-search-background-color: var(--glatt-off-white);
	--header-search-background-color-focus: var(--glatt-light-gray);
	--header-search-color: var(--text);
	--header-menu-background: #fff;
	--header-menu-color-text: var(--text);
	--header-menu-color-text-hover: var(--glatt-copper);
	--header-menu-mobile-color-text: var(--text);
	--header-menu-icon-color: var(--text);
	--header-menu-mobile-icon-color: var(--text);
	--header-menu-font-size: 14px;
	/* header */

	/* footer */
	--footer-background-color: var(--glatt-graphite);
	--footer-border-color: #332c2c;
	--footer-color-text: var(--glatt-off-white);
	--footer-color-text-secondary: #c9c5bd;
	/* footer */

	/* fontes */
	--font-primary: 'Jost', sans-serif;
	/* fontes */

	/* botões */
	--btn-primary: var(--primary);
	--btn-primary-hover: var(--primary-hover);
	--btn-primary-active: var(--primary-active);
	--btn-secondary: var(--secondary);
	--btn-secondary-hover: var(--secondary-hover);
	--btn-secondary-active: var(--secondary-active);

	--btn-product-thumb: var(--secondary);
	--btn-product-thumb-hover: var(--glatt-copper);
	--btn-product-thumb-active: var(--glatt-black);
	--btn-product-thumb-color: #fff;
	--btn-product-thumb-radius: var(--border-radius-default);

	--btn-add-cart: var(--primary);
	--btn-add-cart-hover: var(--primary-hover);
	--btn-add-cart-active: var(--primary-active);
	--btn-add-cart-color: var(--glatt-graphite);
	/* botões */

	/* variações */
	--variant-button-background-color: #fff;
	--variant-button-color: var(--text);
	--variant-button-border-color: var(--glatt-light-gray);
	--variant-button-selected-background-color: var(--glatt-graphite);
	--variant-button-selected-color: var(--glatt-off-white);
	--variant-button-selected-border-color: var(--glatt-graphite);
	--variant-button-border-radius: var(--border-radius-default);
	/* variações */

	/* radius */
	--border-radius-default: 6px;
	--btn-border-radius: var(--border-radius-default);
	--input-border-radius: var(--border-radius-default);
	/* radius */

	/* geral */
	--text: var(--glatt-graphite);
	--text-secondary: var(--glatt-gray);
	--text-black: var(--glatt-black);
	--text-gray: var(--glatt-gray);
	--background: #fff;
	--background-secondary: #fff;
	--plyr-color-main: var(--primary);
	/* geral */
}

body {background: var(--background); color: var(--text);}

a {color: var(--glatt-copper);}
a:hover {color: var(--glatt-gold);}

.heading-title {color: var(--glatt-graphite); font-weight: 500; letter-spacing: -0.5px;}

.header-wrapper .search svg, .header-wrapper .search svg path {fill: var(--glatt-copper);}

.menu-advanced .item-nivel-1-text.with-child, .menu-advanced .item-nivel-1-text.with-child:hover {color: var(--glatt-copper);}
.menu-advanced .lista-nivel-1 {justify-content: left; gap: 4px;}
.menu-advanced .item-nivel-1 .item-nivel-1-text {padding: 10px 16px;}

.promotional-bar svg {fill: var(--glatt-copper);}

.product-thumb {border-radius: var(--border-radius-default); background: #fff;}
.product-thumb .product-tag {background: var(--glatt-graphite); color: var(--glatt-off-white);}
.product-thumb-title a {color: var(--glatt-graphite);}
.product-thumb .product-price-value {color: var(--glatt-copper); font-weight: 600;}
.product-thumb .product-price-old-value {color: var(--glatt-gray);}
.product-thumb .product-short-installments {color: var(--glatt-gray);}

.container-arrow {background: var(--glatt-graphite); border-color: var(--glatt-graphite);}
.container-arrow:hover {background: var(--glatt-copper); border-color: var(--glatt-copper);}
.container-arrow i {color: var(--glatt-off-white);}

.coupon-bar {color: var(--glatt-copper); border-color: var(--glatt-light-gray);}
#coupon-copy {color: var(--glatt-graphite);}

#product h1 {color: var(--glatt-graphite);}
.product-price .product-price-value {color: var(--glatt-copper);}
.product-price .product-price-old-value {color: var(--glatt-gray);}
.variant-button-selected-background-color {background: var(--glatt-graphite);}

.btn.btn-add-cart {font-weight: 600;}

footer .social-media a {color: var(--glatt-gold);}
footer a:hover {color: var(--glatt-gold);}

.bi-star-fill {color: var(--glatt-gold);}
.menu-smart-level-1 {justify-content: flex-start!important;}