/*
Theme Name: Hotel & Car Rental Elementor
Theme URI: https://example.com
Author: Your Company
Author URI: https://example.com
Description: A premium, modern, Elementor-first WordPress theme for hotel room rentals and car rentals. Designed to be edited visually through Elementor with almost no code required. Pair with the "Hotel Rental Core" companion plugin for rooms, cars, bookings, and availability.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Tested up to: 6.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: hotel-rental-theme
Tags: hotel, booking, car-rental, elementor, e-commerce, custom-colors, custom-menu, featured-images, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.
*/

/* ==========================================================================
   Global Design Tokens
   These CSS variables are the theme's design system. Elementor Global
   Colors / Global Fonts (set in Elementor > Site Settings) are the primary
   way an editor should change branding — these variables exist as the
   theme-level fallback/base layer and to keep non-Elementor templates
   (like default WP archives) visually consistent with the rest of the site.
   ========================================================================== */
:root {
	--hrc-color-primary: #2E7D32;      /* Green */
	--hrc-color-secondary: #1565C0;    /* Blue */
	--hrc-color-accent: #6A1B9A;       /* Purple */
	--hrc-color-bg: #FFFFFF;           /* Background */
	--hrc-color-bg-alt: #F7F9F7;       /* Very light gray */
	--hrc-color-text: #212121;         /* Dark charcoal */
	--hrc-color-text-muted: #6b6b6b;
	--hrc-color-border: #E7E7E7;

	--hrc-font-heading: 'Poppins', sans-serif;
	--hrc-font-body: 'Inter', sans-serif;

	--hrc-radius-sm: 8px;
	--hrc-radius-md: 16px;
	--hrc-radius-lg: 24px;

	--hrc-shadow-sm: 0 2px 10px rgba(20,20,20,0.06);
	--hrc-shadow-md: 0 8px 28px rgba(20,20,20,0.10);

	--hrc-container-width: 1240px;
}

body {
	font-family: var(--hrc-font-body);
	color: var(--hrc-color-text);
	background: var(--hrc-color-bg);
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--hrc-font-heading);
	font-weight: 700;
}

a { color: var(--hrc-color-primary); }

.hrc-container {
	max-width: var(--hrc-container-width);
	margin: 0 auto;
	padding: 0 24px;
}

.hrc-btn {
	display: inline-block;
	font-family: var(--hrc-font-body);
	font-weight: 600;
	padding: 14px 28px;
	border-radius: var(--hrc-radius-sm);
	text-decoration: none;
	transition: transform 0.2s ease, opacity 0.2s ease;
}
.hrc-btn:hover { transform: translateY(-2px); opacity: 0.92; }
.hrc-btn-primary { background: var(--hrc-color-primary); color: #fff; }
.hrc-btn-secondary { background: var(--hrc-color-secondary); color: #fff; }
.hrc-btn-outline { background: transparent; border: 2px solid var(--hrc-color-primary); color: var(--hrc-color-primary); }

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

.skip-link {
	position: absolute;
	left: -9999px;
	top: auto;
	background: #fff;
	color: #000;
	padding: 12px 20px;
	z-index: 999999;
}
.skip-link:focus { left: 10px; top: 10px; }