/***************************
 * Rise Reno – Navigation styling ONLY
 * Structure stays controlled by WordPress
 ***************************/

/* Base menu links */
.wp-block-navigation-item__content {
  color: #2D2926; /* Black C */
  text-decoration: none;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 0.95rem;
  font-weight: 400;
  padding: 0.2rem 0;
  position: relative;
  transition: color 0.18s ease;
}

/* Hover color for all links */
.wp-block-navigation-item__content:hover {
  color: #AE7C58; /* Tan accent */
}

/* Desktop-only subtle underline on hover for top-level items */
@media (min-width: 782px) {
  .wp-block-navigation > .wp-block-navigation__container
  > .wp-block-navigation-item
  > .wp-block-navigation-item__content::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -0.25rem;
    width: 0;
    height: 2px;
    background-color: #AE7C58; /* tan accent */
    transition: width 0.18s ease;
  }

  .wp-block-navigation > .wp-block-navigation__container
  > .wp-block-navigation-item
  > .wp-block-navigation-item__content:hover::after {
    width: 100%;
  }
}

/* Current page highlight (top level) */
.wp-block-navigation-item__content[aria-current="page"] {
  color: #AE7C58;
}
@media (min-width: 782px) {
  .wp-block-navigation > .wp-block-navigation__container
  > .wp-block-navigation-item
  > .wp-block-navigation-item__content[aria-current="page"]::after {
    width: 100%;
  }
}

/* SERVICES dropdown: white card with soft shadow */
.wp-block-navigation__submenu-container.wp-block-navigation-submenu {
  background-color: #FFFFFF;
  border: 1px solid #E3E0DC;
  border-radius: 8px;
  padding: 8px 10px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  min-width: 260px;
}

/* Links inside dropdown */
.wp-block-navigation__submenu-container.wp-block-navigation-submenu
.wp-block-navigation-item__content {
  display: block;
  padding: 6px 8px;
  font-size: 0.9rem;
}

/* No underline effect inside dropdown */
@media (min-width: 782px) {
  .wp-block-navigation__submenu-container.wp-block-navigation-submenu
  .wp-block-navigation-item__content::after {
    display: none;
  }
}

/* Hover inside dropdown */
.wp-block-navigation__submenu-container.wp-block-navigation-submenu
.wp-block-navigation-item__content:hover {
  background-color: #F7F5F3;
  color: #AE7C58;
}

/* Submenu toggle icon color (arrow) */
.wp-block-navigation__submenu-icon svg path {
  stroke: #2D2926;
}
.wp-block-navigation__submenu-icon:hover svg path {
  stroke: #AE7C58;
}
/* MOBILE: make Services dropdown a simple list (no card) */
@media (max-width: 781px) {
  .wp-block-navigation__submenu-container.wp-block-navigation-submenu {
    background-color: transparent;
    border: none;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
    min-width: auto;
  }

  .wp-block-navigation__submenu-container.wp-block-navigation-submenu
  .wp-block-navigation-item__content {
    padding: 0.35rem 0; /* similar spacing to other mobile items */
  }
}
/* MOBILE: add more space between items in Services dropdown */
@media (max-width: 781px) {
  .wp-block-navigation__submenu-container.wp-block-navigation-submenu
  .wp-block-navigation-item__content {
    padding: 0.75rem 0 !important; /* increase space */
    line-height: 1.4;
  }
}
/* MOBILE: Larger left/right padding (2rem) for Services submenu items */
@media (max-width: 781px) {

  /* Normal (non-hover) spacing */
  .wp-block-navigation__submenu-container.wp-block-navigation-submenu
  .wp-block-navigation-item__content {
    padding: 0.75rem 2rem !important; /* top/bottom = 0.75rem, left/right = 2rem */
    line-height: 1.45;
  }

  /* Hover background with the same 2rem spacing */
  .wp-block-navigation__submenu-container.wp-block-navigation-submenu
  .wp-block-navigation-item__content:hover {
    background-color: #F7F5F3 !important; 
    color: #AE7C58 !important;
    padding: 0.75rem 2rem !important;
  }
}
/* MOBILE: Larger font size for Services submenu items */
@media (max-width: 781px) {
  .wp-block-navigation__submenu-container.wp-block-navigation-submenu
  .wp-block-navigation-item__content {
    font-size: 1.125rem !important; /* 18px */
  }
}