/**
 * Speciální CSS pro opravu průhledných pozadí v mobilním menu
 * Používá vysoce specifické selektory a !important direktivy
 */

/* Mobilní horní navigace */
html body .mobile-top-nav {
  background-color: #DCCAFB !important;
  background-image: none !important;
  background: #DCCAFB !important;
}

/* Vyskakovací menu (bottom sheet) */
html body #newActionBottomSheet.bottom-sheet,
html body .bottom-sheet#newActionBottomSheet,
html body div.bottom-sheet#newActionBottomSheet {
  background-color: #DCCAFB !important;
  background-image: none !important;
  background: #DCCAFB !important;
}

/* Textové elementy ve vyskakovacím menu */
html body #newActionBottomSheet .bottom-sheet-header h5,
html body #newActionBottomSheet h5 {
  color: white !important;
}

/* Tlačítka ve vyskakovacím menu */
html body #newActionBottomSheet .bottom-sheet-body .btn,
html body #newActionBottomSheet .btn {
  background-color: #7F1AE5 !important;
  background-image: none !important;
  background: #7F1AE5 !important;
  color: white !important;
  font-weight: bold !important;
}

/* Plus tlačítko */
html body .center-fab {
  background-color: #D6C2F6 !important;
  background-image: none !important;
  background: #D6C2F6 !important;
  box-shadow: 0 3px 6px rgba(129, 39, 229, 0.3) !important;
}

/* Aktivní položky v navigaci */
html body .navbar-bottom .nav-item.active .small {
  color: #7F1AE5 !important;
  font-weight: bold !important;
}

html body .navbar-bottom .nav-item.active::after {
  background-color: #7F1AE5 !important;
}

/* Explicitně přepíše případné inline styly */
html body .mobile-top-nav[style*="background"],
html body #newActionBottomSheet[style*="background"] {
  background-color: #DCCAFB !important;
  background-image: none !important;
  background: #DCCAFB !important;
}