/*
 * client.css — AAYAM (client/aayamlu). Premium minimalist, warm-neutral polish.
 *
 * Loaded AFTER the child theme's style.css, so these rules win the cascade without touching
 * shared files. Colours reference the Astra global palette vars the child theme exposes
 * (--k-crimson = accent maroon, --k-saffron = gold highlight, --k-surface, --k-text, --k-base),
 * which are set by scripts/set-palette.php (see the command in kailaba-client.php). So the
 * brand colours follow the palette; this file only tunes type, rhythm and a few section looks.
 *
 * Fonts: headings = Cormorant Garamond (elegant serif), body/nav = Inter (clean sans). They are
 * imported here so they render even before the Astra Customizer typography step is run.
 *
 * client.css auto-cache-busts by file mtime — no version bump needed.
 */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap');

/* ── Type system ─────────────────────────────────────────────────────────── */
body,
.ast-container,
button,
input,
select,
textarea,
.elementor-widget-text-editor,
.kailaba-hero__sub {
	font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

h1, h2, h3, h4,
.entry-title,
.elementor-heading-title,
.kailaba-hero__title,
.site-title {
	font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
	font-weight: 600;
	letter-spacing: 0.01em;
}

/* Cormorant runs large and light — give display headings a touch more presence. */
.elementor-widget-heading h2.elementor-heading-title {
	font-size: clamp(2rem, 4vw, 2.9rem);
	line-height: 1.12;
}

/* ── Eyebrows — letter-spaced uppercase small-caps in antique gold (highlight). The section
   library renders these as an <h6>; nudge their colour to the brand gold. ── */
h6.elementor-heading-title {
	color: var(--k-saffron, #B08D57) !important;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-family: 'Inter', system-ui, sans-serif;
	font-weight: 600;
	font-size: 13px;
}

/* ── Hero — keep the photo bright; a soft bottom gradient and light shadow keep the serif
   headline and gold kicker readable. ── */
.kailaba-hero__overlay {
	background: linear-gradient(180deg, rgba(20, 14, 10, 0.16) 0%, rgba(20, 14, 10, 0.12) 45%, rgba(20, 14, 10, 0.38) 100%);
}
.kailaba-hero__title,
.kailaba-hero__sub,
.kailaba-hero__kicker {
	text-shadow: 0 1px 14px rgba(0, 0, 0, 0.45);
}
.kailaba-hero__kicker {
	color: var(--k-saffron, #C8963E);
	letter-spacing: 4px;
}

/* Hero has no CTA buttons — the client prefers a minimal hero, and Order Online / Book a Table
   already live in the header nav. The baseline hero always renders them, so hide them here. */
.kailaba-hero__actions { display: none !important; }

/* ── Header "Book a Table" CTA (Astra header-builder button). Render it as a real filled pill
   in the brand accent, not bare uppercase text. ── */
.ast-builder-button-wrap .ast-custom-button-link,
.main-header-bar .ast-custom-button-link {
	display: inline-block;
	background: var(--k-crimson, #C96B2C);
	color: #fff !important;
	padding: 11px 22px;
	border-radius: 999px;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	font-size: 13px;
	line-height: 1;
	border: 0;
	transition: background .18s ease, transform .18s ease;
}
.ast-builder-button-wrap .ast-custom-button-link:hover,
.main-header-bar .ast-custom-button-link:hover {
	background: var(--k-crimson-hover, #A85520);
	color: #fff !important;
	transform: translateY(-1px);
}

/* ── Our Story article ([aayam-story] content) — tame the baseline's oversized global heading
   sizes for the standalone About page and keep the read column comfortable. ── */
.aayam-story h1 { font-size: clamp(2.2rem, 5vw, 3.4rem); line-height: 1.1; }
.aayam-story p { line-height: 1.7; margin: 0 0 18px; }

/* ── Slim sticky header — a lighter, quieter bar that solidifies on scroll (over a warm
   cream ground). The baseline keeps it pinned; we just trim its presence. ── */
.ast-primary-header-bar .site-header-primary-sticky-active,
.ast-header-break-point .main-header-bar {
	box-shadow: 0 1px 0 var(--k-line, rgba(90, 74, 63, 0.18));
}
#masthead .main-header-bar {
	padding-top: 6px;
	padding-bottom: 6px;
}
.site-title { letter-spacing: 0.04em; }

/* ── Buffet a Volonte band (order_cta shell, espresso background set in the recipe). Give the
   dark contrast band a calm, premium feel: serif heading, gold hairline, spaced gold button. ── */
.elementor-section:has(.elementor-button[href*="/reservations/"]) .elementor-heading-title {
	letter-spacing: 0.02em;
}
.elementor-button {
	letter-spacing: 0.04em;
}

/* Prices, active nav and links already inherit the maroon accent (--k-crimson) from the theme. */

/* ── Visit us band ([aayam_visit]) — contact/hours on the left, click-to-load map on the
   right; stacks on mobile. ── */
.aayam-visit {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
	align-items: start;
	max-width: 1040px;
	margin: 10px auto 0;
	text-align: left;
}
.aayam-visit__info > * + * { margin-top: 22px; }
.aayam-visit__map .kailaba-map,
.aayam-visit__map iframe {
	width: 100%;
	min-height: 320px;
	border-radius: 14px;
	overflow: hidden;
}
@media (max-width: 768px) {
	.aayam-visit {
		grid-template-columns: 1fr;
		gap: 28px;
	}
}

/* ── Footer — light-on-dark logo (via kailaba_footer_logo) on the espresso band. ── */
.kailaba-footer__logo img {
	max-height: 56px;
	width: auto;
}

/* ── Press + reviews cards — softer, warmer card edges to match the cream surfaces. ── */
.kailaba-press__card,
.kailaba-review-card {
	border-radius: 14px;
}
.kailaba-press__title,
.kailaba-review__quote,
.kailaba-review-card__quote {
	font-family: 'Cormorant Garamond', Georgia, serif;
}