/*
Theme Name: Lavandaria Júpter
Theme URI: https://lavandariajupter.pt
Author: Lavandaria Júpter
Author URI: https://lavandariajupter.pt
Description: Tema da Lavandaria Júpter — lavagem a seco, recolha e entrega ao domicílio e tratamento de roupa de cama.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lavandaria-jupter
Tags: one-column, custom-colors, custom-logo, full-width-template, blog
*/

:root {
	--bg: #ffffff;
	--surface: #ffffff;
	--surface-warm: #ffffff;
	--fg: #111827;
	--fg-2: #111827;
	--muted: #64748b;
	--border: #e5e7eb;
	--border-soft: #e5e7eb;
	--accent: #000000;
	--accent-on: #ffffff;
	--accent-hover: #1f2937;
	--font-display: "Geist", -apple-system, sans-serif;
	--font-body: "Geist", -apple-system, sans-serif;
	--radius-sm: 6px;
	--radius-md: 8px;
	--radius-lg: 12px;
	--elev-raised: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}

html {
	scroll-behavior: smooth;
	scroll-padding: 81px;
}

body {
	font-family: var(--font-body);
	background: var(--bg);
	color: var(--fg);
	-webkit-font-smoothing: antialiased;
}

.font-display {
	font-family: var(--font-display);
}

.reveal {
	opacity: 0;
	transition: opacity 0.7s, transform 0.7s;
	transform: translateY(26px);
}

.reveal.is-visible {
	opacity: 1;
	transform: none;
}

.site-header.is-solid {
	border-bottom: none;
	background-color: rgba(255, 255, 255, 0.95);
	color: var(--fg);
	backdrop-filter: blur(12px);
	box-shadow: 0 4px 20px -4px rgba(0, 0, 0, 0.06);
}

.site-header.is-solid .cta-header {
	background-color: var(--accent);
	color: var(--accent-on);
	border-color: transparent;
}

.site-header.is-solid .site-header-menu-btn {
	border-color: var(--border);
}

.site-header .header-logo {
	filter: brightness(0) invert(1);
	transition: filter 0.3s ease;
}

.site-header.is-solid .header-logo {
	filter: none;
}

.footer-logo {
	filter: brightness(0) invert(1);
}

.hero-slider-bg,
.hero-slider-bg>div,
.hero-slider-bg .wp-slider,
.hero-slider-bg .wps-slider,
.hero-slider-bg .swiper,
.hero-slider-bg .swiper-wrapper,
.hero-slider-bg .swiper-slide,
.hero-slider-bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

[id] {
	scroll-margin-top: 92px;
}