/*
* demo-restaurant.css - AISLADO para proyecto Muma
* Todas las reglas están scoped bajo html.demo-restaurant para garantizar que:
* - NO afecten a otros proyectos/demos (multi-tenant)
* - Solo apliquen cuando cd-system.theme.demo === 'demo-restaurant'
*
* Brandbook Muma:
* PRIMARY: Helvetica Regular + kerning -70
* SECONDARY: Helvetica Light (body/descriptions)
*/

/* Variables solo cuando demo-restaurant está activo */
html.demo-restaurant {
	--font-family: "Helvetica", "Arial", sans-serif;
	--font-headings: "Helvetica", "Arial", sans-serif;
	--muma-kerning-headings: -0.07em; /* Brandbook: kerning -70 */
}

/* Base: Helvetica Light (SECONDARY TYPEFACE) */
html.demo-restaurant body,
html.demo-restaurant {
	font-family: var(--font-family) !important;
	font-weight: 300;
	line-height: 1.6;
}

/* Títulos: Helvetica Regular + kerning -70 (PRIMARY TYPEFACE) */
html.demo-restaurant h1, html.demo-restaurant h2, html.demo-restaurant h3,
html.demo-restaurant h4, html.demo-restaurant h5, html.demo-restaurant h6,
html.demo-restaurant .h1, html.demo-restaurant .h2, html.demo-restaurant .h3,
html.demo-restaurant .h4, html.demo-restaurant .h5, html.demo-restaurant .h6 {
	font-family: var(--font-headings) !important;
	font-weight: 400;
	letter-spacing: var(--muma-kerning-headings);
	line-height: 1.3;
}

/* Títulos destacados Bold */
html.demo-restaurant h1 strong, html.demo-restaurant h2 strong, html.demo-restaurant h3 strong,
html.demo-restaurant .font-weight-bold,
html.demo-restaurant .font-weight-extra-bold,
html.demo-restaurant strong {
	font-weight: 700 !important;
}

/* Cuerpo y descripciones: Helvetica Light */
html.demo-restaurant p, html.demo-restaurant span, html.demo-restaurant div,
html.demo-restaurant li, html.demo-restaurant td, html.demo-restaurant th,
html.demo-restaurant .text, html.demo-restaurant .description, html.demo-restaurant .lead,
html.demo-restaurant a, html.demo-restaurant label, html.demo-restaurant input,
html.demo-restaurant textarea, html.demo-restaurant select, html.demo-restaurant button {
	font-family: var(--font-family) !important;
	font-weight: 300;
	line-height: 1.6;
}

/* Override alternative-font-4: 100% Helvetica (no Poppins) */
html.demo-restaurant .alternative-font-4 {
	font-family: var(--font-headings) !important;
}
html.demo-restaurant h1.alternative-font-4, html.demo-restaurant h2.alternative-font-4,
html.demo-restaurant h3.alternative-font-4, html.demo-restaurant h4.alternative-font-4,
html.demo-restaurant h5.alternative-font-4, html.demo-restaurant h6.alternative-font-4 {
	letter-spacing: var(--muma-kerning-headings);
}

/* custom-secondary-font: items de menú */
html.demo-restaurant .custom-secondary-font {
	font-family: var(--font-headings) !important;
	font-weight: 600;
}

/* Navegación y menús */
html.demo-restaurant nav, html.demo-restaurant .nav, html.demo-restaurant .navbar,
html.demo-restaurant .header-nav-main nav > ul > li > a,
html.demo-restaurant .menu-item, html.demo-restaurant .menu-link {
	font-family: var(--font-headings) !important;
	font-weight: 400;
	letter-spacing: var(--muma-kerning-headings);
}

/* Botones */
html.demo-restaurant .btn, html.demo-restaurant button, html.demo-restaurant .button {
	font-family: var(--font-headings) !important;
	font-weight: 400;
}

/* Breadcrumbs, hero labels, page headers */
html.demo-restaurant .custom-font-secondary {
	font-family: var(--font-headings) !important;
	font-weight: 400;
	letter-spacing: var(--muma-kerning-headings);
}

/* Layout y componentes demo-restaurant */
html.demo-restaurant .custom-big-font-size-1 {
	font-size: 56px;
	font-size: 3.5rem;
}

@media (min-width: 576px) {
	html.demo-restaurant .custom-big-font-size-1 {
		font-size: 5.5rem;
	}
}

@media (min-width: 992px) {
	html.demo-restaurant .custom-negative-margin-top-1 {
		margin-top: -360px;
	}
}

@media (max-width: 575px) {
	html.demo-restaurant .pl-xs-1 {
		padding-left: .25rem !important;
	}
}

html.demo-restaurant .custom-border-radius-1 {
	border-radius: 7px !important;
}

html.demo-restaurant .custom-btn-style-1 {
	position: relative;
	border-radius: 7px;
	padding: 10px 20px;
	transition: ease transform 300ms;
}

html.demo-restaurant .custom-btn-style-1 > span {
	position: relative;
	z-index: 1;
}

html.demo-restaurant .custom-btn-style-1:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: inherit;
	opacity: 0.4;
	border-radius: inherit;
	transform: translate3d(5px, 5px, 0);
	transition: ease transform 300ms;
	z-index: 0;
}

