/*
Theme Name: JCL Moderno V4
Theme URI: https://jclecommerce.com.br
Author: JCL Soluções em E-commerce
Author URI: https://jclecommerce.com.br
Description: Tema de blocos da JCL Soluções em E-commerce, desenvolvido para Gutenberg e Editor do Site.
Version: 4.2.6
Requires at least: 7.0
Tested up to: 7.0
Requires PHP: 8.2
Text Domain: jcl-moderno-v4
Domain Path: /languages
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: accessibility-ready, block-patterns, full-site-editing
*/

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
	scroll-padding-top: 6rem;
}

body {
	overflow-x: clip;
	overflow-wrap: break-word;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}

body.jcl-v4-menu-open {
	overflow: hidden;
}

img,
svg {
	display: block;
	height: auto;
	max-width: 100%;
}

a {
	text-decoration-thickness: 0.08em;
	text-underline-offset: 0.16em;
}

:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: 3px solid var(--wp--preset--color--focus);
	outline-offset: 3px;
}

.jcl-v4-main {
	min-height: 50vh;
}

.jcl-v4-inner-hero {
	background:
		linear-gradient(120deg, rgba(79, 128, 255, 0.12), transparent 45%),
		var(--wp--preset--color--night);
	color: var(--wp--preset--color--white);
	overflow: hidden;
	padding-block: clamp(4.5rem, 10vw, 8rem);
	position: relative;
}

.jcl-v4-inner-hero::after {
	border: 1px solid rgba(79, 128, 255, 0.25);
	border-radius: 50%;
	content: "";
	height: 24rem;
	position: absolute;
	right: -12rem;
	top: -11rem;
	width: 24rem;
}

.jcl-v4-inner-hero .wp-block-post-title,
.jcl-v4-inner-hero p {
	color: inherit;
	position: relative;
	z-index: 1;
}

.jcl-v4-inner-hero .wp-block-post-title {
	max-width: 62rem;
}

.jcl-v4-entry-shell {
	padding-block: clamp(3rem, 7vw, 6rem);
}

.jcl-v4-entry-shell .wp-block-post-featured-image {
	border-radius: 1.5rem;
	overflow: hidden;
}

.jcl-v4-entry-meta {
	color: var(--wp--preset--color--muted);
	font-size: var(--wp--preset--font-size--small);
}



@media (max-width: 782px) {
	.admin-bar .jcl-v4-site-header {
		top: 46px;
	}
}

@media (max-width: 47.99rem) {
	.jcl-v4-header-copy .wp-block-site-tagline {
		display: none;
	}

}

@media (prefers-reduced-motion: no-preference) {
	.jcl-v4-navigation .jcl-v4-navigation-cta > .wp-block-navigation-item__content {
		animation: jcl-v4-cta-pulse 3.6s ease-in-out infinite;
		transition: background 180ms ease, transform 180ms ease;
	}

	@keyframes jcl-v4-cta-pulse {
		0%,
		100% {
			box-shadow: 0 0 0 0 rgba(112, 206, 107, 0);
		}

		50% {
			box-shadow: 0 0 0 0.45rem rgba(112, 206, 107, 0.12);
		}
	}
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
	}
}