/*
Theme Name: dwonder
*/

:root {
	--marrom: #a66156;
	--laranja: #ff5a00;
	--azul: #190F5D;
	--azul-escuro: #09013d;
	--verde: #e1f245;
	--cinza: #757575;
	--font: 'Open Sans', sans-serif;
	--font-secundaria: 'Open Sans', sans-serif;
	--font-bold: 'Open Sans', sans-serif;

	/* Paleta roxo/dourado (seção "Customization" da home) */
	--roxo-vivo: #341fc3;
	--roxo-acento: #7e6bfe;
	--roxo-medio: #6d4dff;
	--roxo-suave: #6e71c4;
	--roxo-marca: #5646c2;
	--dourado: #e9b264;
	--dourado-escuro: #e8ac5c;
	--verde-cta-texto: #163000;
}

/* Reset */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}

a {
	color: var(--azul-escuro);
}

html {
	scroll-behavior: smooth;
	font-weight: 400;
	font-family: var(--font);
	overflow-x: hidden;
}

h1,h2, h3, h4, h5, h6 {
	font-family: var(--font);
}

body {
	font-family: var(--font), sans-serif;
	font-size: 16px;
	line-height: 1.5;
	font-weight: normal;
	background: #fff;
	overflow-x: hidden;
}

body img {
	max-width: 100%;
	height: initial;
}

strong {
	font-weight: bold;
}

a:hover,
a:focus {
	text-decoration: none;
}

h1 {
	font-size: 100px;
	font-weight: bold;
}

.container {
	max-width: 1140px;
	width: 1140px;
}

.cta__primary {
	display: flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	gap: 15px;
	padding: 14px 35px;
	border-radius: 30px;
	color: #ffffff;
	font-size: 16px;
	font-family: var(--font);
	background: var(--azul);
	cursor: pointer;
	border: 0;
}

.cta__primary:hover {
	background: var(--azul-escuro);
	color: #fff;
}

/* Caps that already have a fixed decoration (patch, embroidery, etc.) can't
   be customized further — the button stays visible so it's clear the
   option exists, but reads as inactive instead of linking anywhere. */
.cta__primary.customize--disabled {
	background: #c7c7cf;
	color: #6b6b78;
	cursor: not-allowed;
	pointer-events: none;
}


/*
	Breadcrumbs
*/
.breadcrumbs {
    font-size: 14px;
    color: var(--cinza);
    margin-bottom: 10px;
    text-transform: uppercase;
    margin-bottom: 30px;
    display: flex;
    gap: 10px;
    align-items: center;
}

.breadcrumbs .home i {
    width: 30px;
    height: 30px;
    background: var(--azul);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 13px;
}


/* 
	WooCommerce
*/
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name {
	font-size: 16px;
	font-weight: normal !important;
	color: #000 !important 
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button {
	background: #000 !important;
}

.woocommerce-privacy-policy-text {
	margin-bottom: 15px;
}

.woocommerce div.product form.cart .button {
	padding: 20px;
	width: 100%;
}

section.related.products {
	clear: both;
}

section.related.products > h2 {
	font-weight: normal !important;
}

#primary #main .product .onsale {
	background: var(--laranja) !important;
}

.woocommerce-variation-availability {
	text-align: center;
	margin-bottom: 20px;
	margin-top: 20px;
	border: 1px #dede solid;
	padding: 5px;
	color: #000 !important;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, 
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .stock {
	color: #000 !important;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price {
	margin-bottom: 20px;
}


#primary #main {
	display: block;
	width: 100%;
}

div:not(.woocommerce-uses-block-theme) .woocommerce div.product p.stock {
	text-align: center;
	margin-bottom: 15px;
	text-transform: uppercase;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
	color: #000 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before {
	border-color: #000 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
	border-bottom: transparent !important;

}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb {
	margin-bottom: 30px;
}


.wccs-bulk-pricing-table-container {
	border: 1px #dede solid;
	padding: 10px;
}

.wccs-bulk-pricing-table-container table th {
	color: #000;
}

p.wccs-bulk-pricing-table-title {
	font-size: 14px;
	margin-bottom: 0 !important;
	padding: 10px;
	background: #000;
	color: #fff !important;
	text-align: center;
	font-weight: normal !important;
	text-transform: uppercase;

}
p.wccs-bulk-pricing-table-title strong {
	font-weight: normal;
}