html.demo-restaurant .custom-btn-style-1:hover {
	transform: translate3d(2.5px, 2.5px, 0);
}

html.demo-restaurant .custom-btn-style-1:hover:before {
	transform: translate3d(0, 0, 0);
}

html.demo-restaurant .overlay:before {
	background: #2C2C2C;
}

html.demo-restaurant .custom-line {
	width: 50px;
	border-bottom: 2px solid var(--grey-500);
	border-bottom-color: var(--primary);
}

html.demo-restaurant .custom-divider-size-1 {
	height: 3px;
}

/* Header */
html.demo-restaurant #header .header-top,
html.demo-restaurant #header .header-top span,
html.demo-restaurant #header .header-top a {
	font-family: var(--font-headings) !important;
	font-weight: 300;
}

@media (min-width: 992px) {
	html.demo-restaurant #header .header-nav-main nav > ul > li > a {
		font-family: var(--font-headings) !important;
		font-weight: 400;
		letter-spacing: var(--muma-kerning-headings);
		font-size: 16px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	html.demo-restaurant #header .header-nav-main nav > ul > li > a {
		font-family: var(--font-headings) !important;
		font-weight: 400;
		letter-spacing: var(--muma-kerning-headings);
		font-size: 14px;
	}
}

/* Testimonials */
html.demo-restaurant .custom-testimonial-style-1.testimonial-with-quotes blockquote:before,
html.demo-restaurant .custom-testimonial-style-1.testimonial-with-quotes blockquote:after {
	font-family: var(--font-headings) !important;
	font-weight: 700;
	font-size: 40px;
	font-size: 2.5rem;
	color: #212121;
	top: 10px;
}

html.demo-restaurant .custom-testimonial-style-1.testimonial-with-quotes.custom-testimonial-style-1-quote-big blockquote:before,
html.demo-restaurant .custom-testimonial-style-1.testimonial-with-quotes.custom-testimonial-style-1-quote-big blockquote:after {
	font-size: 64px;
	font-size: 4rem;
	top: -6px;
}

/* Custom Menu Item */
html.demo-restaurant .custom-menu-item .custom-menu-item-details {
	display: flex;
	justify-content: space-between;
	position: relative;
}

html.demo-restaurant .custom-menu-item .custom-menu-item-details .custom-menu-item-title {
	position: relative;
	padding-bottom: 10px;
}

html.demo-restaurant .custom-menu-item .custom-menu-item-details .custom-menu-item-price {
	position: relative;
	top: -5px;
}

html.demo-restaurant .custom-menu-item .custom-menu-item-details .custom-menu-item-price strong {
	font-size: 20.8px;
	font-size: 1.3rem;
}

html.demo-restaurant .custom-menu-item .custom-menu-item-details .custom-menu-item-price strong > span {
	font-size: 0.6em;
}

html.demo-restaurant .custom-menu-item .custom-menu-item-details .custom-menu-item-line {
	position: absolute;
	width: 100%;
	bottom: 0;
	border-bottom: dashed 1px #777;
}

html.demo-restaurant .custom-menu-item .custom-menu-item-desc {
	position: relative;
	margin-top: 5px;
}

html.demo-restaurant .custom-menu-item + .custom-menu-item {
	margin-top: 25px;
}

/* Blog Post Date */
html.demo-restaurant .custom-date-style-1 {
	position: relative;
	border-radius: 7px;
	transition: ease transform 300ms;
}

html.demo-restaurant .custom-date-style-1:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: inherit;
	background: inherit;
	opacity: 0.7;
	transform: translate3d(5px, 5px, 0);
	transition: ease transform 300ms;
	z-index: 0;
}

html.demo-restaurant .custom-date-style-1 > span > span {
	font-size: 0.5em;
	letter-spacing: 3px;
}

html.demo-restaurant .custom-link-hover-effects:hover .custom-date-style-1 {
	transform: translate3d(2.5px, 2.5px, 0);
}

html.demo-restaurant .custom-link-hover-effects:hover .custom-date-style-1:before {
	transform: translate3d(0, 0, 0);
}

html.demo-restaurant .breadcrumb > li + li:before {
	opacity: 0.8;
	font-size: 0.8em;
	padding: 0 13px 0 7px;
}

/* Footer */
html.demo-restaurant #footer {
	background: #2c2c2c;
	font-family: var(--font-family) !important;
}

html.demo-restaurant #footer h1, html.demo-restaurant #footer h2,
html.demo-restaurant #footer h3, html.demo-restaurant #footer h4,
html.demo-restaurant #footer h5, html.demo-restaurant #footer h6 {
	font-family: var(--font-headings) !important;
	font-weight: 400;
	letter-spacing: var(--muma-kerning-headings);
}

html.demo-restaurant #footer p, html.demo-restaurant #footer span,
html.demo-restaurant #footer li,
html.demo-restaurant #footer a:not(.btn):not(.no-footer-css) {
	color: #969696;
	font-family: var(--font-family) !important;
	font-weight: 300;
}

html.demo-restaurant #footer .footer-copyright {
	background: #2c2c2c;
}