@import url('variables.css');
/*@import url('components/header.css');*/
/*@import url('components/hero.css');*/
/*@import url('components/cta.css');*/
/*@import url('components/features.css');*/
/*@import url('components/auctions.css');*/
/*@import url('components/faq.css');*/
/*@import url('components/footer.css');*/

body {
  direction: rtl;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Top Bar */
.top-bar {
  background-color: var(--sadeel-primary);
  font-size: 0.9rem;

  .contact-item, .social-icon {
    transition: opacity 0.3s ease;
    &:hover {
      opacity: 0.8;
    }
  }
}

/* Main Header */
.main-header {
  .navbar {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .logo-icon {
    width: 45px;
    height: 45px;
    background-color: var(--sadeel-primary);
    color: var(--sadeel-white);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
  }

  .logo-text {
    line-height: 1.1;
    .logo-arabic {
      font-size: 1.5rem;
      font-weight: bold;
      color: var(--sadeel-primary);
    }
    .logo-latin {
      font-size: 1rem;
      color: var(--sadeel-primary);
      font-weight: 500;
    }
  }

  .nav-link {
    color: var(--sadeel-primary);
    font-weight: 500;
    &:hover {
      color: var(--sadeel-secondary);
    }
  }

  .search-btn {
    color: var(--sadeel-primary);
    opacity: 0.7;
    &:hover {
      opacity: 1;
    }
  }

  .login-btn {
    background-color: var(--sadeel-secondary);
    color: var(--sadeel-white);
    font-weight: 500;
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    transition: background-color 0.3s ease;

    &:hover {
      background-color: #1a8f89;
    }
  }
}

/* Overlapping Profile Icon */
.user-profile-icon-wrapper {
  position: absolute;
  top: 0;
  left: 240px;
  transform: translateY(-50%);
  z-index: 100;

  .profile-circle {
    width: 60px;
    height: 60px;
    background-color: #6B7280;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--sadeel-white);
    font-size: 1.75rem;
    font-weight: bold;
    border: 4px solid var(--sadeel-white);
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
  }
}

/* Responsive Adjustments */
/*@media (max-width: 991.98px) {*/
/*  .top-bar {*/
/*    display: none;*/
/*  }*/

/*  .navbar-collapse {*/
/*    padding: 1rem 0;*/
/*  }*/

/*  .user-profile-icon-wrapper {*/
/*    display: none;*/
/*  }*/
/*}*/


/* Unified container widths across the site */
/*body .container,*/
/*.auction-shell,*/
/*.features-section .content-row,*/
/*.features-section .top-row .container {*/
/*  width: 100%;*/
/*  max-width: 1280px;*/
/*  margin-inline: auto;*/
/*  padding-inline: 32px;*/
/*  box-sizing: border-box;*/
/*}*/

/*@media (max-width: 992px) {*/
/*  body .container,*/
/*  .auction-shell,*/
/*  .features-section .content-row,*/
/*  .features-section .top-row .container {*/
/*    max-width: 100%;*/
/*    padding-inline: 16px;*/
/*  }*/
/*}*/

.pagination {
    margin-top: 30px;
    @media (max-width: 768px) {
        .page-item .page-link {
            padding: 0.5rem 1.1rem;
        }
    }

    .page-item.pagination-next-nav .page-link {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .page-link.active, .active > .page-link  {
        border-radius: 0 0.5rem .5rem 0 !important;
    }
}
.footer_apps_widget {
    margin-top: 20px;
}