/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.0.2.1718280316
Updated: 2024-06-13 12:05:15

*/

.hidden {
  display: none;
}

/* User Profile Dropdown Styles */
.user-profile-dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-toggle {
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  color: #ffffff;
  font-size: 14px;
  transition: all 0.3s ease;
}

.dropdown-toggle:hover {
  opacity: 0.9;
}

.user-avatar {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  object-fit: cover;
}

.user-name {
  margin: 0 5px;
}

.verified-icon {
  color: #28a745;
  margin-left: 5px;
}

.dropdown-arrow {
  font-size: 12px;
  transition: transform 0.3s ease;
}

[aria-expanded="true"] .dropdown-arrow {
  transform: rotate(180deg);
}

.dropdown-menu {
  display: none;
  position: absolute;
  right: 0;
  background: #ffffff;
  min-width: 180px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding: 8px 0;
  z-index: 1000;
  margin-top: 5px;
}

.dropdown-menu li {
  list-style: none;
}

.dropdown-menu a {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  color: #333;
  text-decoration: none;
  transition: all 0.2s ease;
}

.dropdown-menu a:hover {
  background: #f8f9fa;
  color: #007bff;
}

.dropdown-menu i {
  width: 18px;
  text-align: center;
}

/* Guest Links Styles */
.guest-links {
  display: flex;
  gap: 15px;
}

.guest-links a {
  color: #ffffff;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 8px 12px;
  border-radius: 4px;
  transition: all 0.3s ease;
}

.guest-links a:hover {
  opacity: 0.9;
}

.login-btn {
  background: #6c757d;
}

.register-btn {
  background: #28a745;
}

/* Responsive Styles */
@media (max-width: 768px) {
  .dropdown-menu {
    right: auto;
    left: 0;
  }
}

@media (min-width: 1200px) {
    .dokan-single-store .profile-frame .profile-info-box.profile-layout-layout2 .profile-info-summery-wrapper {
        position: relative !important;
        background-color: #000  !important;
        color: #fff  !important;
        border-color:transparent !important;
    }
}

.dokan-modules-button{
   border-color:transparent !important;
}