/* ========== MOBILE DROPDOWN: make submenus push content ========== */
@media (max-width: 767px){

  /* Stack menu vertically */
  .fake-nav, .rcc-nav, .rcc-simple {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }

  /* Menu items flow normally */
  .menu-item, .rcc-menu-item, .rcc-simple > li {
    width: 100%;
    position: static;
    text-align: center;
  }

  /* Submenus: stop absolute positioning on mobile */
  .submenu, .rcc-submenu, .rcc-simple-submenu, [class*="submenu"] {
    position: static !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    width: 100%;
    opacity: 1 !important;
    visibility: visible !important;
    max-height: 0; /* closed by default */
    overflow: hidden;
    padding: 0;
    transition: max-height .25s ease;
  }

  /* Open state for checkbox-toggle patterns */
  input[type="checkbox"]:checked + label + .submenu,
  input[type="checkbox"]:checked + label + .rcc-submenu,
  input[type="checkbox"]:checked + label + .rcc-simple-submenu,
  input[type="checkbox"]:checked ~ .submenu,
  input[type="checkbox"]:checked ~ .rcc-submenu,
  input[type="checkbox"]:checked ~ .rcc-simple-submenu,
  input[type="checkbox"]:checked ~ [class*="submenu"] {
    max-height: 600px;
    padding-top: 8px;
  }
}

/* ===== MOBILE: center dropdown menu items ===== */
@media (max-width: 767px){
  .rcc-simple-submenu li a {
    display: block;
    text-align: center !important;
  }
}

/* ===== MOBILE: make top-level menu words medium bold ===== */
@media (max-width: 767px){
  .rcc-simple-trigger {
    font-weight: 600 !important; /* medium bold */
  }
}

/* ===== MOBILE: dropdown backgrounds with padding + hover/tap ===== */
@media (max-width: 767px){
  .rcc-simple-submenu li a {
    display: block;
    background: rgba(255, 255, 255, 0.1); /* light background */
    border-radius: 4px;
    padding: 8px 14px; /* extra width */
    transition: background 0.2s ease;
  }
  .rcc-simple-submenu li a:hover,
  .rcc-simple-submenu li a:active {
    background: rgba(255, 255, 255, 0.2); /* darker on hover/tap */
  }
}
@media (max-width:767px){
  /* Each nav widget stacks and spans full width */
  .rcc-simple{
    display:block;
    width:100%;
    text-align:center;     /* or left if you prefer */
    margin:0;
    padding:0;
  }

  /* Normalize the clickable top word (“About”, “Services”, etc.) */
  .rcc-simple-trigger,
  .rcc-simple > label{
    display:block;
    width:100%;
    box-sizing:border-box;
    padding:10px 12px;
    line-height:1;
  }

  /* Optional tiny gap between rows */
  .rcc-simple + .rcc-simple{ margin-top:6px; }

  /* Submenus live in flow (no absolute positioning) */
  .rcc-simple-submenu{
    position:static;
    left:auto; top:auto; transform:none;
    margin:4px 0 0;
    padding:6px 10px;
    white-space:normal;
    opacity:0; visibility:hidden;
    background:rgba(0,0,0,.35);
    border-radius:8px;
    text-align:center; /* or left */
  }
  .rcc-simple-toggle:checked ~ .rcc-simple-submenu{
    opacity:1; visibility:visible;
  }

  .rcc-simple-submenu a{
    display:block; padding:6px 0;
  }
}