/*
Theme Name: Livia Guid'Animale
Theme URI: https://www.livia-guidanimale.fr/
Description: Thème enfant Divi 5 pour Livia Guid'Animale.
Author: Illumina Agence
Template: Divi
Version: 1.1.0
Text Domain: livia-guidanimale
*/

/*
 * Les mises en page et le design des pages sont définis dans les réglages natifs
 * des sections, lignes, colonnes et modules Divi. Ce fichier ne gère que le cadre
 * global du thème (document, navigation, pied de page et accessibilité).
 */

:root {
  --livia-rose: #eab9b3;
  --livia-bordeaux: #913f4a;
  --livia-gold: #bb6313;
  --livia-ink: #352b2c;
  --livia-line: rgba(53, 43, 44, 0.1);
}

html {
  scroll-behavior: smooth;
}

body {
  background: #fff;
  color: var(--livia-ink);
}

a:focus-visible,
button:focus-visible,
summary:focus-visible {
  outline: 3px solid var(--livia-gold);
  outline-offset: 4px;
}

#main-header {
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 1px 0 var(--livia-line);
  backdrop-filter: blur(16px);
}

#main-header .container {
  max-width: 1240px;
  width: min(92%, 1240px);
}

#logo {
  max-height: 62px;
}

#top-menu a {
  color: var(--livia-ink);
  font-size: 14px;
  font-weight: 650;
  letter-spacing: 0.02em;
}

#top-menu a:hover,
#top-menu .current-menu-item > a {
  color: var(--livia-bordeaux);
  opacity: 1;
}

#main-footer {
  background: var(--livia-ink);
}

#footer-bottom {
  background: rgba(0, 0, 0, 0.12);
}

#footer-info,
#footer-info a {
  color: rgba(255, 255, 255, 0.72);
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}