/*
Theme Name: Paneah Hotel
Theme URI: https://paneahhotel.com
Author: Online Creatives Kenya
Author URI: https://onlinecreatives.co.ke
Description: A minimal, Elementor-optimised theme purpose-built for Paneah Hotel & Suites. Modelled on the Hello Elementor architecture for maximum compatibility — zero default styles that conflict with Elementor widgets, full-width page support, transparent header support, and the Paneah brand tokens (Fraunces / Jost typography, wine #8E1B4E, charcoal #2B2A2C) baked into the base layer.
Version: 1.0.0
Requires at least: 5.6
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: paneah-hotel
Tags: custom-logo, full-width-template, theme-options, threaded-comments, translation-ready, blog, hotel, elementor
*/

/* ================================================================
   PANEAH HOTEL THEME — BASE STYLESHEET
   Philosophy: output the bare minimum needed for a working WordPress
   site and Elementor canvas. Everything visual is handled inside
   Elementor HTML widgets. Do NOT add decorative styles here.
   ================================================================ */

/* ---------- CSS custom properties (Paneah brand tokens) ---------- */
:root {
	--paneah-wine:        #8E1B4E;
	--paneah-wine-dark:   #6B1339;
	--paneah-wine-light:  #A83D6E;
	--paneah-charcoal:    #2B2A2C;
	--paneah-text-muted:  #6b6b6d;
	--paneah-leaf-gray:   #A6A6A6;
	--paneah-cream:       #F4F2F0;
	--paneah-font-display:"Fraunces", Georgia, serif;
	--paneah-font-body:   "Jost", Helvetica, Arial, sans-serif;
}

/* ---------- Reset & base ---------- */
*,
*::before,
*::after {
	box-sizing: border-box;
}

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

body {
	margin: 0;
	padding: 0;
	font-family: var(--paneah-font-body);
	font-size: 16px;
	line-height: 1.7;
	color: var(--paneah-charcoal);
	background-color: #ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* ---------- Typography reset (let Elementor take over) ---------- */
h1, h2, h3, h4, h5, h6 {
	font-family: var(--paneah-font-display);
	font-weight: 600;
	line-height: 1.15;
	margin: 0 0 0.75em;
	color: var(--paneah-charcoal);
}

p {
	margin: 0 0 1em;
}

a {
	color: var(--paneah-wine);
	text-decoration: none;
}

a:hover,
a:focus {
	color: var(--paneah-wine-dark);
	text-decoration: underline;
}

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

/* ---------- Layout ---------- */
.site {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

.site-content {
	flex: 1 0 auto;
}

/* ---------- Elementor full-width / canvas support ---------- */

/* Remove padding that WordPress themes traditionally add around the canvas */
.elementor-page .site-content,
.elementor-page #content,
.elementor-page .entry-content {
	padding: 0;
	margin: 0;
}

/* Allow Elementor sections to stretch beyond the default content width */
.entry-content .elementor {
	max-width: none;
}

/* ---------- Header: transparent overlay support ---------- */

/*
 * The Paneah header snippet is a fixed Elementor HTML widget placed
 * at the top of every page. To let it overlay the hero beneath it,
 * the WordPress admin bar is the only element that should push
 * content down — not the theme header. We output no visible header
 * markup; the theme header is intentionally empty.
 */
.site-header {
	position: static;
	height: 0;
	overflow: visible;
}

/* Admin-bar offset so the fixed header widget clears it correctly */
body.admin-bar .site-header {
	height: 0;
}

/* ---------- WordPress core utility classes (keep them working) ---------- */
.alignfull {
	margin-left: calc(-1 * (100vw - 100%) / 2);
	margin-right: calc(-1 * (100vw - 100%) / 2);
	max-width: 100vw;
	width: 100vw;
}

.alignwide {
	margin-left: auto;
	margin-right: auto;
	max-width: 1280px;
}

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal;
}

/* ---------- Comments & forms (minimal, WP-required) ---------- */
input,
textarea,
select,
button {
	font-family: inherit;
	font-size: inherit;
}

/* ---------- WP Admin bar offset for the fixed Paneah header ---------- */
@media screen and (min-width: 783px) {
	body.admin-bar {
		/* The Paneah header HTML widget is fixed-position and already
		   accounts for the admin bar in its own JS/CSS. */
		margin-top: 0;
	}
}

/* ---------- Print ---------- */
@media print {
	.site-header,
	.site-footer,
	#wpadminbar {
		display: none;
	}
}