/* /common/menus/guest_menu.css */

:root { font-size: 16px; }

.mc-menu{
    background-color: #184e77;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}


.mc-menu-toggle svg path {
    stroke: #ffffff;
}



.mc-menu-link {
    color: #ffffff;
}

.mc-menu-link:hover {
    color: #00bfff;
    background-color: rgba(255, 255, 255, 0.1);
}

.mc-lang-toggle {
    color: #ffffff;
}

.mc-lang-toggle:hover {
    color: #00bfff;
    background-color: rgba(255, 255, 255, 0.1);
}

.mc-lang-menu {
    background-color: #184e77;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}


.mc-lang-menu::-webkit-scrollbar-track {
    background: #184e77;
}

.overlay {
    background-color: rgba(0, 0, 0, 0.5);
  }
  
  /* Loading Overlay */
  .loading-overlay {
    background-color: rgba(0, 0, 0, 0.8);
  }
  
  .loading-text {
    color: #ffffff;
  }

.mc-lang-menu::-webkit-scrollbar-thumb {
    background: #00bfff;
}

.mc-lang-menu::-webkit-scrollbar-thumb:hover {
    background: #0099cc;
}


.mc-lang-link {
    color: #ffffff;
}

.mc-lang-link:hover {
    color: #00bfff;
    background-color: rgba(255, 255, 255, 0.1);
}

.mc-menu-collapsed .mc-menu-list.active {
    background-color: #184e77;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.mc-menu-collapsed .mc-menu-link {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* Image Preview Modal Styles */
.image-preview-modal {
    background: rgba(0, 0, 0, 0.8);
}

/* Message Modal Styles */
.message-modal {
    background: rgba(0, 0, 0, 0.8);
}

.message-modal-content {
    background: #ffffff;
   }


/* Confirmation Modal Styles */
.confirm-modal {
    background: rgba(0, 0, 0, 0.8);
}

.confirm-modal-content {
    background: #ffffff;
}

/* Buttons */
.btn-primary {
    background-color: #3b82f6;
    color: #ffffff;
   }
  
  .btn-primary:hover {
    background-color: #2563eb;
  }
  
  .btn-primary:disabled {
    background-color: #a3bffa;
  }
  
  .btn-link {
    color: #3b82f6;
  }
  
  .btn-link:hover {
    color: #2563eb;
  }
  
  
  .btn-secondary {
    background-color: #ffffff;
    color: #000000;
  }
  
  .btn-secondary:hover {
    background-color: #4b5563;
  }
  
  .btn-secondary:disabled {
    background-color: #d1d5db;
  }

  .alert-danger {
    background-color: #fee2e2;
    color: #b91c1c;
  }
  
  .alert-success {
    background-color: #d1fae5;
    color: #065f46;
  }
  
  /* Spinner */
  .spinner {
    border: 4px solid #ffffff;
    border-top: 4px solid #3b82f6;
  }