/* 
Theme Name: Extratta
Theme URI: https://lyon.dev/?ref=extratta-theme
Description: Extratta is a theme for the Extratta website
Author: Lyon Müller
Author URI: https://lyon.dev/?ref=extratta-theme
Template: hello-elementor
Version: 1.0.3
Text Domain: extratta
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
 * Design tokens Extratta (Figma: variables Color/*).
 * Cores globais do Elementor Kit foram sincronizadas via MCP; estas variáveis
 * servem para CSS customizado no Elementor ou blocos fora do builder.
 */
:root {
	--extratta-primary: #ff7a26;
	--extratta-secondary: #2f2f2f;
	--extratta-text: #333333;
	--extratta-white: #ffffff;
	--extratta-light: #f2f2f2;
	--extratta-border: #e1e1e1;
	--extratta-footer-newsletter: #3d3535;
	--extratta-footer-main: #2d2222;
	--extratta-footer-muted: #c0bdbd;
	--extratta-footer-accent-border: rgb(255 122 38 / 50%);
	--extratta-footer-field: rgb(255 255 255 / 20%);
	--extratta-footer-field-border: rgb(255 255 255 / 20%);
}

body {
	font-family: "Barlow", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	b, strong {
		font-weight: 700;
	}
}

.hidden {
	display: none !important;
}

.nowrap * {
	text-wrap: nowrap;	
}

.text-balance * {
	text-wrap: balance;
}

.swiper-modifiers {
    .swiper {
		.swiper-pagination-bullets {
			&.swiper-pagination-horizontal {
				bottom: -1rem;
			}
		}
		
		.swiper-pagination-bullet-active {
			min-width: 4rem;
			border-radius: 99rem;
		}
		
		.elementor-swiper-button {
			top: auto !important;
			bottom: -1.75rem;
		}
	}
	
	.swiper-pagination-bullet {
		transition: width .4s ease-in-out, background-color .4s ease-in-out;
	}

}