/**
 * Author: Rafael Silva
 * Version: 1.7
 *
 * CSS adicional JOOG (global). Secções: 1 Base · 2 Layout · 3 Cabeçalho · 4 Checkout ·
 * 5 Home · 6 Woo listagem · 7 Botões/util · 8 Rodapé · 9 PDP (preço/variação, rótulos, plugins).
 * Galeria PDP: assets/css/joog-pdp-gallery.css (single product).
 * Não definir width em li.product na loja.
 */

/* ============
   1. Base
=============== */

body {
	margin: 0 !important;
}

/* ============
   2. Layout (#content)
=============== */

@media (min-width: 1024px) {
	body:not(.home):not(.front-page) #content.site-content {
		max-width: 1500px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
}

/* ============
   3. Cabeçalho / topbar / nav
=============== */

.col-full.topbar-wrapper {
	border-bottom: 1px solid #fff !important;
}

.col-full-nav {
	width: auto !important;
	border-bottom-right-radius: 25px;
	border-bottom-left-radius: 25px;
}

.header-widget-region {
	display: none;
}

@media only screen and (max-width: 600px) {
	.site-header {
		border-top-right-radius: 0;
		border-top-left-radius: 0;
	}

	body {
		margin: 0 !important;
	}
}

/* ============
   4. Checkout (Fluid Checkout)
=============== */

.fc-checkout-header {
	background-color: #0034a4;
}

/* ============
   5. Home (destaques)
=============== */

div.image-feature > div > figure {
	border-radius: 15px !important;
	background-color: #0034a4 !important;
}

div.image-feature > div > figure > a {
	border-radius: 15px !important;
}

/* ============
   6. Woo — listagem (card; grelha em joog-product-loop.css)
=============== */

.woocommerce ul.products li.product:not(.product-category) {
	box-sizing: border-box;
	padding: 10px;
	border: 5px solid #fff;
	border-radius: 15px;
	background-color: #f9f9f9;
}

ul.products li.product img {
	border-radius: 15px;
}

@media (min-width: 993px) {
	.woocommerce ul.products li.product:not(.product-category) {
		min-height: 430px;
	}
}

/* 6.1 Ver detalhes (joog-loop-view-product) */
.woocommerce ul.products li.product a.joog-loop-view-product {
	background-color: #0034a3 !important;
	border-color: #0034a3 !important;
	color: #fff !important;
}

.woocommerce ul.products li.product a.joog-loop-view-product:hover,
.woocommerce ul.products li.product a.joog-loop-view-product:focus {
	background-color: #002a85 !important;
	border-color: #002a85 !important;
	color: #fff !important;
}

/* ============
   7. Botões e utilitários
=============== */

.elementor-button,
.button,
button {
	border-radius: 8px !important;
}

.ue_hotspot > img {
	border-radius: 25px !important;
}

.br25 {
	border-radius: 25px !important;
}

/* ============
   8. Rodapé
=============== */

/* 8.1 Container */
footer.site-footer {
	border-top-right-radius: 25px;
	border-top-left-radius: 25px;
}

/* 8.2 Copyright */
.copyright {
	background-color: #001033 !important;
}

/* 8.3 Pagamentos */
.payment-footer-icons {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: center;
	justify-content: center;
	margin: 0 0 10px 0;
}

.payment-footer-icons .payment-item {
	display: flex;
	width: 60px;
	height: 40px;
	align-items: center;
	justify-content: center;
}

.payment-footer-icons .payment-item img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

@media (max-width: 767px) {
	.payment-footer-icons .payment-item {
		width: 32px;
		height: 34px;
	}
}

/* 8.4 Links de ajuda */
.footer-links {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}

.footer-links ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.footer-links li {
	margin-bottom: 8px;
}

.footer-links a {
	color: #ccc;
	font-size: 12px;
	text-decoration: none;
	transition: color 0.2s ease;
}

.footer-links a:hover {
	color: #fff;
}

@media (max-width: 767px) {
	.footer-links {
		grid-template-columns: 1fr;
	}
}

/* 8.5 Redes sociais */
.social-item a br,
.social-item br {
	display: none;
}

.social-footer {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 18px;
	margin: 0 0 20px 0;
}

.social-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.social-item img {
	display: block;
	width: 32px;
	height: 32px;
	margin-bottom: 4px;
	transition: transform 0.2s ease;
}

.social-item a:hover img {
	transform: scale(1.1);
}

.social-item span {
	font-size: 11px;
	line-height: 1;
	color: #c6c6c6;
}

/* ============
   9. PDP (detalhes — sem galeria; ver joog-pdp-gallery.css)
=============== */

/* CommerceKit — preço variação */
div.product-details-wrapper > div.summary.entry-summary > div.cgkit-as-variation-price > p > ins > span > bdi {
	font-size: 24px;
	font-weight: 600;
	color: #0d79f7;
}

/* Sale label (bubble) */
div.product-details-wrapper > div.summary.entry-summary > span.sale-item.product-label.type-bubble {
	display: none;
}

/* PIX / parcelas (plugin) */
.wc-pix-disc-parc-before-short-description {
	margin: 5px 5px 10px 0;
	font-size: 13px;
	font-weight: 600 !important;
	border-bottom: 1px solid #dcdcde;
}

/*========
 * Geral
 * ======*/
 .video-reel-modal{
	z-index: 10050;
}