/* Al-Atawi Telecom visual identity */
:root {
  --brand-primary: #310052;
  --brand-secondary: #55207a;
  --brand-deep: #1d0033;
  --brand-soft: #f7f2fa;
  --brand-border: #e7dced;
  --brand-text: #211627;
}

body {
  color: var(--brand-text);
  background: #fff;
}

a {
  color: var(--brand-primary);
}

a:hover {
  color: var(--brand-secondary);
}

.upper-bar {
  border-bottom: 1px solid var(--brand-border);
}

.search-header {
  background: #fff !important;
}

.image-logo {
  object-fit: contain;
  filter: drop-shadow(0 5px 12px rgba(49, 0, 82, 0.12));
}

.main-nav-wrapper,
.menu-header-theme-bg-primary,
.div-bg-absolute.menu-header-theme-bg-primary {
  background: linear-gradient(135deg, var(--brand-deep), var(--brand-primary)) !important;
}

.main-nav a {
  color: #fff !important;
}

.main-nav a:hover {
  background: rgba(255, 255, 255, 0.12);
}

.btn-primary,
.product-card-add-to-cart {
  color: #fff !important;
  background: linear-gradient(135deg, var(--brand-primary), var(--brand-secondary)) !important;
  border-color: var(--brand-primary) !important;
  box-shadow: 0 6px 16px rgba(49, 0, 82, 0.18);
}

.btn-primary:hover,
.product-card-add-to-cart:hover {
  filter: brightness(1.08) !important;
  transform: translateY(-1px);
}

.btn-outline-primary {
  color: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
}

.btn-outline-primary:hover {
  color: #fff !important;
  background: var(--brand-primary) !important;
}

.theme-title-primary,
.theme-text-primary,
.section-title,
.product-title,
.product-price {
  color: var(--brand-primary) !important;
}

.section-title::after {
  background: var(--brand-secondary) !important;
}

.product-item,
.product-card,
.card {
  border-color: var(--brand-border) !important;
}

.product-item:hover,
.product-card:hover {
  border-color: rgba(49, 0, 82, 0.32) !important;
  box-shadow: 0 12px 30px rgba(49, 0, 82, 0.1) !important;
}

.form-control:focus {
  border-color: var(--brand-secondary) !important;
  box-shadow: 0 0 0 3px rgba(49, 0, 82, 0.1) !important;
}

.cart-badge,
.product-card-bundle-offer {
  background-color: var(--brand-secondary) !important;
  color: #fff !important;
}

.footer-store-section,
.footer-theme-bg-primary {
  color: #fff !important;
  background: linear-gradient(145deg, var(--brand-deep), var(--brand-primary)) !important;
}

.footer-store-section a,
.footer-store-section h1,
.footer-store-section p {
  color: #fff !important;
}

#sliding-menu {
  background: linear-gradient(180deg, #fff 0%, var(--brand-soft) 100%) !important;
}

#sliding-menu .sm-head {
  background: linear-gradient(135deg, var(--brand-deep), var(--brand-primary)) !important;
}

#sliding-menu .sm-list a:hover,
#sliding-menu .sm-list a.active {
  background: rgba(49, 0, 82, 0.08) !important;
}

::selection {
  color: #fff;
  background: var(--brand-primary);
}