/* =========================================================
   ALBADAR OUD — PREMIUM LUXURY THEME
   Clean • Elegant • Responsive • Optimized
========================================================= */

/* =========================================================
   GOOGLE FONT
========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800&display=swap');

/* =========================================================
   ROOT
========================================================= */
:root{
  --bg: #f7f2eb;
  --bg-soft: #efe7dc;

  --white: #ffffff;

  --primary: #5b3b1d;
  --primary-light: #7a5230;

  --gold: #b7925f;
  --gold-light: #d9bf98;

  --text: #2d241c;
  --text-light: #7d6c5d;

  --border: #eadfce;

  --shadow: 0 10px 30px rgba(91,59,29,.08);

  --radius: 24px;

  --transition: .35s cubic-bezier(.4,0,.2,1);
}

/* =========================================================
   GLOBAL
========================================================= */
*{
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

body{
  font-family:'Cairo',sans-serif;
  background:var(--bg);
  color:var(--text);
  overflow-x:hidden;
  line-height:1.7;
}

.container{
  max-width:1400px;
}

/* =========================================================
   HEADER (FIXED & CLEAN)
========================================================= */
header.store-header {
  position: relative !important;

  background: linear-gradient(
    180deg,
    var(--white) 0%,
    var(--bg-soft) 100%
  ) !important;

  border-bottom: 1px solid rgba(91, 59, 29, 0.15);

  box-shadow: var(--shadow);
}

/* TOP BAR */
.top-navbar {
  background: rgba(255, 255, 255, 0.9) !important;
  border-bottom: 1px solid var(--border);
}

/* MAIN NAV */
#mainnav {
  background: var(--white) !important;
}

/* =========================================================
   LOGO
========================================================= */
.navbar-brand img {
  max-height: 70px !important;
  filter: drop-shadow(0 6px 14px rgba(0,0,0,0.10));
}

/* =========================================================
   MENU TEXT
========================================================= */
.main-menu li.root-level > a {
  color: var(--text) !important;
  font-weight: 700;
  font-size: 15px;
  transition: var(--transition);
  position: relative;
}

.main-menu li.root-level > a:hover,
.main-menu li.root-level.active > a {
  color: var(--gold) !important;
}

/* GOLD UNDERLINE */
.main-menu li.root-level > a::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -6px;

  width: 0;
  height: 2px;

  background: linear-gradient(90deg, var(--gold), var(--gold-light));

  transition: var(--transition);
}

.main-menu li.root-level > a:hover::after,
.main-menu li.root-level.active > a::after {
  width: 100%;
}

/* =========================================================
   SEARCH BAR
========================================================= */
.s-search-input {
  background: var(--white) !important;
  border: 1px solid var(--border) !important;
  border-radius: 50px !important;
  height: 48px !important;
  color: var(--text) !important;
  transition: var(--transition);
}

.s-search-input:focus {
  border-color: var(--gold) !important;
  box-shadow: 0 0 0 4px rgba(183,146,95,.12) !important;
}

/* =========================================================
   ICONS
========================================================= */
.header-btn__icon,
.sicon-shopping-bag,
.sicon-user {
  color: var(--primary) !important;
  transition: var(--transition);
}

.header-btn:hover .header-btn__icon {
  color: var(--gold) !important;
  transform: translateY(-2px);
}

/* =========================================================
   CART BADGE
========================================================= */
.s-cart-summary-count {
  background: var(--gold) !important;
  color: #fff !important;
  font-weight: 800;
}

/* =========================================================
   DROPDOWN MENU
========================================================= */
.main-menu li ul {
  background: var(--white) !important;
  border: 1px solid var(--border);
  border-radius: 18px !important;
  box-shadow: var(--shadow) !important;
  padding: 10px;
}

.main-menu li ul li a {
  color: #black !important;
  border-radius: 12px;
  font-weight: 600;
  transition: var(--transition);
}

.main-menu li ul li a:hover {
  background: var(--bg-soft) !important;
  color: var(--primary) !important;
  padding-right: 16px;
}
.s-menu-topnav-item.topnav-link-item.right-side {
  color: #111 !important;
  font-weight: 600;
  transition: 0.3s ease;
}

