/*
Theme Name:     Arti
Theme URI:      
Description:    Loja Art-i.
Author:         Luis Braschi
Author URI:     https://art-idesenvolvimento.com.br
Template:       storefront
Version:        1.2.8
*/

@import 'fonts.css';

/*
tmp
 */
.mini_cart_item label {
    display: none;
}

.boxed-content.cart-container {
	padding-inline: 0;
}

table.shop_table_responsive tr td {
	display: table-cell;
	background: none;
}

.product-price {
  padding-left: 0 !important;
}

/* General */
:root {
	--dark: #333333;
	--red: #990000;
	--red-dark: #770000;
	--light: #f7f7f7;
	--border: #dddddd;
	--white: #ffffff;
	--text-light: #666666;
	--max-width: 1100px;
}

body {
	counter-reset: section;
	font-family: 'Libre Franklin';
}

ul {
	list-style: none;
	margin: 0;
}
a, sup, .highlight {
	color: #900;
	text-decoration: none;
}
.woocommerce-products-header {
	padding: 0 !important;
}

/* Header */
#masthead {
	background: #900 url(https://loja.art-idesenvolvimento.com.br/wp-content/uploads/2026/05/Logo.png) no-repeat;
	background-position-x: 0%;
	background-position-y: 0%;
	background-size: auto;
	background-size: 380px;
	background-position: 50% -84px;
	border: none;
	box-shadow: 0 5px 40px #00000099;
}
@media(max-width: 767px) {
	#masthead {
		background-size: 129px;
		background-position: 50% -17px;
	}
}
@media (min-width: 768px) {
	#site-navigation {
		background-color: #00000030;
		padding-inline: 20px;
	}
}

.col-full {
	max-width: unset;
	padding-inline: 0;
	margin: 0;
}

@media(min-width: 768px) {
	.boxed-content {
		max-width:66.4989378333em;
		margin-inline: auto;
	}
}

@media (max-width: 66.4989em) {
	.boxed-content {
		padding-inline: 30px;
	}
}

/* Error toast */
.wc-empty-cart-message,
.woocommerce-notices-wrapper {
	position: fixed !important;
	right: 30px;
	bottom: 30px;
	z-index: 9999;
}


@media(max-width: 767px) {
	.wc-empty-cart-message,
	.woocommerce-notices-wrapper {
		width:100%;
		right: 0;
		padding-inline: 40px;
	}
}


.woocommerce-info,
.woocommerce-message,
.woocommerce-error {
	vertical-align: middle;
	line-height: 40px;
	color: #FFFFFF !important;
	font-weight: 500;
	padding: 20px 23px 20px 55px !important;
	list-style: none !important;
	border-radius: 6px;
	box-shadow: 5px 15px 40px rgba(0, 0, 0, 0.15);
	-webkit-animation: auxHideMe 10s forwards;
	animation: auxHideMe 10s forwards;
	list-style: none;
	border-top-color: unset !important;
}

/* Header */
.page-template-template-homepage:not(.has-post-thumbnail) .site-main {
	padding-top: unset;
}

.woocommerce-active .site-header .site-branding {
	display: none;
}
.woocommerce-active .site-header .site-search {
	width: 100%;
	margin: 0;
}
.my-account-button {
	background-color: var(--dark);
}
.main-navigation ul li {
	text-transform: uppercase;
}
.main-navigation ul.menu > li.my-account-button {
	margin-left: auto;
}
.main-navigation ul.menu > li.my-account-button > a {
	color: #fff;
	padding: 10px;
}
.main-navigation .primary-navigation ul.menu,
.main-navigation .primary-navigation ul.nav-menu {
	display: flex;
	align-items: center;
}
.site-header-cart .widget_shopping_cart {
	box-shadow: 0 3px 10px #00000030;
}

#site-navigation.toggled + #site-header-cart .widget_shopping_cart {
	display: block;
}

.site-header-cart .widget_shopping_cart .buttons,
.site-header-cart .widget_shopping_cart,
.site-header-cart .widget_shopping_cart .total {
	color: var(--dark);
	background-color: #fff;
}

