/* Night Mode Styles */
.night-mode {
    background-color: #121212 !important;
    color: #e0e0e0 !important;
    transition: all 0.3s ease;
  }
  
  .night-mode .dictionary-word-container,
  .night-mode .dictionary-sentence-container {
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
    border-color: #333 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important;
  }
  
  .night-mode .section-header {
    background-color: #252525 !important;
    color: #e0e0e0 !important;
    border-color: #333 !important;
  }
  
  .night-mode .section-content {
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
  }
  
  .night-mode .tab-button {
    background-color: #252525 !important;
    color: #a0a0a0 !important;
    border-color: #333 !important;
  }
  
  .night-mode .tab-button.active {
    background-color: #3a3a3a !important;
    color: #e0e0e0 !important;
    border-color: #444 !important;
  }
  
  .night-mode .tab-content {
    background-color: #1e1e1e !important;
    border-color: #333 !important;
  }
  
  .night-mode a {
    color: #64b5f6 !important;
  }
  
  .night-mode a:hover {
    color: #90caf9 !important;
  }
  
  .night-mode input,
  .night-mode select,
  .night-mode textarea {
    background-color: #2c2c2c !important;
    color: #e0e0e0 !important;
    border-color: #444 !important;
  }
  
  .night-mode input:focus,
  .night-mode select:focus,
  .night-mode textarea:focus {
    border-color: #64b5f6 !important;
    box-shadow: 0 0 0 2px rgba(100, 181, 246, 0.2) !important;
  }
  
  .night-mode button {
    background-color: #2c2c2c !important;
    color: #e0e0e0 !important;
    border-color: #444 !important;
  }
  
  .night-mode button:hover {
    background-color: #3a3a3a !important;
  }
  
  .night-mode .bookmark-button {
    background-color: #2c2c2c !important;
    color: #e0e0e0 !important;
  }
  
  .night-mode .bookmark-button:hover {
    background-color: #3a3a3a !important;
  }
  
  .night-mode .bookmark-button.active {
    background-color: #c62828 !important;
    color: #fff !important;
  }
  
  .night-mode .bookmark-button.active:hover {
    background-color: #b71c1c !important;
  }
  
  .night-mode .word-title,
  .night-mode .sentence-title {
    color: #e0e0e0 !important;
  }
  
  .night-mode .bangla-translation {
    color: #bbdefb !important;
  }
  
  .night-mode .phonetic-text {
    color: #b0bec5 !important;
  }
  
  .night-mode .meaning-item {
    border-color: #333 !important;
  }
  
  .night-mode .part-of-speech {
    color: #90caf9 !important;
  }
  
  .night-mode .example-text {
    color: #b0bec5 !important;
  }
  
  .night-mode .related-word-item,
  .night-mode .related-sentence-item {
    background-color: #252525 !important;
    border-color: #333 !important;
  }
  
  .night-mode .related-word-link,
  .night-mode .related-sentence-link {
    color: #64b5f6 !important;
  }
  
  .night-mode .related-word-bangla,
  .night-mode .related-sentence-bangla {
    color: #b0bec5 !important;
  }
  
  .night-mode .pagination-button {
    background-color: #2c2c2c !important;
    color: #e0e0e0 !important;
    border-color: #444 !important;
  }
  
  .night-mode .pagination-button:hover:not(:disabled) {
    background-color: #3a3a3a !important;
  }
  
  .night-mode .pagination-button:disabled {
    background-color: #1e1e1e !important;
    color: #666 !important;
    border-color: #333 !important;
  }
  
  .night-mode .pagination-info {
    color: #b0bec5 !important;
  }
  
  /* Night mode toggle animation */
  .night-mode-toggle {
    position: relative;
    width: 60px;
    height: 30px;
    background-color: #3498db;
    border-radius: 30px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    padding: 0 5px;
  }
  
  .night-mode-toggle.active {
    background-color: #2c3e50;
  }
  
  .night-mode-toggle .toggle-handle {
    position: absolute;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #fff;
    left: 3px;
    transition: all 0.3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #f39c12;
    font-size: 14px;
  }
  
  .night-mode-toggle.active .toggle-handle {
    left: 33px;
    color: #3498db;
  }
  
  .night-mode-toggle .sun-icon,
  .night-mode-toggle .moon-icon {
    position: absolute;
    font-size: 14px;
    transition: all 0.3s ease;
  }
  
  .night-mode-toggle .sun-icon {
    left: 8px;
    color: #fff;
    opacity: 1;
  }
  
  .night-mode-toggle .moon-icon {
    right: 8px;
    color: #fff;
    opacity: 0;
  }
  
  .night-mode-toggle.active .sun-icon {
    opacity: 0;
  }
  
  .night-mode-toggle.active .moon-icon {
    opacity: 1;
  }
  
  /* Night mode transition */
  body,
  .dictionary-word-container,
  .dictionary-sentence-container,
  .section-header,
  .section-content,
  .tab-button,
  .tab-content,
  a,
  input,
  select,
  textarea,
  button,
  .bookmark-button,
  .word-title,
  .sentence-title,
  .bangla-translation,
  .phonetic-text,
  .meaning-item,
  .part-of-speech,
  .example-text,
  .related-word-item,
  .related-sentence-item,
  .related-word-link,
  .related-sentence-link,
  .related-word-bangla,
  .related-sentence-bangla,
  .pagination-button,
  .pagination-info {
    transition: all 0.3s ease !important;
  }