.s-menu-topnav-item.topnav-link-item.right-side:hover {
  color: #b7925f !important; /* ذهبي عند الهوفر */
}
.s-contacts-topnav-link {
  color: #111 !important;
  font-weight: 600;
  text-decoration: none;
  transition: 0.3s ease;
}

.s-contacts-topnav-link span {
  color: #111 !important;
}

.s-contacts-topnav-link:hover {
  color: #b7925f !important; /* gold hover */
}

.main-menu li.has-children > a {
  background-image: none !important;
}

.main-menu li.has-children > a::after,
.main-menu li.has-children > a::before {
  display: none !important;
  content: "" !important;
}
/* =========================================================
   HERO BANNERS
========================================================= */
section.s-block.s-block--banners{
  margin-top:30px;
}

.banner-entry{
  border-radius:30px !important;

  overflow:hidden;

  box-shadow:var(--shadow);

  transition:var(--transition);
}

.banner-entry img{
  transition:1.1s ease;
}

.banner-entry:hover{
  transform:translateY(-6px);
}

.banner-entry:hover img{
  transform:scale(1.05);
}

/* =========================================================
   SECTION TITLES
========================================================= */
.section-title,
.s-block__title{
  color:var(--primary);

  font-weight:800;

  font-size:32px;

  letter-spacing:.3px;
}

/* =========================================================
   CATEGORIES
========================================================= */
.slide--cat-entry{
  background:var(--white) !important;

  border-radius:24px !important;

  box-shadow:
    0 8px 24px rgba(91,59,29,.06);

  padding:20px 10px !important;

  transition:var(--transition);
}

.slide--cat-entry:hover{
  transform:translateY(-6px);
}

.slide--cat-entry i{
  border-radius:20px !important;
  background-size:cover !important;
}

/* =========================================================
   PRODUCT CARD
========================================================= */
.s-product-card-vertical{

  position:relative;

  background:
    linear-gradient(
      180deg,
      #fffdf9 0%,
      #f6eee4 100%
    ) !important;

  border:
    1px solid rgba(183,146,95,.18) !important;

  border-radius:26px !important;

  overflow:hidden;

  box-shadow:
    0 8px 25px rgba(91,59,29,.08);

  transition:var(--transition);
}

.s-product-card-vertical:hover{
  transform:translateY(-8px);

  box-shadow:
    0 18px 42px rgba(91,59,29,.14);
}

/* =========================================================
   PRODUCT IMAGE
========================================================= */
.s-product-card-image{

  height:260px !important;

  padding:18px !important;

  display:flex;
  align-items:center;
  justify-content:center;

  background:
    linear-gradient(
      to bottom,
      #faf6f1,
      #f3e8da
    ) !important;

  border-bottom:
    1px solid rgba(183,146,95,.12);
}

.s-product-card-image img{

  width:100% !important;
  height:100% !important;

  max-height:220px !important;

  object-fit:contain !important;
  object-position:center !important;

  transition:var(--transition);

  mix-blend-mode:multiply;
}

.s-product-card-vertical:hover .s-product-card-image img{
  transform:scale(1.04);
}

/* =========================================================
   PRODUCT CONTENT
========================================================= */
.s-product-card-content{
  padding:16px !important;
}

.s-product-card-content-title{
  text-align:center;
  margin-bottom:8px;
}

.s-product-card-content-title a{
  color:var(--primary) !important;

  font-size:16px !important;

  font-weight:700 !important;

  line-height:1.7;

  transition:var(--transition);

  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;

  overflow:hidden;

  min-height:54px;
}

.s-product-card-content-title a:hover{
  color:var(--gold) !important;
}

/* =========================================================
   UNIFIED PRICE STYLE (ALL PRODUCTS)
========================================================= */

/* Normal price + sale price unified */
.s-product-card-sale-price h4,
.s-product-card-sale-price span,
.s-product-price,
.s-product-card-price,
.s-product-card-original-price,
.s-product-card-final-price {

  color: var(--gold) !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  text-align: center !important;
}

/* If product has both old + new price */
.s-product-card-original-price {
  color: var(--text-light) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-decoration: line-through;
  opacity: 1;
}

/* Ensure price container always centered */
.s-product-card-price,
.s-product-card-sale-price {
  text-align: center !important;
}

/* =========================================================
   PREMIUM BUTTON
========================================================= */
.s-product-card-content-footer{
  padding-inline:0 !important;
  margin-top:14px !important;
}

