/*
Theme Name: Twenty Twenty-Five
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfive
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
caption,
figcaption,
p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}

/* 
   CUSTOM BUTTON STYLES for "Happy Snack" CTA 
   Matching the requested design: Green button, white text, orange glow.
   Updated to be smaller/more compact as per user request.
*/

/* Estilos exatos baseados na imagem de referência */
/* Estilos exatos baseados na imagem de referência */
.elementor-element-20332762 .elementor-button,
.elementor-element-custom-btn-new .elementor-button,
.elementor-element-custom-mid .elementor-button,
.elementor-element-6dbccb02 .elementor-button,
.elementor-element-e6fd620 .elementor-button {
	background-color: #4cd137 !important;
	/* Verde exato da imagem */
	color: #ffffff !important;
	font-family: "Roboto", "Helvetica", sans-serif !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	border-radius: 10px !important;
	padding: 18px 15px !important;
	/* Padding balanceado para evitar o efeito de borda maior na direita */
	box-shadow: 0px 0px 25px 0px rgba(255, 102, 0, 0.6) !important;
	/* Glow laranja característico */
	border: none !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 17px !important;
	letter-spacing: 0.5px !important;
	white-space: normal !important;
	/* PERMITIR QUEBRA DE LINHA */
	text-align: center !important;
	/* Centralizar texto quebrado */
	max-width: 100% !important;
	width: 100% !important;
	/* Largura total para melhor ajuste */
	max-width: 450px !important;
	/* Limite aumentado para reduzir quebra de linhas */
	min-width: 250px !important;
	height: auto !important;
	/* Altura automática para acomodar texto */
	line-height: 1.3 !important;
	/* Espaçamento entre linhas suave */
	transition: all 0.2s ease !important;
	text-decoration: none !important;
	animation: none !important;
	/* Remove animação via CSS */
}

/* Remover animação do wrapper também */
.elementor-element-20332762,
.elementor-element-custom-btn-new,
.elementor-element-custom-mid,
.elementor-element-6dbccb02,
.elementor-element-e6fd620 {
	animation: none !important;
	-webkit-animation: none !important;
	transform: none !important;
}

.elementor-element-20332762 .elementor-button:hover,
.elementor-element-custom-btn-new .elementor-button:hover,
.elementor-element-custom-mid .elementor-button:hover,
.elementor-element-6dbccb02 .elementor-button:hover,
.elementor-element-e6fd620 .elementor-button:hover {
	transform: scale(1.02) !important;
	box-shadow: 0px 0px 30px 2px rgba(255, 102, 0, 0.7) !important;
}

.elementor-element-20332762 .elementor-button .elementor-button-icon,
.elementor-element-custom-btn-new .elementor-button .elementor-button-icon,
.elementor-element-custom-mid .elementor-button .elementor-button-icon,
.elementor-element-6dbccb02 .elementor-button .elementor-button-icon,
.elementor-element-e6fd620 .elementor-button .elementor-button-icon {
	margin-right: 0px !important;
	display: flex !important;
	align-items: center !important;
}

.elementor-element-20332762 .elementor-button .elementor-button-icon svg,
.elementor-element-custom-btn-new .elementor-button .elementor-button-icon svg,
.elementor-element-custom-mid .elementor-button .elementor-button-icon svg,
.elementor-element-6dbccb02 .elementor-button .elementor-button-icon svg,
.elementor-element-e6fd620 .elementor-button .elementor-button-icon svg {
	fill: #ffffff !important;
	width: 18px !important;
	height: 18px !important;
}

.elementor-element-20332762,
.elementor-element-custom-btn-new,
.elementor-element-custom-mid,
.elementor-element-6dbccb02,
.elementor-element-e6fd620 {
	overflow: visible !important;
	visibility: visible !important;
	opacity: 1 !important;
	margin-top: 15px !important;
	margin-bottom: 50px !important;
	/* Aumentado para 50px conforme solicitado */
}

.elementor-element-20332762.elementor-invisible,
.elementor-element-custom-btn-new.elementor-invisible,
.elementor-element-custom-mid.elementor-invisible,
.elementor-element-6dbccb02.elementor-invisible,
.elementor-element-e6fd620.elementor-invisible {
	visibility: visible !important;
	opacity: 1 !important;
}

/* 
   REDUCE GAP BETWEEN IMAGES (Plate of snacks & Lunchbox)
   Targeting specific spacer containers identified by ID.
*/
.elementor-element-1ef73287,
.elementor-element-c14049f {
	height: 10px !important;
	/* Force small height */
	min-height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	display: none !important;
	/* Hide them completely to max reduce space */
}

