/* ==========================================================
   BuddySocial v10.51 - MOBILE/TABLET SUBMENU WHITE TEXT
   Alleen ondermenu's <= 1100px.
   ========================================================== */

@media (max-width:1100px){

  /* Meer-menu: blauwe BuddySocial stijl met witte tekst */
  .nav-more > summary{
    background:linear-gradient(180deg,#4f92c7 0%,#2f6fa8 100%) !important;
    border-color:#2b6396 !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    text-shadow:0 1px 1px rgba(0,0,0,.22) !important;
  }

  .nav-more > summary *{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
  }

  .nav-more[open] > summary{
    background:linear-gradient(180deg,#5aa1d5 0%,#3479b2 100%) !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
  }

  .nav-more-menu{
    background:linear-gradient(180deg,#397db5 0%,#2a659c 100%) !important;
    border-color:#255c8d !important;
  }

  .nav-more-menu::before{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    opacity:.92 !important;
  }

  .nav-more-menu > a{
    background:linear-gradient(180deg,#4d91c5 0%,#3476ad 100%) !important;
    border-color:#2a6598 !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    text-shadow:0 1px 1px rgba(0,0,0,.18) !important;
  }

  .nav-more-menu > a *,
  .nav-more-menu > a:visited *,
  .nav-more-menu > a:hover *,
  .nav-more-menu > a.active *{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
  }

  .nav-more-menu > a:hover,
  .nav-more-menu > a.active{
    background:linear-gradient(180deg,#f6aa27 0%,#e78b09 100%) !important;
    border-color:#d47d00 !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
  }

  /* Snelle accountacties ook wit op BuddySocial blauw */
  .mobile-menu-account-actions{
    background:linear-gradient(180deg,#397db5 0%,#2a659c 100%) !important;
    border-color:#255c8d !important;
  }

  .mobile-menu-account-actions::before{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    opacity:.92 !important;
  }

  .mobile-menu-account-actions > a{
    background:linear-gradient(180deg,#4d91c5 0%,#3476ad 100%) !important;
    border-color:#2a6598 !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    text-shadow:0 1px 1px rgba(0,0,0,.18) !important;
  }

  .mobile-menu-account-actions > a *,
  .mobile-menu-account-actions > a:visited *,
  .mobile-menu-account-actions > a:hover *{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
  }

  .mobile-menu-account-actions > a:hover{
    background:linear-gradient(180deg,#5aa1d5 0%,#3c7fb6 100%) !important;
  }

  /* Uitloggen mag oranje/rood accent houden, maar tekst wit */
  .mobile-menu-account-actions > a:last-child{
    background:linear-gradient(180deg,#ec8d43 0%,#cf5f31 100%) !important;
    border-color:#ba542b !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
  }

  /* Eventuele submenu badges */
  .nav-more-menu .nav-badge,
  .mobile-menu-account-actions .nav-badge{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
  }
}