.s-product-card-content-footer .s-button-btn{

  width:100%;

  background:
    linear-gradient(
      135deg,
      #5b3b1d,
      #7a5230
    ) !important;

  color:#fff !important;

  border:none !important;

  border-radius:16px !important;

  height:48px !important;

  font-size:14px !important;

  font-weight:800 !important;

  letter-spacing:.3px;

  transition:var(--transition);

  box-shadow:
    0 10px 22px rgba(91,59,29,.16);
}

.s-product-card-content-footer .s-button-btn:hover{

  background:
    linear-gradient(
      135deg,
      #b7925f,
      #d1b084
    ) !important;

  transform:translateY(-2px);

  box-shadow:
    0 14px 28px rgba(183,146,95,.28);
}

/* Remove icon */
.s-product-card-content-footer .s-button-btn i{
  display:none !important;
}

/* =========================================================
   FIX DOUBLE CIRCLE ON WISHLIST BUTTON
========================================================= */



.s-product-card-wishlist-btn.active i,
.s-product-card-wishlist-btn.active svg{
  color: #fff !important;
}
/* =========================================================
   FOOTER
========================================================= */
footer.store-footer,
.store-footer__inner{

  background:
    linear-gradient(
      180deg,
      #6b4525,
      #4b2f17
    ) !important;

  color:var(--white) !important;

  margin-top:80px;

  border-radius:60px 60px 0 0;

  overflow:hidden;
}

.store-footer__inner{
  padding-top:70px;
  padding-bottom:40px;
}

.store-footer__inner h3{
  color:#fff !important;

  font-size:20px;

  margin-bottom:20px;
}

.store-footer__inner ul li a,
.store-footer__inner p,
.store-footer__inner li{
  color:rgba(255,255,255,.82) !important;

  transition:var(--transition);
}

.store-footer__inner ul li a:hover{
  color:#fff !important;
  padding-right:5px;
}

/* Social */
.store-footer__inner .s-social-list{
  gap:12px;
}

.store-footer__inner .s-social-list a{

  width:44px;
  height:44px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:50%;

  background:rgba(255,255,255,.08);

  transition:var(--transition);
}

.store-footer__inner .s-social-list a:hover{
  background:var(--gold);
  transform:translateY(-4px);
}

/* =========================================================
   WHATSAPP BUTTON
========================================================= */
body > a[href*="wa.me"]{

  position:fixed !important;

  left:22px;
  bottom:22px;

  width:58px;
  height:58px;

  border-radius:50%;

  display:flex !important;
  align-items:center;
  justify-content:center;

  background:
    linear-gradient(
      135deg,
      var(--gold),
      #d4b183
    ) !important;

  box-shadow:
    0 10px 25px rgba(183,146,95,.35);

  transition:var(--transition);

  z-index:999;
}

body > a[href*="wa.me"]:hover{
  transform:scale(1.08);
}

/* =========================================================
   SCROLLBAR
========================================================= */
::-webkit-scrollbar{
  width:10px;
}

::-webkit-scrollbar-track{
  background:#efe7dc;
}

::-webkit-scrollbar-thumb{
  background:
    linear-gradient(
      var(--gold),
      var(--primary)
    );

  border-radius:20px;
}

/* =========================================================
   MOBILE
========================================================= */
@media(max-width:768px){

  .section-title,
  .s-block__title{
    font-size:24px;
  }

  .banner-entry{
    border-radius:20px !important;
  }

  .s-product-card-image{
    height:210px !important;
    padding:14px !important;
  }

  .s-product-card-image img{
    max-height:180px !important;
  }

  .s-product-card-content-title a{
    font-size:14px !important;
    min-height:48px;
  }

  .s-product-card-sale-price h4,
  .s-product-card-sale-price span{
    font-size:19px !important;
  }

  .store-footer__inner{
    text-align:center;
  }

  .store-footer__inner .container{
    gap:35px;
  }
}

/* =========================================================
   REMOVE UNWANTED ELEMENTS
========================================================= */
.s-slider-block__title-nav button,
.s-product-card-content-footer > span,
p.s-cart-summary-content{
  display:none !important;
}


#coupon2,
.altumcode-wrapper,
.altumcode-coupon-wrapper,
.altumcode-coupon-content,
.altumcode_coupon_co {
  display: none !important;
}



