/* ==========================================================
   BuddySocial v10.42 - MOBILE/TABLET MENU TEXT READABILITY
   Alleen tekst/contrast van mobiel + tablet menu.
   Desktop > 1100px blijft ongemoeid.
   ========================================================== */

@media (max-width:1100px){

  /* Main menu button */
  .nav-toggle{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    text-shadow:0 1px 2px rgba(0,0,0,.28) !important;
  }

  /* Section headers */
  .mobile-nav-section-title{
    color:#1f4f73 !important;
    -webkit-text-fill-color:#1f4f73 !important;
    text-shadow:none !important;
  }

  /* Standard navigation cards */
  .nav-primary > a,
  .nav-utilities > a.utility-link,
  .mobile-menu-account-actions > a,
  .nav-more > summary,
  .nav-more-menu > a{
    color:#183f5d !important;
    -webkit-text-fill-color:#183f5d !important;
    text-shadow:none !important;
  }

  .nav-primary > a *,
  .nav-utilities > a.utility-link *,
  .mobile-menu-account-actions > a *,
  .nav-more > summary *,
  .nav-more-menu > a *{
    color:inherit !important;
    -webkit-text-fill-color:inherit !important;
  }

  /* Active/hover cards remain dark enough on the light orange background */
  .nav-primary > a.active,
  .nav-primary > a:hover,
  .nav-utilities > a.utility-link.active,
  .nav-utilities > a.utility-link:hover,
  .mobile-menu-account-actions > a:hover,
  .nav-more.active > summary,
  .nav-more > summary:hover,
  .nav-more-menu > a.active,
  .nav-more-menu > a:hover{
    color:#5d4100 !important;
    -webkit-text-fill-color:#5d4100 !important;
  }

  .nav-primary > a.active *,
  .nav-primary > a:hover *,
  .nav-utilities > a.utility-link.active *,
  .nav-utilities > a.utility-link:hover *,
  .mobile-menu-account-actions > a:hover *,
  .nav-more.active > summary *,
  .nav-more > summary:hover *,
  .nav-more-menu > a.active *,
  .nav-more-menu > a:hover *{
    color:inherit !important;
    -webkit-text-fill-color:inherit !important;
  }

  /* Status control */
  .nav-status-control{
    color:#183f5d !important;
    -webkit-text-fill-color:#183f5d !important;
  }

  .nav-status-control > span{
    color:#22a653 !important;
    -webkit-text-fill-color:#22a653 !important;
  }

  .menu-status-select{
    color:#183f5d !important;
    -webkit-text-fill-color:#183f5d !important;
    background:#ffffff !important;
    font-weight:800 !important;
  }

  .menu-status-select option{
    color:#183f5d !important;
    background:#ffffff !important;
  }

  /* Search */
  .retro-search input{
    color:#183f5d !important;
    -webkit-text-fill-color:#183f5d !important;
  }

  .retro-search input::placeholder{
    color:#6f8291 !important;
    opacity:1 !important;
    -webkit-text-fill-color:#6f8291 !important;
  }

  .retro-search button{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    text-shadow:0 1px 1px rgba(0,0,0,.18) !important;
  }

  /* Notifications */
  .notification-dropdown,
  .notification-dropdown a,
  .notification-dropdown b,
  .notification-dropdown small,
  .notification-dropdown span{
    color:#183f5d !important;
    -webkit-text-fill-color:#183f5d !important;
  }

  .notification-dropdown-empty{
    color:#61798b !important;
    -webkit-text-fill-color:#61798b !important;
  }

  .notification-dropdown-footer{
    color:#225f8a !important;
    -webkit-text-fill-color:#225f8a !important;
  }

  /* Badges must stay white on orange */
  .nav-badge,
  .nav-badge *,
  .message-count-badge,
  .notification-count-badge{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    text-shadow:none !important;
  }

  /* Sound button */
  .nav-sound-toggle{
    color:#244f70 !important;
    -webkit-text-fill-color:#244f70 !important;
  }

  /* Prevent old/global RGB/glitter text rules from leaking into mobile/tablet menu */
  .main-nav-links,
  .main-nav-links *{
    animation-name:none !important;
    background-image:none !important;
    background-clip:border-box !important;
    -webkit-background-clip:border-box !important;
  }

  /* Exception: preserve actual button/card backgrounds after clearing text-effect backgrounds */
  .nav-toggle,
  .mobile-nav-section-title,
  .nav-primary > a,
  .nav-utilities > a.utility-link,
  .mobile-menu-account-actions > a,
  .nav-more > summary,
  .nav-more-menu > a,
  .nav-status-control,
  .menu-status-select,
  .retro-search input,
  .retro-search button,
  .nav-sound-toggle{
    background-clip:padding-box !important;
    -webkit-background-clip:padding-box !important;
  }
}

@media (max-width:700px){
  .nav-primary > a,
  .nav-utilities > a.utility-link,
  .mobile-menu-account-actions > a,
  .nav-more > summary,
  .nav-more-menu > a{
    font-size:14px !important;
    line-height:1.25 !important;
    font-weight:800 !important;
  }

  .mobile-nav-section-title{
    font-size:12px !important;
  }

  .menu-status-select{
    font-size:14px !important;
  }
}

@media (min-width:701px) and (max-width:1100px){
  .nav-primary > a,
  .nav-utilities > a.utility-link,
  .mobile-menu-account-actions > a,
  .nav-more > summary,
  .nav-more-menu > a{
    font-size:14px !important;
    font-weight:800 !important;
  }
}