.site-header-cart .widget_shopping_cart,
.site-header-cart .widget_shopping_cart a,
.site-header-cart .widget_shopping_cart a:hover,
.site-header-cart .widget_shopping_cart .total a {
	color: var(--dark);
}
@media(max-width: 767px) {
	.widget_shopping_cart .product_list_widget li {
		padding-inline: 50px;
	}
	.widget_shopping_cart .product_list_widget li a.remove {
		top: calc(50% - 12px);
		left: 10px;
	}
	.product_list_widget li img {
		max-width: 5em;
	}
}
/* Product */
.single-product div.product {
	overflow: visible;
}
.single-product div.product p.price {
	margin-bottom: 10px;
}
.single-product div.product .woocommerce-product-gallery img {
	margin: 0 auto;
}
.documentation-link {
	margin-left: 20px;
}

.storefront-full-width-content.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
	box-shadow: 0 7px 11px 1px #33333340;
}

.single-product div.product .product_meta .posted_in a {
	background-color: var(--dark);
	color: #fff;
	padding: 5px 10px;
	text-decoration: none;
	margin-bottom: 2px;
	display: inline-block;
}
@media(max-width: 767px) {
	.entry-content.wc-tab {
		padding-block: 50px;
	}
}
.features-list,
#tab-wpt-108 ul {
	list-style: none url(https://art-idesenvolvimento.com.br/imgs/list-item.svg) inside;
}
.features-list li::marker,
#tab-wpt-108 li::marker {
	font-size: 37px;
	line-height: 0;
}
section.related.products {
	margin-top: 30px;
}

	/* Description */
	.description {

	    text-align: center;
	    margin-bottom: 100px;
	    font-size: 1.2rem;
	    display: inline-block;

	    img {
	        margin-block: 50px;
	        max-width: 740px;
	        width: 100%;
	    }
	}
	/* FAQ  */
	summary{
		cursor: pointer;
		font-weight: bold;
		padding: 15px 20px;
		background: #ededed;
		border-bottom: 1px solid #cbcbcb;
		color: #696969;
	}

	summary::marker {
		content: "";
	}

	details p {
		padding: 13px;
	}

	details:open {
		p {
			transition: margin-left .25s;
			margin-left: 10px;
		}
	}
	faqs {
		margin-bottom: 60px;
	}
/*  Catalog */
.woocommerce-result-count,
.woocommerce-ordering {
	display: none;
}
ul.products li.product .woocommerce-LoopProduct-link {
	margin-bottom: 1rem;
}
.buy-now-button {
	background-color: var(--dark);
}

@media(min-width: 768px) {
	.site-header .site-branding img {
		max-width:160px;
	}
}

ul.products li.product .price {
	margin-bottom: 0;
}