/* =========================================================
   FORCE GLOBAL BACKGROUND (UNIFIED THEME)
========================================================= */

body {
  background: linear-gradient(
    180deg,
    #f7f2eb 0%,
    #f2e9dc 100%
  ) !important;
}

/* Force all main containers */
section,
main,
.s-block,
.s-block__content,
.container,
.s-wrapper,
.store-section,
.s-products-listing,
.s-product-list,
.s-product-card,
.s-product-card-vertical,
.s-cart,
.s-page,
.s-checkout,
.s-content {
  background: transparent !important;
}

/* Remove unwanted white boxes everywhere */
div,
header,
footer,
nav {
  background-color: transparent;
}

#featured-products-style2-2 {
  background: linear-gradient(
    180deg,
    var(--bg),
    var(--bg-soft)
  ) !important;
  border-radius: 24px;
  padding: 20px;
}


#featured-products-style2-2 .tab-trigger button {
  background: transparent !important;
  color: var(--text) !important;
  transition: var(--transition);
}

#featured-products-style2-2 .tab-trigger.is-active button {
  background: linear-gradient(135deg, var(--gold), var(--primary-light)) !important;
  color: #fff !important;
  box-shadow: 0 8px 20px rgba(183,146,95,.25);
}

#featured-products-style2-2 .tab-trigger button:hover {
  color: var(--gold) !important;
}
#featured-products-style2-2 .tab-trigger.is-active button {
  background: linear-gradient(135deg, var(--gold), var(--primary-light)) !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  text-shadow: none !important;
  -webkit-text-fill-color: #ffffff !important;
}

#best-offers-1-slider {
  margin-top: 10px !important;
}


#offers,
a.offers-link {
  display: none !important;
}
#blog,
#blog > a {
  display: none !important;
}



/* HOVER EFFECT */
.main-menu li.root-level > a:hover,
.main-menu li.lg\:hidden > a:hover {
  background: linear-gradient(135deg, var(--bg-soft), #fff);
  color: var(--gold) !important;
  transform: translateX(-3px);
}

/* ACTIVE ITEM */
.main-menu li.root-level.active > a {
  background: rgba(183,146,95,.12);
  color: var(--gold) !important;
}

/* =========================================================
   MOBILE MENU ITEMS (ICONS STYLE)
========================================================= */

.main-menu li.lg\:hidden span {
  display: flex;
  align-items: center;
  gap: 10px;
}

.main-menu li.lg\:hidden img {
  border-radius: 50%;
  border: 2px solid var(--gold);
  width: 42px;
  height: 42px;
  object-fit: cover;
}

/* =========================================================
   DROPDOWN MENU MODERN STYLE
========================================================= */



/* MOBILE MENU FIX (mm-spn) */
.mm-spn--open {
  width: 100% !important;
  padding: 10px 0 !important;
}

/* ITEMS ALIGN FIX */
.mm-spn--open li {
  width: 100% !important;
}

/* LINKS FIX */
.mm-spn--open a {
  display: flex !important;
  align-items: center;

  gap: 10px;

  padding: 12px 16px !important;

  white-space: normal !important;
  overflow: visible !important;

  color: #111 !important;
}


/* FIX RTL TEXT SHIFT */
.mm-spn--open span {
  display: inline-block;
  max-width: 100%;
  word-break: break-word;
}

/* REMOVE STRANGE SPACING */
.mm-spn--open img {
  flex-shrink: 0;
}

.mm-spn--open a {
  text-align: right;
}

/* =========================================================
   FIX: MOBILE MENU SHOWING ON DESKTOP
========================================================= */
/* =========================================================
   FIX: MOBILE MENU SHOWING ON DESKTOP
========================================================= */

/* اقفل الموبايل مينيو على الديسكتوب */
@media (min-width: 1024px) {
  .mobile-menu,
  #mobile-menu,
  .mm-spn--light,
  .mm-spn--navbar,
  .mm-spn--open {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}



.banner-entry {
    width: 100% !important;
}

.banner-entry.square-photos {
    aspect-ratio: 1 / 1;
}

/* إجبار الـ grid يكون 2x2 */
.grid.md\:grid-cols-3.two-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px;
}

.lazy__bg {
    background-color: transparent !important;
    background-size: cover !important;
    background-position: center !important;
    border-radius: 12px;
}