/* =========================================================
   HONFLEUR INSIDER
   ACCUEIL - VERSION DE REFERENCE
   ========================================================= */


/* PAGE */

.rdh-app.rdh-home-ref {
  width: 100% !important;
  max-width: 590px !important;

  margin: 0 auto !important;

  padding:
    15px
    15px
    92px !important;

  background: #f3f6fb !important;

  box-sizing: border-box !important;
}


/* =========================================================
   HEADER
   ========================================================= */

.rdh-home-top {
  display: flex !important;
  align-items: center !important;

  gap: 12px !important;

  min-height: 68px !important;

  margin: 0 5px 10px !important;
  padding: 0 !important;
}


.rdh-home-anchor {
  flex: 0 0 34px !important;

  width: 34px !important;
  height: 34px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}


.rdh-home-anchor svg {
  width: 30px !important;
  height: 30px !important;

  fill: none !important;

  stroke: #2368a2 !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}


.rdh-home-heading {
  min-width: 0 !important;
}


.rdh-home-name {
  color: #10235a !important;

  font-size: 25px !important;
  line-height: 1.05 !important;

  font-weight: 800 !important;
}


.rdh-home-subtitle {
  margin-top: 3px !important;

  color: #c69248 !important;

  font-size: 13px !important;
  line-height: 1.1 !important;

  font-weight: 500 !important;
}


/* =========================================================
   GRILLE
   ========================================================= */

.rdh-home-grid-ref {
  display: grid !important;

  grid-template-columns:
    repeat(2, minmax(0,1fr)) !important;

  gap: 10px !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* =========================================================
   CARTES
   ========================================================= */

.rdh-home-tile {
  display: flex !important;
  flex-direction: column !important;

  min-width: 0 !important;

  overflow: hidden !important;

  border-radius: 22px !important;

  background: #ffffff !important;

  text-decoration: none !important;

  box-shadow:
    0 7px 20px rgba(16,35,90,.07) !important;
}


/* IMAGE */

.rdh-home-tile-picture {
  width: 100% !important;

  aspect-ratio: 1 / .83 !important;

  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  overflow: hidden !important;

  background: #fff !important;
}


.rdh-home-tile-picture img {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  object-fit: contain !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* BAS CARTE */

.rdh-home-tile-bottom {
  min-height: 58px !important;

  display: flex !important;

  align-items: center !important;
  justify-content: space-between !important;

  gap: 8px !important;

  padding:
    9px
    12px
    10px !important;

  box-sizing: border-box !important;
}


.rdh-home-tile-title {
  color: #10235a !important;

  font-size: 19px !important;
  line-height: 1.05 !important;

  font-weight: 800 !important;
}


.rdh-home-tile-subtitle {
  margin-top: 3px !important;

  color: #7c879f !important;

  font-size: 10px !important;
  line-height: 1.1 !important;

  font-weight: 500 !important;
}


.rdh-home-arrow {
  flex: 0 0 auto !important;

  margin-left: auto !important;

  color: #c69248 !important;

  font-size: 28px !important;
  line-height: 1 !important;

  font-weight: 400 !important;
}


/* =========================================================
   PROMENADES
   ========================================================= */

.rdh-home-walk {
  grid-column: 1 / -1 !important;

  min-height: 170px !important;

  display: grid !important;

  grid-template-columns:
    48%
    1fr
    26px !important;

  align-items: center !important;

  gap: 10px !important;

  margin-top: 0 !important;

  padding:
    8px
    10px
    8px
    8px !important;

  overflow: hidden !important;

  border-radius: 22px !important;

  background: #ffffff !important;

  text-decoration: none !important;

  box-shadow:
    0 7px 20px rgba(16,35,90,.07) !important;

  box-sizing: border-box !important;
}


.rdh-home-walk-picture {
  width: 100% !important;
  height: 100% !important;

  min-height: 150px !important;

  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  overflow: hidden !important;
}


.rdh-home-walk-picture img {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  object-fit: contain !important;

  margin: 0 !important;
  padding: 0 !important;
}


.rdh-home-walk-text {
  min-width: 0 !important;
}


.rdh-home-walk-title {
  color: #10235a !important;

  font-size: 23px !important;
  line-height: 1.05 !important;

  font-weight: 800 !important;
}


.rdh-home-walk-subtitle {
  margin-top: 5px !important;

  color: #7c879f !important;

  font-size: 11px !important;
  line-height: 1.2 !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {

  .rdh-app.rdh-home-ref {
    max-width: none !important;

    padding:
      12px
      14px
      88px !important;
  }


  .rdh-home-top {
    min-height: 58px !important;

    gap: 10px !important;

    margin:
      0
      4px
      8px !important;
  }


  .rdh-home-anchor {
    flex-basis: 29px !important;

    width: 29px !important;
    height: 29px !important;
  }


  .rdh-home-anchor svg {
    width: 27px !important;
    height: 27px !important;
  }


  .rdh-home-name {
    font-size: 21px !important;
  }


  .rdh-home-subtitle {
    font-size: 11px !important;
  }


  .rdh-home-grid-ref {
    gap: 8px !important;
  }


  .rdh-home-tile {
    border-radius: 18px !important;
  }


  .rdh-home-tile-picture {
    aspect-ratio: 1 / .80 !important;
  }


  .rdh-home-tile-bottom {
    min-height: 51px !important;

    padding:
      7px
      9px
      8px !important;
  }


  .rdh-home-tile-title {
    font-size: 17px !important;
  }


  .rdh-home-tile-subtitle {
    font-size: 9px !important;
  }


  .rdh-home-arrow {
    font-size: 24px !important;
  }


  .rdh-home-walk {
    min-height: 152px !important;

    grid-template-columns:
      49%
      1fr
      22px !important;

    gap: 7px !important;

    padding:
      6px
      8px
      6px
      6px !important;

    border-radius: 18px !important;
  }


  .rdh-home-walk-picture {
    min-height: 138px !important;
  }


  .rdh-home-walk-title {
    font-size: 20px !important;
  }


  .rdh-home-walk-subtitle {
    font-size: 9.5px !important;
  }

}


/* =========================================================
   PETITS TELEPHONES
   ========================================================= */

@media (max-width: 390px) {

  .rdh-app.rdh-home-ref {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }


  .rdh-home-name {
    font-size: 19px !important;
  }


  .rdh-home-tile-title {
    font-size: 15px !important;
  }


  .rdh-home-tile-subtitle {
    font-size: 8px !important;
  }


  .rdh-home-walk-title {
    font-size: 18px !important;
  }

}


/* =========================================================
   NAVIGATION BAS - VERSION APP
   ========================================================= */

.rdh-bottom-nav {
  position: fixed !important;

  left: 50% !important;
  bottom: 0 !important;

  transform: translateX(-50%) !important;

  z-index: 100000 !important;

  width: 100% !important;
  max-width: 590px !important;

  height: 76px !important;

  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;

  align-items: center !important;

  margin: 0 !important;
  padding:
    7px
    5px
    calc(7px + env(safe-area-inset-bottom)) !important;

  background: rgba(255,255,255,.97) !important;

  border-top:
    1px solid rgba(16,35,90,.06) !important;

  box-shadow:
    0 -6px 22px rgba(16,35,90,.06) !important;

  box-sizing: border-box !important;
}


/* BOUTONS */

.rdh-bottom-nav a {
  height: 100% !important;

  display: flex !important;
  flex-direction: column !important;

  align-items: center !important;
  justify-content: center !important;

  gap: 3px !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;

  background: transparent !important;

  color: #8b96ad !important;

  text-decoration: none !important;

  box-shadow: none !important;

  font-weight: 600 !important;
}


/* SUPPRESSION SOULIGNEMENT */

.rdh-bottom-nav a:hover,
.rdh-bottom-nav a:focus,
.rdh-bottom-nav a:active,
.rdh-bottom-nav a:visited {
  text-decoration: none !important;
}


/* ICONES */

.rdh-bottom-nav a span {
  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  min-width: 30px !important;
  height: 27px !important;

  margin: 0 !important;

  color: inherit !important;

  font-size: 27px !important;
  line-height: 1 !important;

  font-weight: 500 !important;

  text-decoration: none !important;
}


/* TEXTE */

.rdh-bottom-nav a small {
  display: block !important;

  margin: 0 !important;

  color: inherit !important;

  font-size: 12px !important;
  line-height: 1 !important;

  font-weight: 650 !important;

  text-decoration: none !important;
}


/* BOUTON ACTIF */

.rdh-bottom-nav a.active {
  color: #10235a !important;
}


.rdh-bottom-nav a.active span {
  color: #10235a !important;
}


.rdh-bottom-nav a.active small {
  color: #10235a !important;

  font-weight: 800 !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {

  .rdh-bottom-nav {
    max-width: none !important;

    height: 72px !important;

    padding:
      6px
      3px
      calc(6px + env(safe-area-inset-bottom)) !important;
  }


  .rdh-bottom-nav a {
    gap: 2px !important;
  }


  .rdh-bottom-nav a span {
    height: 26px !important;

    font-size: 25px !important;
  }


  .rdh-bottom-nav a small {
    font-size: 11px !important;
  }

}


/* =========================================================
   ACCUEIL - TOUT TENIR SUR UN ECRAN
   ========================================================= */

.rdh-app.rdh-home-ref {
  height: calc(100dvh - 72px) !important;
  min-height: 0 !important;

  overflow: hidden !important;

  padding:
    8px
    12px
    6px !important;

  display: flex !important;
  flex-direction: column !important;
}


/* HEADER PLUS COMPACT */

.rdh-home-top {
  flex: 0 0 54px !important;

  min-height: 54px !important;

  margin:
    0
    4px
    5px !important;
}


.rdh-home-anchor {
  width: 27px !important;
  height: 27px !important;

  flex-basis: 27px !important;
}


.rdh-home-anchor svg {
  width: 25px !important;
  height: 25px !important;
}


.rdh-home-name {
  font-size: 20px !important;
}


.rdh-home-subtitle {
  margin-top: 2px !important;

  font-size: 10px !important;
}


/* GRILLE PREND TOUT L ESPACE RESTANT */

.rdh-home-grid-ref {
  flex: 1 1 auto !important;

  min-height: 0 !important;

  display: grid !important;

  grid-template-columns:
    repeat(2, minmax(0,1fr)) !important;

  grid-template-rows:
    minmax(0,1fr)
    minmax(0,1fr)
    minmax(0,.63fr) !important;

  gap: 7px !important;
}


/* CARTES PRINCIPALES */

.rdh-home-tile {
  min-height: 0 !important;
  height: 100% !important;

  border-radius: 17px !important;
}


.rdh-home-tile-picture {
  flex: 1 1 auto !important;

  min-height: 0 !important;

  aspect-ratio: auto !important;
}


.rdh-home-tile-bottom {
  flex: 0 0 48px !important;

  min-height: 48px !important;

  padding:
    6px
    9px
    7px !important;
}


.rdh-home-tile-title {
  font-size: 16px !important;
}


.rdh-home-tile-subtitle {
  font-size: 8.5px !important;
}


/* PROMENADES PLUS COMPACT */

.rdh-home-walk {
  min-height: 0 !important;
  height: 100% !important;

  grid-template-columns:
    44%
    1fr
    22px !important;

  gap: 6px !important;

  padding:
    5px
    8px
    5px
    6px !important;

  border-radius: 17px !important;
}


.rdh-home-walk-picture {
  min-height: 0 !important;
  height: 100% !important;
}


.rdh-home-walk-title {
  font-size: 18px !important;
}


.rdh-home-walk-subtitle {
  margin-top: 3px !important;

  font-size: 9px !important;
}


/* MOBILE */

@media (max-width: 700px) {

  .rdh-app.rdh-home-ref {
    height: calc(100dvh - 70px) !important;

    padding:
      5px
      8px
      4px !important;
  }


  .rdh-home-top {
    flex-basis: 48px !important;

    min-height: 48px !important;

    margin-bottom: 4px !important;
  }


  .rdh-home-name {
    font-size: 18px !important;
  }


  .rdh-home-subtitle {
    font-size: 9px !important;
  }


  .rdh-home-grid-ref {
    gap: 6px !important;

    grid-template-rows:
      minmax(0,1fr)
      minmax(0,1fr)
      minmax(0,.58fr) !important;
  }


  .rdh-home-tile-bottom {
    flex-basis: 43px !important;

    min-height: 43px !important;

    padding:
      5px
      7px
      6px !important;
  }


  .rdh-home-tile-title {
    font-size: 15px !important;
  }


  .rdh-home-tile-subtitle {
    font-size: 7.8px !important;
  }


  .rdh-home-walk-title {
    font-size: 17px !important;
  }


  .rdh-home-walk-subtitle {
    font-size: 8px !important;
  }

}


/* =========================================================
   MENU BAS - UNIFORMISATION ANCIENNES PAGES
   ========================================================= */

/* Anciennes icônes SVG : masquées */

.rdh-bottom-nav .rdh-nav-item svg {
  display: none !important;
}


/* Structure des anciens boutons */

.rdh-bottom-nav .rdh-nav-item {
  height: 100% !important;

  display: flex !important;
  flex-direction: column !important;

  align-items: center !important;
  justify-content: center !important;

  gap: 3px !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;

  background: transparent !important;

  color: #8b96ad !important;

  text-decoration: none !important;

  box-shadow: none !important;
}


/* Nouvelle icône créée par CSS */

.rdh-bottom-nav .rdh-nav-item::before {
  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  min-width: 30px !important;
  height: 27px !important;

  margin: 0 !important;

  color: inherit !important;

  font-size: 27px !important;
  line-height: 1 !important;

  font-weight: 500 !important;
}


/* ACCUEIL */

.rdh-bottom-nav .rdh-nav-item:nth-child(1)::before {
  content: "⌂" !important;
}


/* RADIOS */

.rdh-bottom-nav .rdh-nav-item:nth-child(2)::before {
  content: "♫" !important;
}


/* FAVORIS */

.rdh-bottom-nav .rdh-nav-item:nth-child(3)::before {
  content: "♡" !important;
}


/* PLUS */

.rdh-bottom-nav .rdh-nav-item:nth-child(4)::before {
  content: "•••" !important;

  letter-spacing: 1px !important;
}


/* TEXTE */

.rdh-bottom-nav .rdh-nav-item > span {
  display: block !important;

  margin: 0 !important;

  color: inherit !important;

  font-size: 12px !important;
  line-height: 1 !important;

  font-weight: 650 !important;

  text-decoration: none !important;
}


/* PAGE ACTIVE */

.rdh-bottom-nav .rdh-nav-item.active {
  color: #10235a !important;
}


.rdh-bottom-nav .rdh-nav-item.active > span {
  color: #10235a !important;

  font-weight: 800 !important;
}


/* PAS DE SOULIGNEMENT */

.rdh-bottom-nav .rdh-nav-item:hover,
.rdh-bottom-nav .rdh-nav-item:focus,
.rdh-bottom-nav .rdh-nav-item:active,
.rdh-bottom-nav .rdh-nav-item:visited {
  text-decoration: none !important;
}


/* MOBILE */

@media (max-width: 700px) {

  .rdh-bottom-nav .rdh-nav-item {
    gap: 2px !important;
  }

  .rdh-bottom-nav .rdh-nav-item::before {
    height: 26px !important;

    font-size: 25px !important;
  }

  .rdh-bottom-nav .rdh-nav-item > span {
    font-size: 11px !important;
  }

}


/* =========================================================
   MENU BAS - UNIFORMISATION ANCIENNES PAGES
   ========================================================= */

/* Anciennes icônes SVG : masquées */

.rdh-bottom-nav .rdh-nav-item svg {
  display: none !important;
}


/* Structure des anciens boutons */

.rdh-bottom-nav .rdh-nav-item {
  height: 100% !important;

  display: flex !important;
  flex-direction: column !important;

  align-items: center !important;
  justify-content: center !important;

  gap: 3px !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;

  background: transparent !important;

  color: #8b96ad !important;

  text-decoration: none !important;

  box-shadow: none !important;
}


/* Nouvelle icône créée par CSS */

.rdh-bottom-nav .rdh-nav-item::before {
  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  min-width: 30px !important;
  height: 27px !important;

  margin: 0 !important;

  color: inherit !important;

  font-size: 27px !important;
  line-height: 1 !important;

  font-weight: 500 !important;
}


/* ACCUEIL */

.rdh-bottom-nav .rdh-nav-item:nth-child(1)::before {
  content: "⌂" !important;
}


/* RADIOS */

.rdh-bottom-nav .rdh-nav-item:nth-child(2)::before {
  content: "♫" !important;
}


/* FAVORIS */

.rdh-bottom-nav .rdh-nav-item:nth-child(3)::before {
  content: "♡" !important;
}


/* PLUS */

.rdh-bottom-nav .rdh-nav-item:nth-child(4)::before {
  content: "•••" !important;

  letter-spacing: 1px !important;
}


/* TEXTE */

.rdh-bottom-nav .rdh-nav-item > span {
  display: block !important;

  margin: 0 !important;

  color: inherit !important;

  font-size: 12px !important;
  line-height: 1 !important;

  font-weight: 650 !important;

  text-decoration: none !important;
}


/* PAGE ACTIVE */

.rdh-bottom-nav .rdh-nav-item.active {
  color: #10235a !important;
}


.rdh-bottom-nav .rdh-nav-item.active > span {
  color: #10235a !important;

  font-weight: 800 !important;
}


/* PAS DE SOULIGNEMENT */

.rdh-bottom-nav .rdh-nav-item:hover,
.rdh-bottom-nav .rdh-nav-item:focus,
.rdh-bottom-nav .rdh-nav-item:active,
.rdh-bottom-nav .rdh-nav-item:visited {
  text-decoration: none !important;
}


/* MOBILE */

@media (max-width: 700px) {

  .rdh-bottom-nav .rdh-nav-item {
    gap: 2px !important;
  }

  .rdh-bottom-nav .rdh-nav-item::before {
    height: 26px !important;

    font-size: 25px !important;
  }

  .rdh-bottom-nav .rdh-nav-item > span {
    font-size: 11px !important;
  }

}



/* =========================================================
   RDH - HEADER TEST 16/08/2026
   ========================================================= */

.rdh-new-header {
  display: grid !important;
  grid-template-columns: 46px minmax(0, 1fr) 70px !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 68px !important;
  width: 100% !important;
}

.rdh-header-menu {
  width: 42px !important;
  height: 42px !important;
  padding: 9px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border: 0 !important;
  border-radius: 13px !important;

  background: transparent !important;
  color: #10235a !important;

  cursor: pointer !important;
}

.rdh-header-menu svg {
  width: 25px !important;
  height: 25px !important;

  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
}

.rdh-header-logo {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
}

.rdh-header-logo img {
  display: block !important;

  width: auto !important;
  height: 48px !important;
  max-width: 100% !important;

  object-fit: contain !important;
  object-position: left center !important;
}

.rdh-header-weather {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 3px !important;

  color: #10235a !important;
  text-decoration: none !important;
}

.rdh-header-weather-icon {
  width: 30px !important;
  height: 30px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.rdh-header-weather-icon svg {
  display: block !important;
  width: 30px !important;
  height: 30px !important;
}

.rdh-header-temperature {
  font-size: 17px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

@media (max-width: 520px) {

  .rdh-new-header {
    grid-template-columns: 40px minmax(0, 1fr) 62px !important;
    gap: 7px !important;
    min-height: 60px !important;
  }

  .rdh-header-menu {
    width: 38px !important;
    height: 38px !important;
    padding: 8px !important;
  }

  .rdh-header-logo img {
    height: 43px !important;
  }

  .rdh-header-weather-icon {
    width: 27px !important;
    height: 27px !important;
  }

  .rdh-header-weather-icon svg {
    width: 27px !important;
    height: 27px !important;
  }

  .rdh-header-temperature {
    font-size: 16px !important;
  }

}

/* Ajustements visuels header RDH */

@media (max-width: 520px) {

  .rdh-new-header {
    grid-template-columns: 38px minmax(0, 1fr) 66px !important;
    gap: 5px !important;
  }

  .rdh-header-logo img {
    height: 48px !important;
  }

  .rdh-header-weather-icon {
    width: 30px !important;
    height: 30px !important;
  }

  .rdh-header-weather-icon svg {
    width: 30px !important;
    height: 30px !important;
  }

  .rdh-header-temperature {
    font-size: 17px !important;
  }

}

/* =========================================================
   RDH HEADER V2 - CENTRAGE LOGO
   ========================================================= */

.rdh-new-header {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 72px !important;
}

.rdh-header-menu {
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 5 !important;
}

.rdh-header-logo {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
}

.rdh-header-logo img {
  height: 60px !important;
  width: auto !important;
  max-width: 235px !important;
  object-fit: contain !important;
  background: transparent !important;
}

.rdh-header-weather {
  position: absolute !important;
  right: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 5 !important;
}

@media (max-width: 520px) {

  .rdh-new-header {
    min-height: 70px !important;
  }

  .rdh-header-logo img {
    height: 58px !important;
    max-width: 220px !important;
  }

}


/* =========================================================
   MENU LATERAL RDH
   ========================================================= */

.rdh-side-overlay {
  position: fixed !important;
  inset: 0 !important;
  background: rgba(16,35,90,.28) !important;
  z-index: 299000 !important;

  opacity: 0 !important;
  visibility: hidden !important;

  transition:
    opacity .25s ease,
    visibility .25s ease !important;
}

.rdh-side-overlay.visible {
  opacity: 1 !important;
  visibility: visible !important;
}

.rdh-side-menu {
  position: fixed !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;

  width: min(82vw, 340px) !important;

  padding:
    calc(env(safe-area-inset-top) + 22px)
    22px
    30px !important;

  background: #ffffff !important;

  z-index: 300000 !important;

  transform: translateX(-105%) !important;
  transition: transform .28s ease !important;

  box-shadow:
    16px 0 40px rgba(16,35,90,.18) !important;
}

.rdh-side-menu.visible {
  transform: translateX(0) !important;
}

.rdh-side-menu-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  margin-bottom: 24px !important;

  color: #10235a !important;
  font-size: 23px !important;
  font-weight: 800 !important;
}

.rdh-side-menu-head button {
  width: 42px !important;
  height: 42px !important;

  border: 0 !important;
  background: transparent !important;

  color: #10235a !important;

  font-size: 34px !important;
  line-height: 1 !important;
}

.rdh-side-menu > a {
  display: block !important;

  padding: 15px 4px !important;

  border-bottom:
    1px solid rgba(16,35,90,.08) !important;

  color: #10235a !important;

  text-decoration: none !important;

  font-size: 18px !important;
  font-weight: 700 !important;
}

body.rdh-menu-open {
  overflow: hidden !important;
}


/* =========================================================
   RDH HEADER + MENU LATERAL V3
   ========================================================= */

.rdh-new-header {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 76px !important;
  margin: 0 0 8px !important;
}

.rdh-header-menu {
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;

  width: 42px !important;
  height: 42px !important;
  padding: 8px !important;

  border: 0 !important;
  background: transparent !important;
  color: #10235a !important;
  z-index: 10 !important;
}

.rdh-header-menu svg {
  width: 27px !important;
  height: 27px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
}

.rdh-header-logo {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: calc(100% - 145px) !important;
}

.rdh-header-logo img {
  display: block !important;
  width: 100% !important;
  max-width: 255px !important;
  height: auto !important;
  max-height: 68px !important;
  object-fit: contain !important;
}

.rdh-header-weather {
  position: absolute !important;
  right: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;

  min-width: 68px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 3px !important;

  color: #10235a !important;
  text-decoration: none !important;
  z-index: 10 !important;
}

.rdh-header-weather-icon,
.rdh-header-weather-icon svg {
  width: 29px !important;
  height: 29px !important;
  display: block !important;
}

.rdh-header-temperature {
  font-size: 17px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}


/* MENU */

.rdh-side-overlay {
  position: fixed !important;
  inset: 0 !important;
  background: rgba(16,35,90,.25) !important;
  z-index: 299000 !important;

  opacity: 0 !important;
  visibility: hidden !important;

  transition: opacity .25s ease !important;
}

.rdh-side-overlay.visible {
  opacity: 1 !important;
  visibility: visible !important;
}

.rdh-side-menu {
  position: fixed !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;

  width: min(72vw, 300px) !important;

  background: #fff !important;

  padding:
    calc(env(safe-area-inset-top) + 18px)
    18px
    25px !important;

  z-index: 300000 !important;

  transform: translateX(-105%) !important;
  transition: transform .28s ease !important;

  box-shadow: 12px 0 35px rgba(16,35,90,.16) !important;
}

.rdh-side-menu.visible {
  transform: translateX(0) !important;
}

.rdh-side-menu-head {
  position: relative !important;

  min-height: 58px !important;
  margin-bottom: 8px !important;

  display: flex !important;
  align-items: center !important;
}

.rdh-side-menu-head img {
  width: 185px !important;
  max-height: 52px !important;
  object-fit: contain !important;
  object-position: left center !important;
}

.rdh-side-menu-head button {
  position: absolute !important;
  right: -4px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;

  width: 38px !important;
  height: 38px !important;

  border: 0 !important;
  background: transparent !important;

  color: #10235a !important;
  font-size: 30px !important;
  line-height: 1 !important;
}

.rdh-side-menu > a {
  min-height: 52px !important;

  display: flex !important;
  align-items: center !important;
  gap: 14px !important;

  padding: 9px 4px !important;

  border-bottom: 1px solid rgba(16,35,90,.07) !important;

  color: #10235a !important;
  text-decoration: none !important;

  font-size: 16px !important;
  font-weight: 700 !important;
}

.rdh-side-menu > a svg {
  flex: 0 0 25px !important;

  width: 25px !important;
  height: 25px !important;

  fill: none !important;
  stroke: #2368a2 !important;
  stroke-width: 1.7 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

body.rdh-menu-open {
  overflow: hidden !important;
}


@media (max-width: 520px) {

  .rdh-new-header {
    min-height: 72px !important;
  }

  .rdh-header-logo {
    width: calc(100% - 125px) !important;
  }

  .rdh-header-logo img {
    max-width: 240px !important;
    max-height: 64px !important;
  }

}

/* =========================================================
   AJUSTEMENT LOGO HEADER
   ========================================================= */

@media (max-width: 520px) {

  .rdh-header-logo {
    left: 50% !important;
    width: calc(100% - 120px) !important;
    transform: translate(-50%, -50%) !important;
  }

  .rdh-header-logo img {
    max-width: 288px !important;
    max-height: 77px !important;
  }

}

/* =========================================================
   RDH - ACCUEIL SANS MENU INFERIEUR
   ========================================================= */

.rdh-app.rdh-home-ref {
  padding-bottom: 12px !important;
}

@media (max-width: 700px) {
  .rdh-app.rdh-home-ref {
    padding-bottom: 10px !important;
  }
}


/* =========================================================
   RDH - PROMENADES + CHIENS EN 2 TUILES
   ========================================================= */

.rdh-home-walk {
  grid-column: auto !important;

  display: flex !important;
  flex-direction: column !important;

  min-height: 0 !important;
  height: 100% !important;

  padding: 0 !important;
  gap: 0 !important;

  position: relative !important;

  border-radius: 17px !important;
  overflow: hidden !important;
}

.rdh-home-walk-picture {
  width: 100% !important;

  flex: 1 1 auto !important;

  min-height: 0 !important;
  height: auto !important;
}

.rdh-home-walk-picture img {
  width: 100% !important;
  height: 100% !important;

  object-fit: contain !important;
}

.rdh-home-walk-text {
  flex: 0 0 48px !important;

  min-height: 48px !important;

  padding: 6px 30px 7px 9px !important;

  box-sizing: border-box !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

.rdh-home-walk-title {
  font-size: 16px !important;
  line-height: 1.05 !important;
}

.rdh-home-walk-subtitle {
  margin-top: 3px !important;

  font-size: 8.5px !important;
  line-height: 1.1 !important;
}

.rdh-home-walk > .rdh-home-arrow {
  position: absolute !important;

  right: 10px !important;
  bottom: 10px !important;
}

@media (max-width: 700px) {

  .rdh-home-walk-text {
    flex-basis: 43px !important;
    min-height: 43px !important;

    padding: 5px 27px 6px 7px !important;
  }

  .rdh-home-walk-title {
    font-size: 15px !important;
  }

  .rdh-home-walk-subtitle {
    font-size: 7.8px !important;
  }

  .rdh-home-walk > .rdh-home-arrow {
    right: 8px !important;
    bottom: 8px !important;
  }

}


/* =========================================================
   RDH - FINITION PROMENADES + CHIENS
   ========================================================= */

.rdh-home-walk-picture {
  height: calc(100% - 43px) !important;
  min-height: 0 !important;
}

.rdh-home-walk-picture img {
  width: 118% !important;
  height: 118% !important;
  max-width: none !important;
  object-fit: contain !important;
}

.rdh-home-walk-text {
  width: 100% !important;
  align-items: flex-start !important;
  text-align: left !important;
}

.rdh-home-walk-title,
.rdh-home-walk-subtitle {
  width: 100% !important;
  text-align: left !important;
}


/* =========================================================
   RDH - 6 TUILES STRICTEMENT UNIFORMES
   ========================================================= */

/* 3 lignes de même hauteur */
.rdh-home-grid-ref {
  grid-template-rows:
    repeat(3, minmax(0, 1fr)) !important;
}


/* Promenades + Chiens = même construction visuelle
   que Radios / Météo / Cinéma / Agenda */

.rdh-home-walk {
  grid-column: auto !important;

  display: flex !important;
  flex-direction: column !important;

  min-width: 0 !important;
  min-height: 0 !important;
  height: 100% !important;

  padding: 0 !important;
  gap: 0 !important;

  overflow: hidden !important;

  background: #fff !important;

  border-radius: 17px !important;

  position: relative !important;
}


/* Zone image identique */

.rdh-home-walk-picture {
  width: 100% !important;

  flex: 1 1 auto !important;

  height: auto !important;
  min-height: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  overflow: hidden !important;

  background: #fff !important;
}

.rdh-home-walk-picture img {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  max-width: none !important;

  object-fit: contain !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* Bandeau inférieur identique */

.rdh-home-walk-text {
  flex: 0 0 43px !important;

  width: 100% !important;
  min-height: 43px !important;

  padding: 5px 28px 6px 7px !important;

  box-sizing: border-box !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;

  text-align: left !important;
}


/* Typographie identique */

.rdh-home-walk-title {
  width: 100% !important;

  color: #10235a !important;

  font-size: 15px !important;
  line-height: 1.05 !important;

  font-weight: 800 !important;

  text-align: left !important;
}

.rdh-home-walk-subtitle {
  width: 100% !important;

  margin-top: 3px !important;

  color: #7c879f !important;

  font-size: 7.8px !important;
  line-height: 1.1 !important;

  font-weight: 500 !important;

  text-align: left !important;
}


/* Flèche au même emplacement */

.rdh-home-walk > .rdh-home-arrow {
  position: absolute !important;

  right: 8px !important;
  bottom: 8px !important;

  margin: 0 !important;
}


/* =========================================================
   RDH - FOND HARMONISE DES 6 TUILES
   ========================================================= */

.rdh-home-tile,
.rdh-home-walk,
.rdh-home-tile-picture,
.rdh-home-walk-picture,
.rdh-home-tile-bottom,
.rdh-home-walk-text {
  background: #fbfaf7 !important;
}



/* =========================================================
   HONFLEUR INSIDER - LAYOUT GLOBAL FINAL
   17/08/2026
   ========================================================= */


/* HEADER TOUJOURS FIXE EN HAUT */

.rdh-new-header {
  position: fixed !important;
  top: 0 !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;

  width: 100% !important;
  max-width: 700px !important;

  margin: 0 !important;
  padding-top: env(safe-area-inset-top) !important;

  background: #ffffff !important;
  z-index: 250000 !important;
  box-sizing: border-box !important;
}


/* ESPACE RESERVE SOUS LE HEADER */

.rdh-with-global-header {
  padding-top: calc(82px + env(safe-area-inset-top)) !important;
}


/* PLUS AUCUN MENU EN BAS */

.rdh-bottom-nav {
  display: none !important;
}


/* PLAYER A LA PLACE DU MENU */

#rdh-mini-player.rdh-mini-player {
  bottom: 0 !important;
  padding-bottom: env(safe-area-inset-bottom) !important;
}


/* =========================================================
   HONFLEUR INSIDER - DEGAGEMENT SOUS HEADER FIXE
   ========================================================= */

.rdh-app.rdh-home-ref.rdh-with-global-header {
  padding-top: calc(112px + env(safe-area-inset-top)) !important;
}

.rdh-with-global-header:not(.rdh-home-ref) {
  padding-top: calc(105px + env(safe-area-inset-top)) !important;
}


/* =========================================================
   HONFLEUR INSIDER - PLAYER CENTRAGE VERTICAL FINAL
   ========================================================= */

#rdh-mini-player.rdh-mini-player {
  bottom: env(safe-area-inset-bottom) !important;

  padding: 10px 12px !important;
  box-sizing: border-box !important;

  align-items: center !important;
}

@media (max-width: 480px) {

  #rdh-mini-player.rdh-mini-player {
    bottom: env(safe-area-inset-bottom) !important;

    padding: 10px !important;
    box-sizing: border-box !important;
  }

}

#rdh-mini-player .rdh-mini-art,
#rdh-mini-player .rdh-mini-info,
#rdh-mini-player .rdh-mini-toggle {
  align-self: center !important;
}


/* =========================================================
   HONFLEUR INSIDER - HEADER ALIGNE SUR LE CONTENU
   ========================================================= */

.rdh-new-header {
  width: calc(100% - 32px) !important;
  max-width: 760px !important;
}

@media (max-width: 560px) {
  .rdh-new-header {
    width: calc(100% - 24px) !important;
    max-width: none !important;
  }
}




/* =========================================================
   RDH - TUILE CHIENS - AJUSTEMENT VISUEL
   ========================================================= */

.rdh-home-card-chiens .rdh-home-walk-picture img {
  width: 84% !important;
  height: 84% !important;
  max-width: 84% !important;
  margin: auto !important;
  object-fit: contain !important;
}


/* =========================================================
   HONFLEUR INSIDER - ESPACEMENT GLOBAL SOUS HEADER
   18/08/2026
   ========================================================= */

/* Toutes les pages intérieures */
.rdh-with-global-header:not(.rdh-home-ref) {
  padding-top: calc(88px + env(safe-area-inset-top)) !important;
}

/* Neutralise l'ancien espace spécial de Promenades */
body.page-template-page-promenades .rdh-app.rdh-with-global-header,
body.page-promenenades .rdh-app.rdh-with-global-header {
  padding-top: calc(88px + env(safe-area-inset-top)) !important;
}


/* =========================================================
   ACCUEIL - GRILLE RAPPROCHEE DU HEADER
   19/08/2026
   ========================================================= */

.rdh-home-grid-ref {
  margin-top: -30px !important;
}


/* =========================================================
   OU ON VA ?
   ========================================================= */

.rdh-home-go {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  margin-top: 14px !important;
  padding: 16px !important;
  border-radius: 22px !important;
  background: #ffffff !important;
  box-shadow: 0 7px 20px rgba(16,35,90,.07) !important;
  box-sizing: border-box !important;
}

.rdh-home-go-icon {
  flex: 0 0 34px !important;
  width: 34px !important;
  height: 34px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 27px !important;
  line-height: 1 !important;
}

.rdh-home-go-content {
  flex: 1 !important;
  min-width: 0 !important;
}

.rdh-home-go-title {
  color: #10235a !important;
  font-size: 20px !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
}

.rdh-home-go-subtitle {
  margin-top: 3px !important;
  color: #7c879f !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
}

.rdh-home-go-form {
  display: flex !important;
  gap: 8px !important;
  margin-top: 11px !important;
}

#rdh-home-go-destination {
  flex: 1 !important;
  min-width: 0 !important;
  height: 42px !important;
  padding: 0 12px !important;
  border: 1px solid #dce3ee !important;
  border-radius: 12px !important;
  background: #f7f9fc !important;
  color: #10235a !important;
  font-size: 13px !important;
  outline: none !important;
  box-sizing: border-box !important;
}

#rdh-home-go-destination:focus {
  border-color: #c69248 !important;
}

#rdh-home-go-button {
  flex: 0 0 auto !important;
  height: 42px !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #10235a !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}


.rdh-home-go-icon svg {
  width: 28px !important;
  height: 34px !important;
  display: block !important;
}


/* =========================================================
   ACCUEIL - RETOUR AUX GRANDES ILLUSTRATIONS
   + OU ON VA COMPACT
   19/08/2026
   ========================================================= */

/* Images des 6 tuiles : dimensions de référence */

.rdh-home-tile-picture,
.rdh-home-walk-picture {
  aspect-ratio: 1 / .83 !important;
  height: auto !important;
}

.rdh-home-tile-picture img,
.rdh-home-walk-picture img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}


/* Où on va ? plus compact */

.rdh-home-go {
  margin-top: 10px !important;
  padding: 11px 14px !important;
  gap: 10px !important;
}

.rdh-home-go-icon {
  flex-basis: 30px !important;
  width: 30px !important;
  height: 30px !important;
}

.rdh-home-go-icon svg {
  width: 25px !important;
  height: 30px !important;
}

.rdh-home-go-title {
  font-size: 18px !important;
}

.rdh-home-go-subtitle {
  margin-top: 1px !important;
  font-size: 10px !important;
}

.rdh-home-go-form {
  margin-top: 7px !important;
  gap: 7px !important;
}

#rdh-home-go-destination {
  height: 38px !important;
  font-size: 12px !important;
}

#rdh-home-go-button {
  height: 38px !important;
  padding: 0 13px !important;
  font-size: 11px !important;
}


/* =========================================================
   ACCUEIL - ILLUSTRATIONS 6 TUILES - TAILLE FINALE
   19/08/2026
   ========================================================= */

.rdh-home-tile-picture,
.rdh-home-walk-picture {
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.rdh-home-tile-picture img,
.rdh-home-walk-picture img,
.rdh-home-card-chiens .rdh-home-walk-picture img {
  width: 118% !important;
  height: 118% !important;
  max-width: none !important;
  max-height: none !important;

  margin: auto !important;

  object-fit: contain !important;
}