/*
Theme Name: Dînette Bardèz
Theme URI: https://dinettebardez.com
Author: Dînette Bardèz
Author URI: https://dinettebardez.com
Description: A custom Full Site Editing theme for Dînette Bardèz - Levantine Snack Bar in Mile End, Montreal. Features a minimalist design with Adobe Typekit fonts (Alkaline) and warm color palette. WPML-ready for multilingual support.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dinette-bardez
Tags: full-site-editing, block-patterns, block-styles, custom-colors, custom-logo, custom-menu, featured-images, one-column, rtl-language-support, translation-ready, wide-blocks

Dînette Bardèz - Snack-bar levantin à Mile End
A tribute to the cuisine of the Armenian diaspora.
*/

/* Base styles - most styling handled via theme.json */

/* Contact Page Styles */
.dinette-contact-info {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 2rem;
	padding: 1rem 0;
}

.contact-section {
	padding: 1rem;
}

.contact-section h3 {
	font-family: "alkaline-caps", sans-serif;
	font-size: 1rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--wp--preset--color--navy, #1e3a5f);
	margin-bottom: 0.75rem;
	padding-bottom: 0.5rem;
	border-bottom: 2px solid var(--wp--preset--color--gold, #c9a227);
}

.contact-section address {
	font-style: normal;
	line-height: 1.6;
	margin-bottom: 0.75rem;
}

.contact-link,
.map-link,
.social-link {
	display: inline-block;
	color: var(--wp--preset--color--burgundy, #7a2e3b);
	text-decoration: none;
	font-weight: 500;
	padding: 0.25rem 0;
	border-bottom: 1px solid transparent;
	transition: border-color 0.2s ease;
}

.contact-link:hover,
.map-link:hover,
.social-link:hover {
	border-bottom-color: var(--wp--preset--color--burgundy, #7a2e3b);
}

.contact-phone a,
.contact-email a {
	color: var(--wp--preset--color--navy, #1e3a5f);
	text-decoration: none;
}

.contact-phone a:hover,
.contact-email a:hover {
	color: var(--wp--preset--color--burgundy, #7a2e3b);
}

.hours-list {
	margin: 0;
	padding: 0;
}

.hours-row {
	display: flex;
	justify-content: space-between;
	padding: 0.5rem 0;
	border-bottom: 1px solid var(--wp--preset--color--cream, #f5e6d3);
}

.hours-row:last-child {
	border-bottom: none;
}

.hours-row dt {
	font-weight: 500;
}

.hours-row dd {
	margin: 0;
	color: var(--wp--preset--color--dark, #333);
}

.social-links {
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
}

/* Map Styles */
.dinette-map {
	width: 100%;
	margin: 1rem 0;
	border-radius: 4px;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.dinette-map iframe {
	display: block;
	width: 100%;
	height: 400px;
	border: none;
}

.map-placeholder {
	background: var(--wp--preset--color--cream, #f5e6d3);
	padding: 2rem;
	text-align: center;
}

.map-placeholder p {
	margin-bottom: 1rem;
	color: var(--wp--preset--color--dark, #333);
}

/* Responsive adjustments */
@media (max-width: 600px) {
	.dinette-contact-info {
		grid-template-columns: 1fr;
	}

	.dinette-map iframe {
		height: 300px;
	}
}

/* ==========================================================================
   Footer Styles
   ========================================================================== */

footer,
.wp-block-template-part[data-slug="footer"] {
	background-color: var(--wp--preset--color--cream, #f5e6d3);
	padding: 1rem 1.5rem;
	margin-top: 2rem;
}

.lang-switch-container {
	padding: 0;
}

/* ==========================================================================
   Menu Page Styles
   Matches the PDF design: two-column layout with bordered category headers
   ========================================================================== */

.dinette-menu {
	max-width: 900px;
	margin: 0 auto;
	padding: 2rem 1.5rem;
	font-family: var(--wp--preset--font-family--body, "alkaline", sans-serif);
}

/* Menu Header */
.menu-header {
	text-align: center;
	margin-bottom: 2.5rem;
	padding-bottom: 1.5rem;
	border-bottom: 1px dotted var(--wp--preset--color--dark, #333);
}

.menu-logo {
	margin-bottom: 0.5rem;
}

.menu-logo-img {
	max-width: 200px;
	height: auto;
}

/* Front Page Logo */
.front-page-logo {
	text-align: center;
	padding: 1.5rem 1rem;
	margin-bottom: 0.5rem;
}

.front-page-logo a {
	display: inline-block;
	line-height: 0;
}

.front-page-logo-img {
	width: 180px;
	max-width: 100%;
	height: auto;
}

.menu-tagline {
	font-family: "alkaline", sans-serif;
	font-style: italic;
	font-size: 1.125rem;
	color: var(--wp--preset--color--dark, #333);
	margin: 0;
	letter-spacing: 0.05em;
}

/* Two-Column Layout */
.menu-columns {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2.5rem;
	align-items: start;
}

.menu-column {
	min-width: 0;
}

/* Category Section */
.menu-category {
	margin-bottom: 2rem;
}

/* Category Headers - Bordered Box Style */
.menu-category-header {
	font-family: "alkaline-caps", sans-serif;
	font-size: 1.0625rem;
	font-weight: 700;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	text-align: center;
	color: var(--wp--preset--color--dark, #333);
	margin: 0 0 1.5rem 0;
	padding: 0.5rem 1.5rem;
	border: 2px solid var(--wp--preset--color--dark, #333);
	display: inline-block;
	width: auto;
}

/* Dessert header - Script/Italic Style */
.menu-category-header--script {
	font-family: "alkaline", sans-serif;
	font-style: italic;
	text-transform: none;
	letter-spacing: 0.05em;
	font-size: 1.3125rem;
	font-weight: 700;
}

/* Menu Item */
.menu-item {
	margin-bottom: 1.25rem;
}

.menu-item-header {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 0.5rem;
	margin-bottom: 0.25rem;
}

.menu-item-name {
	font-family: "alkaline-caps", sans-serif;
	font-size: 1.0625rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var(--wp--preset--color--dark, #333);
}

.menu-item-price {
	font-family: "alkaline-caps", sans-serif;
	font-size: 1.0625rem;
	font-weight: 700;
	color: var(--wp--preset--color--dark, #333);
	white-space: nowrap;
	flex-shrink: 0;
}

.menu-item-description {
	font-family: "alkaline", sans-serif;
	font-style: italic;
	font-size: 1.125rem;
	line-height: 1.4;
	color: var(--wp--preset--color--dark, #333);
	margin: 0;
	text-align: left;
}

/* Menu Item Variants (sub-options like "AVEC POULET 16") */
.menu-item-variants {
	margin-top: 0.5rem;
	padding-left: 0;
}

.menu-item-variant {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 0.5rem;
	margin-bottom: 0.25rem;
}

.variant-name {
	font-family: "alkaline-caps", sans-serif;
	font-size: 0.9375rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var(--wp--preset--color--dark, #333);
}

.variant-price {
	font-family: "alkaline-caps", sans-serif;
	font-size: 0.9375rem;
	font-weight: 700;
	color: var(--wp--preset--color--dark, #333);
	white-space: nowrap;
	flex-shrink: 0;
}

/* Empty Menu State */
.menu-empty {
	text-align: center;
	font-style: italic;
	color: var(--wp--preset--color--dark, #666);
	padding: 3rem 1rem;
}

/* ==========================================================================
   Menu Page Responsive Styles
   ========================================================================== */

@media (max-width: 768px) {
	.dinette-menu {
		padding: 1.5rem 1rem;
	}

	/* Stack columns on mobile */
	.menu-columns {
		grid-template-columns: 1fr;
		gap: 2rem;
	}

	.menu-category-header {
		font-size: 0.9rem;
		padding: 0.4rem 1rem;
	}

	.menu-item-name,
	.menu-item-price {
		font-size: 0.9rem;
	}

	.menu-item-description {
		font-size: 0.85rem;
	}

	.variant-name,
	.variant-price {
		font-size: 0.8rem;
	}
}