/*
Theme Name: Stable Child Theme
Template: divineyoga-fse
Version: 1.0
*/

@font-face {
  font-family: 'PDB-Anvers';
  src: url('./assets/fonts/pdb-anvers-bold-webfont.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Sporting-Grotesque-Regular';
  src: url('./assets/fonts/sporting-grotesque-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Sporting-Grotesque-Bold';
  src: url('./assets/fonts/sporting-grotesque-bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}

body, p, li, a, span {
  font-family: 'Sporting-Grotesque-Regular', sans-serif !important;
  font-weight: 400 !important;
}

strong, b {
  font-family: 'Sporting-Grotesque-Bold', sans-serif !important;
  font-weight: 700 !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'PDB-Anvers', serif !important;
  font-weight: 700 !important;
}
body {
  font-size: 11px; 
  line-height: 1.6; 
}

p, li, a, span, .wp-block-paragraph, .wp-block-list {
  font-size: inherit;
  line-height: inherit;
}

/* Police et style commun à tout le menu */
.menu-principal,
.menu-principal * {
  font-family: 'PDB-Anvers', serif !important;
  font-weight: bold !important;
  color: #cc071e !important;
}

/* Style de base */
.menu-principal a,
.menu-principal .menu-titre {
  text-decoration: none !important;
  padding: 0.4rem 1rem !important;
  border: 2px solid #cc071e !important;
  border-radius: 6px !important;
  display: inline-block !important;
  transition: all 0.3s ease !important;
  color: #cc071e !important;
  background-color: transparent !important;
}

/* Effet au survol */
.menu-principal a:hover,
.menu-principal .menu-titre:hover {
  background-color: #f7f2d4 !important;
  color: #cc071e !important;
}

/* Conteneur du menu principal */
.menu-principal ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 2rem auto !important;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 1rem !important;
  position: relative !important;
}

/* Sous-menus */
.menu-principal li {
  position: relative !important;
}

.menu-principal .sous-menu {
  display: none !important;
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  flex-direction: column !important;
  gap: 0.5rem !important;
  margin-top: 0.5rem !important;
  background: #fffefc !important;
  border-radius: 6px !important;
  z-index: 100 !important;
  padding: 0.5rem !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1) !important;
}

.menu-principal li:hover > .sous-menu {
  display: flex !important;
}

.menu-principal .sous-menu a {
  font-size: 0.95rem !important;
  white-space: nowrap !important;
  border: 2px solid #cc071e !important;
  padding: 0.3rem 0.8rem !important;
}