/*
Theme Name: La Maison du Conquet
Description: Thème sur mesure pour la location saisonnière « La Maison du Conquet » (Le Conquet, Finistère). Palette bord de mer, typographie sobre, adapté aux mobiles. Les textes et photos se modifient dans les Pages de l'administration, sans toucher au code.
Version: 1.0.0
Text Domain: maison-conquet
*/

:root {
	--ocean: #16425b;
	--ecume: #f6fafc;
	--sable: #efe6d8;
	--ardoise: #33454e;
	--accent: #d95f2b;
}
* { box-sizing: border-box; }
body {
	margin: 0; color: var(--ardoise); background: #fff;
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 17px; line-height: 1.65;
}
h1, h2, h3, .mc-nav, .mc-bouton { font-family: 'Helvetica Neue', Arial, sans-serif; }
h1, h2, h3 { color: var(--ocean); line-height: 1.25; }
a { color: var(--ocean); }
img { max-width: 100%; height: auto; border-radius: 8px; }

.mc-entete { background: var(--ocean); color: #fff; }
.mc-entete-int {
	max-width: 1040px; margin: 0 auto; padding: .9rem 1.2rem;
	display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .6rem;
}
.mc-marque { font-family: Georgia, serif; font-size: 1.35rem; color: #fff; text-decoration: none; }
.mc-marque em { color: var(--sable); font-style: normal; }
.mc-nav a { color: #e8f0f4; text-decoration: none; margin-left: 1.1rem; font-size: .95rem; }
.mc-nav a:hover { color: #fff; text-decoration: underline; }

.mc-heros {
	background: linear-gradient(160deg, var(--ocean) 0%, #2a6f97 100%);
	color: #fff; text-align: center; padding: 4.5rem 1.2rem;
}
.mc-heros h1 { color: #fff; font-family: Georgia, serif; font-size: 2.4rem; margin: 0 0 .4rem; }
.mc-heros p { color: #dcebf2; max-width: 620px; margin: 0 auto 1.4rem; }
.mc-bouton {
	display: inline-block; background: var(--accent); color: #fff; text-decoration: none;
	padding: .8rem 1.6rem; border-radius: 8px; font-size: 1.02rem;
}
.mc-bouton:hover { filter: brightness(1.08); }

.mc-contenu { max-width: 1040px; margin: 0 auto; padding: 2.2rem 1.2rem; }
.mc-contenu .entry-title { font-family: Georgia, serif; }

.mc-pied { background: var(--ocean); color: #cfe0e8; margin-top: 3rem; }
.mc-pied-int { max-width: 1040px; margin: 0 auto; padding: 1.6rem 1.2rem; font-size: .92rem; }
.mc-pied a { color: #fff; }

@media (max-width: 640px) {
	.mc-heros h1 { font-size: 1.7rem; }
	.mc-nav a { margin-left: .7rem; }
}