/* O'Terroir — styles communs */
@font-face { font-family: "Inter"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/inter-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/inter-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/inter-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/inter-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Young Serif"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/young-serif-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Caveat"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/caveat-latin-700-normal.woff2") format("woff2"); }

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body { margin: 0; background: #f4efe6; }
img { max-width: 100%; }
:focus-visible { outline: 3px solid #e08a6a; outline-offset: 3px; border-radius: 4px; }
input:focus-visible, select:focus-visible, textarea:focus-visible { outline-offset: 0; }
summary { list-style-position: outside; }

/* Lien d'évitement pour la navigation au clavier */
.lien-evitement { position: absolute; left: 16px; top: -60px; z-index: 100; background: #2a221c; color: #ffffff; padding: 12px 18px; border-radius: 8px; font: 600 15px/1.2 Inter, system-ui, sans-serif; text-decoration: none; }
.lien-evitement:focus { top: 16px; }

/* Messages des formulaires */
.form-erreur { margin: 0; background: #fbe7df; color: #7d2f1c; border: 1px solid #e9b8a6; border-radius: 8px; padding: 12px 14px; font-size: 14px; }

/* Bandeau cookies */
.cookie-bandeau[hidden], .cookie-details[hidden] { display: none !important; }

/* Mobile */
@media (max-width: 640px) {
  header nav { gap: 14px 18px !important; }
  header nav a:last-child { width: 100%; text-align: center; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }