/*
Theme Name: Maison Abricot
Theme URI: https://maison-abricot.fr
Author: Maison Abricot
Description: Thème enfant de Twenty Twenty-Five pour Maison Abricot Coffee, café de spécialité à Grenoble.
Template: twentytwentyfive
Version: 1.0.0
Requires at least: 6.7
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: maison-abricot
*/

/* Maison Abricot — compléments à theme.json. Chaque classe « ma-* » utilisée dans le thème est définie ici. */

.ma-surtitre {
	font-family: var(--wp--preset--font-family--sans);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 500;
	letter-spacing: 0.3em;
	text-transform: uppercase;
}

.ma-filet {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
}

.ma-filet::before,
.ma-filet::after {
	content: "";
	flex: 0 0 3rem;
	height: 1px;
	background: var(--wp--preset--color--or);
}

.ma-section {
	padding-block: clamp(4rem, 9vw, 7.5rem);
}

.ma-hero {
	min-height: min(88vh, 820px);
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.ma-hero-logo img {
	height: auto;
}

.ma-entete {
	padding-block: 1.25rem;
	border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--or) 50%, transparent);
}

.ma-logo-texte {
	margin: 0;
	font-family: var(--wp--preset--font-family--serif);
	font-size: 1.35rem;
	letter-spacing: 0.28em;
	text-transform: uppercase;
}

.ma-logo-texte a {
	color: inherit;
	text-decoration: none;
}

.ma-navigation {
	font-size: var(--wp--preset--font-size--small);
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.ma-navigation a {
	text-decoration: none;
}

.ma-navigation a:hover,
.ma-navigation a:focus-visible {
	text-decoration: underline;
	text-decoration-color: var(--wp--preset--color--or);
	text-underline-offset: 0.4em;
}

.ma-pied {
	padding-block: clamp(3rem, 7vw, 5rem) 2rem;
}

.ma-pied a {
	color: var(--wp--preset--color--creme);
}

.ma-pied .ma-surtitre {
	color: var(--wp--preset--color--or);
}

.ma-mentions {
	margin-top: 3rem;
	font-size: var(--wp--preset--font-size--small);
	opacity: 0.8;
}

.ma-horaires {
	list-style: none;
	margin: 0;
	padding: 0;
}

.ma-horaires li {
	display: flex;
	justify-content: space-between;
	gap: 2rem;
	padding: 0.55rem 0;
	border-bottom: 1px solid color-mix(in srgb, currentColor 18%, transparent);
}

.ma-adresse {
	font-style: normal;
}

.ma-telephone {
	text-decoration: none;
}

.ma-citation {
	border-left: 1px solid var(--wp--preset--color--or);
	padding-left: 2rem;
	font-family: var(--wp--preset--font-family--serif);
	font-size: var(--wp--preset--font-size--x-large);
	font-style: italic;
	line-height: 1.2;
}

.ma-citation cite {
	display: block;
	margin-top: 1rem;
	font-family: var(--wp--preset--font-family--sans);
	font-size: var(--wp--preset--font-size--small);
	font-style: normal;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}

.ma-carte-osm iframe {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	border: 0;
	filter: grayscale(0.3) sepia(0.15);
}

.ma-carte-credit {
	margin-top: 0.5rem;
	font-size: var(--wp--preset--font-size--small);
}

.ma-pied-logo {
	margin: 0 0 1rem;
}

.ma-pied-logo img {
	height: auto;
}

.ma-horaires-attente {
	font-style: italic;
}