/* Remove spacer widget height inside */
.elementor-element-c14049f .elementor-widget-spacer,
.elementor-element-6cad930c .elementor-widget-spacer {
	height: 10px !important;
}

/* Remove top padding from the lunchbox container */
.elementor-element-6cad930c {
	padding-top: 0 !important;
}

/* 
   REDUCE GAP BETWEEN LUNCHBOX IMAGE AND TEXT 
   Targeting the specific spacer and containers identified.
*/
/* The spacer widget between image and text */
.elementor-element-60a5502 {
	height: 30px !important;
	/* Reduced from 124px */
	min-height: 0 !important;
}

.elementor-element-60a5502 .elementor-widget-container,
.elementor-element-60a5502 .elementor-spacer-inner {
	height: 30px !important;
}

/* The text container below the spacer */
.elementor-element-4ec60d14 {
	padding-top: 0 !important;
	/* Remove top padding */
	gap: 10px !important;
	/* Reduce gap between internal elements */
}

/* The parent container holding both image and text sections */
.elementor-element-6a18d91c {
	row-gap: 10px !important;
	/* Reduce main grid/flex gap */
}

/* Reduce spacer above the new button */
.elementor-element-5d1af8f {
	height: 10px !important;
	min-height: 0 !important;
}

/* Ensure Button has minimal margins */
.elementor-element-custom-btn-new {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}

/* Reduce top spacing of the text below the button */
.elementor-element-3971367 {
	margin-top: 20px !important;
	padding-top: 0 !important;
}

/* 
   REDUCE GAP BEFORE "A NUTRIÇÃO QUE ELES PRECISAM"
   (Space after the features list)
*/
.elementor-element-21245968 {
	height: 20px !important;
	min-height: 0 !important;
}

/* 
   REDUCE GAP BEFORE "RECEITAS ORGANIZADAS..."
   (Space after the carousel)
   Targeting both spacers found at the end of that section
*/
.elementor-element-3121aae8,
.elementor-element-5275e177 {
	height: 0px !important;
	min-height: 0 !important;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

/* 
   CAROUSEL NAVIGATION ARROWS
   Make them black as requested.
*/
.elementor-swiper-button {
	color: #000000 !important;
	fill: #000000 !important;
}

.elementor-swiper-button svg {
	fill: #000000 !important;
}

/* 
   REDUCE GAP BEFORE "GARANTA SUA VAGA"
   (Space between features lists and the wave divider)
   Targeting multiple spacers in that area
*/
.elementor-element-a771648,
.elementor-element-bafd74f,
.elementor-element-4a1bb3f,
.elementor-element-827503d,
.elementor-element-469e02d1 {
	height: 0px !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	display: none !important;
}

/* Reduzir preenchimento dos containers principais que envolvem essas seções */
.elementor-element-8032a6e {
	padding-bottom: 0px !important;
}

.elementor-element-52949f0c {
	padding-top: 0px !important;
}

/* 
   REDUÇÃO GERAL DE ESPAÇAMENTOS
   Diminui espaços entre seções, containers e elementos
*/
.elementor-section {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
	padding: 10px !important;
}

.elementor-widget-container {
	margin-bottom: 10px !important;
}

.elementor-widget-spacer {
	height: 10px !important;
}

.elementor-spacer-inner {
	height: 10px !important;
}

/* Reduzir espaçamento entre elementos de texto */
.elementor-widget-text-editor p {
	margin-bottom: 10px !important;
}

.elementor-widget-heading .elementor-heading-title {
	margin-bottom: 10px !important;
}

/* Reduzir gaps em containers flexbox e grid */
.elementor-container {
	row-gap: 10px !important;
	column-gap: 10px !important;
}

/* 
   AJUSTE DE ESPAÇAMENTO DA PRIMEIRA SEÇÃO (Logo, Título, Descrição)
   Reajustado para match visual com a foto (menos apertado que a tentativa anterior)
*/
.elementor-element-2390c048 {
	margin-bottom: 20px !important;
	/* Mais respiro abaixo do logo */
}

/* Título */
.elementor-element-3a8067c2 {
	margin-top: 0px !important;
	margin-bottom: 15px !important;
	/* Espaço moderado até o texto */
}

.elementor-element-3a8067c2 .elementor-widget-container {
	margin-bottom: 0px !important;
}

.elementor-element-3a8067c2 p {
	margin-bottom: 0px !important;
	margin-top: 0px !important;
}

/* Parágrafo de descrição */
.elementor-element-44c98a95 {
	margin-top: 0px !important;
}

.elementor-element-44c98a95 p {
	margin-top: 0px !important;
}

/* Container da primeira seção */
.elementor-element-9ba2b56 {
	gap: 15px !important;
	/* Aumentado de 5px para 15px para equilibrar */
}