/* Footer etc  */
.inner-container{
	display:flex;
	flex-flow:column;
	padding:0 80px;
	width:100%;
	min-height:440px;
	background-image:linear-gradient(to top, var(--dark), var(--dark) 66%, #3333 100%);
}
.site-footer h2{
	margin:25px 0
}
.site-footer h2 a{
	color:#ddd;
	font-size:14px;
	font-weight:400;
	font-family:Montserrat,sans-serif;
	white-space: initial;
	display: flex;
	align-items: center;
}
.site-footer h2 a img{
	margin-right:10px;
	width:100px;
	vertical-align:middle
}
.copyright-container{
	color:#808083;
	padding:10px 0;
	font-size:14px;
	border-top:1px solid #ffffff26;
	margin-top: 20px;
}
.newsletter-container span{
	margin-bottom:10px;
	display:inline-block
}
.newsletter-container input{
	border:none;
	border-radius:0;
	background:#fff;
	padding:10px
}
.newsletter-container [type=submit]{
	text-transform:uppercase;
	cursor:pointer;
	background-color:#900;
	color:#fff
}
.social-menu{
	margin:10px 0 0;
}
.column-container{
	display:flex;
	flex-flow:row wrap;
	column-gap: 5%;
}
.column-container > *{
	flex:1;
}
@media(max-width: 767px) {
	.overflown-row {
		flex-direction: column-reverse;
	}
}

.site-footer a,
.newsletter-container form {
	white-space: nowrap;
}
.site-footer{
	background:transparent url(https://art-idesenvolvimento.com.br/imgs/footer-background.jpg) no-repeat;
	background-size:cover;
	background-position:bottom;
	color:#ddd;
	font-size:14px;
	padding:0;
}
.site-footer a{
	color:#9b9b9b;
	text-decoration: none;
}
.site-footer li a{
	padding:6px 0;
	display:inline-block;
}
.site-footer h3{
	margin:5px 0;
	text-transform:uppercase;
}
.site-footer a,
.site-footer h2,
.site-footer h3,
.site-footer h4{
	color:#ddd !important;
	font-size:14px;
}

.site-footer .social-menu {
	display: table;
	padding: 0;
}
.site-footer .social-menu li {
	margin-right: 1px;
	float: left;
	list-style: outside none none;

}
.site-footer .social-menu a {
	color: #fff;
	display: inline-block;
	padding: 5px;
}
.site-footer .social-menu a .social-icon {
	display: block;
	width: 20px;
	text-indent: 100%;
	white-space: nowrap;
	opacity: 0.7;
}

.social-button {
	background: #252525;
	margin-right: 6px;
	border: 0.1px solid #454545;
}

.site-seguro {
	width: 220px;
}

.payment-methods-container {
	display: flex;
	gap: 15px;
}

.payment-method {
	background-color: #fff;
	width: 62px;
	height: 40px;
	padding: 7px;
}

/* My account */
.button.woocommerce-MyAccount-downloads-file {
	font-size: 14px;
}
/* Remote posts */
.image-wrapper {
	min-height: 250px;
	display: inline-block;
}
.remote-post-list {
	display: flex;
	margin-bottom: 60px;
	overflow: scroll;
}
.remote-post {
	flex: 1 0;
	text-align: center;
	min-width: 300px;
}
.remote-post img {
	width: 220px;
	margin: 0 auto 30px;
}

/* Plugins */
/* WPC Variations Radio Buttons  */
.woovr-variations {
	display: flex;
}
.variations_form .woovr-variations .woovr-variation {
	margin: 0 15px 0 0;
	background-color: #ddd;
	padding: 5px 15px;
}

/* Pix payment */
#pixforwoo-qrcode-copy-input {
	box-shadow: none;
}

/* Pix */
.pixforwoo-qrcode-value-amount,
.pixforwoo-qrcode-important-notice {
	margin-bottom: 20px;
}
.pixforwoo-qrcode-important-notice strong {
	color: #900;
}

/* Homepage */
.page-template-template-homepage .entry-content::before,
.page-template-template-homepage .entry-content::after {
	display: none;
}
.page-template-template-homepage .entry-content {
	display: grid;
	grid-template-columns: auto auto;
}

.dark-row,
.homepage-content  {
	background-color: var(--dark);
	color: #bfbfbf;
}

.button.cta {
	margin-block: 40px;
}

.dark-row {
	.button.cta {
		background-color: #900;
	}
}

/*.homepage-content::before,
.homepage-content::after {
	content: '';
	height: 200px;
	width: 200px;
	filter: blur(128px);
	background-color: #ffffff17;
	position: absolute;
	top: 50%;
}

.homepage-content::before {
	left: -150px;
}
.homepage-content::after {
	right: -150px;
}
*/
@media (max-width: 66.4989em) {
	.homepage-content {
		padding-inline: 2.617924em;
	}
	.page-template-template-homepage .entry-content {
		grid-template-columns: auto;
	}
	.page-template-template-homepage .homepage-content .wp-block-paragraph {
		grid-template-columns: auto auto;
		gap: 30px;
	}
	.services-row:has(img) {
		align-self: center;
	}
}

.page-template-template-homepage .homepage-content h1,
.page-template-template-homepage .homepage-content h2,
.page-template-template-homepage .homepage-content h3 {
	margin-bottom: 60px;
	color: #fbfbfb;
}

.page-template-template-homepage .homepage-content .wp-block-paragraph {
	display: grid;
	padding-right: 50px;
	align-content: flex-start;
}

.services-row {
	padding-block: 100px;
	padding-inline: 0;

	h3 {
		text-transform: uppercase;
	}

	img {
		padding: 20px;
	    background-color: #bfbfbf;
	    border: 1px solid #fff;
	    border-radius: 10px;
	    box-shadow: 0 14px 27px -3px #000000f0;
	}

	.services-row .column:first-child * {
		display: block;
		text-align: inherit;
	}

	.services-row .column:nth-child(2) {
		align-self: center;
	}

}

.col-full-header {
	background-color: var(--dark);
	color: #bfbfbf;

	h1, h2, h3 {
		margin-bottom: 60px;
		color: #fbfbfb;
	}

	.boxed-content {
		padding-block: 2.617924em;
	}

	.has-icon {
		display: grid;
		padding-right: 50px;
		align-content: flex-start;
	}

}

.has-icon::before {
	content: '';
	float: left;
	width: 50px;
	height: 50px;
	margin: 0 10px 20px 0;
	vertical-align: top;
	display: inline-block;
	padding: 8px 7px;
	background-color: #222 !important;
	background-size: 40px 37px !important;
	background-repeat: no-repeat !important ;
	background-position: center !important;
}

.icon-marketplace::before {
	background: url(./assets/images/marketplace.svg);
}
.icon-brasil::before {
	background: url(./assets/images/bandeira-brasil.svg);
}
/* Category icons */
.icon-frete::before {
	background: url(./assets/images/frete.svg);
}
.icon-erp::before {
	background: url(./assets/images/erp.svg);
}
.icon-woocommerce::before {
	background: url(./assets/images/woocommerce.svg);
}
.icon-pagamento::before {
	background: url(./assets/images/cartao-credito.svg);
}
.icon-wcfm::before,
.icon-plugins-para-dokan::before {
	background: url(./assets/images/marketplace.svg);
}

/* Cart & Checkout  */

table.cart td.product-remove {
    border-width: 1px !important;
}
table.cart td.actions {
	padding: 0 !important;
}
table.cart td,
table.cart th {
    padding-inline:.875em !important;;
}

.woocommerce-cart-form,
.woocommerce-checkout-review-order {

	border: 1px solid #D0D0D0;
	border-radius: 20px;

	.woocommerce-remove-coupon {
		display: none;
	}

	#payment .place-order {
		background: none;
	}

	table:not(.has-background) th {
		background: none;
	}

	td.product-name {
		display: table-cell !important;
	}

	.product-name a {
		color: #333;
		text-decoration: none;
		display: inline-block;
	}
	[inputmode="numeric"] {
		background: none;
		box-shadow: none;
		border: 1px solid #bbb;
		border-radius: 5px;
	}
	td, th {
		border-bottom: 1px solid #D0D0D0 !important;
	}
	td {
		vertical-align: middle
	}
	.actions {
		border-top: none !important;
	}
	.product-thumbnail a {
		border: 1px solid #bbb;
		border-radius: 6px;
		display: inline-block;
		padding: 8px;
	}
	.product-restore,
	.product-remove {
		text-align: center;
	}

	.product-restore label,
	.product-remove label {
		cursor: pointer;
	}

	.product-thumbnail {
		padding-block: 20px 10px;
		text-align: center;
	}
	table.cart td.product-name a.remove svg {
		fill: #900;
	}

	.save-item {
		display: none;
	}

	label:has(.save-item) {
		width: 30px;
		height: 30px;
		background-color: #900;
		color: #fff;
		display: inline-block;
		font-size: 22px;
		line-height: 1.4;
	}

	.removed-row label:has(.save-item) {
		background-color: #ddd;
		color: #ddd;
	}
	.removed-row {
		--color-1: #f8f8f8;
		--color-2: #efefef;
		background-image: linear-gradient(45deg, var(--color-1) 25%, var(--color-2) 25%, var(--color-2) 50%, var(--color-1) 50%, var(--color-1) 75%, var(--color-2) 75%, var(--color-2) 100%);
		background-size: 56.57px 56.57px;

		td {
			background: none !important;
		}

	}

	.cart-totals {
		padding: 20px;
		display: inline-block;
	}

}

/* Specific products */
.product-cep-do-cliente .description {
	display: inline-block;
}
.product-cep-do-cliente .description .column-container > div {
	align-content: center;
    text-align: left
}