/*
Theme Name:  Elie Hotel (Astra Child)
Theme URI:   https://eliehotel.com
Description: Child theme for Elie Hotel. All custom CSS/PHP lives here so Astra updates never overwrite it. v1.1.0 = blue brand palette matching the hotel signage.
Author:      Blue Shark Solution
Template:    astra
Version:     1.1.0
Text Domain: eliehotel
*/

/* ---------- Brand tokens ----------
   Blue matches the Elie Hotel awning. The --eh-burgundy names are kept as
   aliases so page content imported before v1.1.0 keeps rendering correctly.
   Use --eh-blue / --eh-navy in any new CSS.                                */
:root {
	--eh-blue: #1A5C9E;
	--eh-blue-light: #2F79C0;
	--eh-navy: #0E3A66;
	--eh-gold: #C9A24A;
	--eh-gold-light: #E0C27A;
	--eh-cream: #F5EEDC;
	--eh-light: #EDF2F7;
	--eh-ink: #1C1B1A;

	/* legacy aliases */
	--eh-burgundy: var(--eh-blue);
	--eh-burgundy-dark: var(--eh-navy);
}


/* ---------- Palette classes (block editor swatches) ---------- */
.has-eh-blue-background-color, .has-eh-burgundy-background-color { background-color: var(--eh-blue) !important; }
.has-eh-navy-background-color     { background-color: var(--eh-navy) !important; }
.has-eh-light-background-color    { background-color: var(--eh-light) !important; }
.has-eh-gold-background-color     { background-color: var(--eh-gold) !important; }
.has-eh-cream-background-color    { background-color: var(--eh-cream) !important; }
.has-eh-ink-background-color      { background-color: var(--eh-ink) !important; }
.has-eh-white-background-color    { background-color: #fff !important; }
.has-eh-blue-color, .has-eh-burgundy-color { color: var(--eh-blue) !important; }
.has-eh-navy-color  { color: var(--eh-navy) !important; }
.has-eh-gold-color     { color: var(--eh-gold) !important; }
.has-eh-cream-color    { color: var(--eh-cream) !important; }
.has-eh-ink-color      { color: var(--eh-ink) !important; }
.has-eh-white-color    { color: #fff !important; }

/* Cover blocks: text on burgundy */
.wp-block-cover.is-dark, .wp-block-cover.is-dark h1, .wp-block-cover.is-dark h2, .wp-block-cover.is-dark p { color: #fff; }
.wp-block-cover .eh-eyebrow { color: var(--eh-gold); }

/* ---------- Buttons ---------- */
.ast-button, .wp-block-button .wp-block-button__link, .wp-block-button__link, .button, button.wp-block-search__button, body .ast-button {
	background-color: var(--eh-gold) !important;
	color: var(--eh-ink) !important;
	border-radius: 3px;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
	border: none !important;
}
.ast-button:hover, .wp-block-button .wp-block-button__link:hover, .wp-block-button__link:hover, .button:hover {
	background-color: var(--eh-gold-light) !important;
	color: var(--eh-ink) !important;
}

/* ---------- Header ---------- */
.ast-primary-header-bar .main-header-menu .menu-link {
	text-transform: uppercase;
	letter-spacing: .06em;
	font-size: .9rem;
}
.ast-primary-header-bar .menu-item.current-menu-item > .menu-link {
	color: var(--eh-blue);
}

.banner-text{
	color: var(--eh-cream) !important;	
}

/* ---------- Section helpers (add as Additional CSS class on a Group block) ---------- */
.eh-band-blue, .eh-band-burgundy {
	background: var(--eh-blue);
	color: #fff;
}
.eh-band-blue h2, .eh-band-blue h3,
.eh-band-burgundy h2, .eh-band-burgundy h3 { color: #fff; }
.eh-band-blue a, .eh-band-burgundy a { color: var(--eh-gold); }

.eh-band-navy { background: var(--eh-navy); color: #fff; }
.eh-band-navy h2, .eh-band-navy h3 { color: #fff; }
.eh-band-navy a { color: var(--eh-gold); }

/* light band — .eh-band-cream kept as the legacy name */
.eh-band-cream, .eh-band-light { background: var(--eh-light); }

.eh-eyebrow {
	color: var(--eh-gold);
	text-transform: uppercase;
	letter-spacing: .18em;
	font-size: .8rem;
	font-weight: 700;
}

/* Attraction / amenity cards */
.eh-card {
	background: #fff;
	border-top: 4px solid var(--eh-blue);
	padding: 2rem 1.5rem;
	box-shadow: 0 6px 24px rgba(0,0,0,.06);
	transition: transform .2s ease;
}
.eh-card:hover { transform: translateY(-4px); }
.eh-card h3 { margin-top: .5rem; color: var(--eh-blue); }

/* Hours table */
.eh-hours table { width: 100%; border-collapse: collapse; }
.eh-hours th { background: var(--eh-blue); color: #fff; padding: .75rem; text-align: left; }
.eh-hours td { padding: .65rem .75rem; border: 1px solid rgba(0,0,0,.20); }
.eh-hours tr:nth-child(even) td { background: rgba(26,92,158,.06); }
.eh-hours td:first-child { font-weight: 700; }

/* Footer */
.site-footer { background: var(--eh-navy); color: #c9d6e4; }
.site-footer a { color: var(--eh-gold); }
.site-footer h2, .site-footer h3, .site-footer h4 { color: #fff; }

/* Google Maps embed */
.eh-map iframe { width: 100%; height: 400px; border: 0; display: block; }

/* Header logo sizing safety net */
.site-logo-img img { max-height: 90px; width: auto; }
