/*
Theme Name: Lusosys Theme
Theme URI: https://lusosys.com/
Author: Raffaele Colleo
Author URI: https://lusosys.com/
Description: A minimal, lightweight WordPress theme built to be used with Elementor. On activation it automatically checks whether Elementor and Smart Slider 3 are installed and, if not, installs and activates the free versions from the WordPress.org plugin repository so you can start building pages immediately.
Version: 1.2.1
Requires at least: 6.0
Tested up to: 6.6
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: lusosys-theme
*/

/* -----------------------------------------------------------------------
   Brand color palette (Lusosys). Defined once here as CSS custom
   properties for the theme's own markup, and mirrored into Elementor's
   Global Colors panel by lusosys_theme_sync_elementor_global_colors()
   in functions.php — so there's exactly one palette to maintain, and
   every Elementor color picker offers the same swatches as this file.
   ----------------------------------------------------------------------- */
:root {
	--navy: #0B2A5D;
	--blue: #0083B1;
	--slate: #575457;
	--paper: #F7F6F2;
	--ink: #14161A;
	--thread: #B8935A;
	--lightgrey: #ECEAE5;
}

/* -----------------------------------------------------------------------
   Minimal base styles. Elementor handles page-builder content styling
   itself; this file only covers the theme "chrome" (header/footer) and
   a sane baseline for non-Elementor content (blog index, 404, etc).
   ----------------------------------------------------------------------- */

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

html {
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	line-height: 1.6;
	color: var(--ink);
	background: var(--paper);
}

img {
	max-width: 100%;
	height: auto;
}

a {
	color: var(--blue);
}

a:hover,
a:focus {
	color: var(--thread);
}

.site-header,
.site-footer {
	max-width: 1140px;
	margin: 0 auto;
	padding: 20px;
}

.site-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 16px;
	background: var(--paper);
	border-bottom: 1px solid var(--lightgrey);
}

.site-branding .site-title {
	font-size: 1.4rem;
	font-weight: 700;
	text-decoration: none;
	color: var(--navy);
}

.main-navigation ul {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin: 0;
	padding: 0;
}

.main-navigation a {
	color: var(--ink);
	text-decoration: none;
}

.main-navigation a:hover,
.main-navigation a:focus {
	color: var(--blue);
}

.site-main {
	max-width: 1140px;
	margin: 0 auto;
	padding: 20px;
}

.site-footer {
	border-top: 1px solid var(--lightgrey);
	margin-top: 40px;
	font-size: 0.9rem;
	color: var(--slate);
}

/* Let Elementor-built pages run full width, edge to edge. */
.elementor-page .site-main {
	max-width: none;
	padding: 0;
}