/* Add custom CSS styles below */ 
#whatsapp_chat_widget {
  display: none !important;
}
.container {
  padding-left : 26px;
  padding-right : 26px;
}
.wa-selia {
    bottom: 80px;
}


/* 
========================================================
FONT
======================================================== 
*/

/* Lyon - Light */
@font-face {
  font-family: 'Lyon';
  src: url('https://cdn.jsdelivr.net/gh/hamzaabido/fonts@main/COMM%20-%20Lyon%20Arabic%20Display%20Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* Lyon - Regular */
@font-face {
  font-family: 'Lyon';
  src: url('https://cdn.jsdelivr.net/gh/hamzaabido/fonts@main/COMM%20-%20Lyon%20Arabic%20Display%20Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Lyon - Medium */
@font-face {
  font-family: 'Lyon';
  src: url('https://cdn.jsdelivr.net/gh/hamzaabido/fonts@main/COMM%20-%20Lyon%20Arabic%20Display%20Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* Lyon - Bold */
@font-face {
  font-family: 'Lyon';
  src: url('https://cdn.jsdelivr.net/gh/hamzaabido/fonts@main/COMM%20-%20Lyon%20Arabic%20Display%20Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Lyon - Black */
@font-face {
  font-family: 'Lyon';
  src: url('https://cdn.jsdelivr.net/gh/hamzaabido/fonts@main/COMM%20-%20Lyon%20Arabic%20Display%20Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

*, body, html, h1, h2, h3, h4, h5, h6, p, a, span, button, input, div {
  font-family: 'Lyon', sans-serif !important;
}

:root {
    --font-main: 'Lyon', sans-serif !important;
    --font-primary: 'Lyon', sans-serif !important;
}
/*h1,h2:not(.advanced-slider__caption__inner__content__heading) {
    overflow: visible !important;
    background-image: linear-gradient(49deg, var(--token-a378a457-09c9-4e21-8971-31a4dc6ae8ea, rgb(17, 16, 17)) 10%, rgb(17 16 17 / 64%) 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    background-size: 100% 100%;
}*/
.htv--highlight .home-block-title h2 {
    background: linear-gradient(to top, 
color-mix(in srgb, #dfcc00 25%, transparent) 42%, transparent 42%);
}


h1,h2 ,h3:not(.post-entry__title) {
    font-feature-settings: "swsh" 1, "cswh" 1, "salt" 1, "ss01" 1, "ss02" 1, "ss03" 1, "liga" 1, "dlig" 1 !important;
    font-variant-alternates: swash(1);
}









.advanced-slider__caption__inner__content__heading {
  color: white;
  
  font-size: 1.8rem;
  text-shadow: 1px 1px 0px rgb(0 0 0 / 42%);
}
.advanced-slider__caption__inner__content__text { 
  color: white;
  background: #10828e;
  font-size: 1.2rem;
  text-shadow: 1px 1px 0px rgb(0 0 0 / 42%);
}
.advanced-slider__caption__inner--center {
margin-bottom: 250px;
}





.s-block--offer-countdown.s-block--has-media .offer-countdown-bg-wrapper .offer-countdown-overlay {
    background: rgba(0, 0, 0, .5);
    background: rgb(13 100 69 / 74%);
    mix-blend-mode: hard-light;
}
.s-block--offer-countdown salla-count-down .s-count-down-list .s-count-down-item {
  border: solid 1px #cfa53e96;
}






.category .swiper-wrapper .swiper-slide {
    border: solid 1px #0f593e61;
  margin-left: 8px;
  width: 35% !important;
}








/* 
========================================================
NavBar
======================================================== 
*/
body#app:not(.index) #mainnav .logo-normal,
#mainnav.fixed-header .logo-normal {
    content: url("https://i.ibb.co/MkbFWmzs/Newheader-3.webp") !important;
}
#mainnav.fixed-header .inner {
  padding : 20px 0px 20px 0px;
  border-radius: 0px 0px 15px 15px;
  background: #043b27;
      border-bottom: 2px solid #e5bc55 !important;
  box-shadow: 0px 6px 20px #000000b3;
}
.main-nav-container .inner {
    padding-bottom: 20px;
    padding-top: 20px;
}
.index .main-nav-container:not(.fixed-pinned) .sicon-menu,
.index .main-nav-container:not(.fixed-pinned) .sicon-search,
.index .main-nav-container:not(.fixed-pinned) .header-btn__icon,
.index .main-nav-container:not(.fixed-pinned) .s-user-menu-login-btn svg,
.index .main-nav-container:not(.fixed-pinned) .s-cart-summary-icon svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}
.index .main-nav-container:not(.fixed-pinned) custom-main-menu .main-menu > li > a,
.index .main-nav-container:not(.fixed-pinned) custom-main-menu .main-menu > li > a span,
.index .main-nav-container:not(.fixed-pinned) custom-main-menu .main-menu > li > a:hover,
.index .main-nav-container:not(.fixed-pinned) custom-main-menu .main-menu > li > a:hover span {
    color: #ffffff !important;
    background-color: transparent !important;
}
.index .main-nav-container.fixed-pinned .sicon-menu,
.index .main-nav-container.fixed-pinned .sicon-search,
.index .main-nav-container.fixed-pinned .header-btn__icon,
.index .main-nav-container.fixed-pinned .s-user-menu-login-btn svg,
.index .main-nav-container.fixed-pinned .s-cart-summary-icon svg {
    color: #c5bd59 !important;
    fill: #c5bd59 !important;
}

.index .main-nav-container.fixed-pinned custom-main-menu .main-menu > li > a,
.index .main-nav-container.fixed-pinned custom-main-menu .main-menu > li > a span,
.index .main-nav-container.fixed-pinned custom-main-menu .main-menu > li > a:hover,
.index .main-nav-container.fixed-pinned custom-main-menu .main-menu > li > a:hover span {
    color: #c5bd59 !important;
    background-color: transparent !important;
}

.index custom-main-menu .sub-menu {
    background-color: #ffffff !important;
}

.index custom-main-menu .sub-menu a,
.index custom-main-menu .sub-menu a span,
.index custom-main-menu .sub-menu a:hover,
.index custom-main-menu .sub-menu a:hover span {
    color: #c5bd59 !important;
    background-color: transparent !important;
}


/* 
========================================================
BottomBar
======================================================== 
*/
.selia-bottom-nav-items {
  justify-content: space-evenly;
}
.selia-bottom-nav-icon {
  width: 2rem;
  height: 2rem;
}
.selia-bottom-nav-icon span,
.selia-bottom-nav-user span,
li.selia-bottom-nav-button.selia-bottom-nav-cart {
  display: none;
}
.selia-bottom-nav {
  border-radius: 50px;
    bottom: 15px;
    margin-left: 20px;
    margin-right: 20px;
    padding: 10px;
    background: #043b27;
          border: 1px solid #e5bc55 !important;
  box-shadow: 0px 6px 20px #000000b3;
}


/* 
========================================================
Footer
======================================================== 
*/

@media (max-width: 768px) {
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > footer > div > div.store-footer__inner > div > div.lg\:-mt-\[45px\].relative.z-\[1\].lg\:col-\[2\] > div.footer-badges.flex.justify-center.items-center > div > a {
  display : none;
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > footer > div > div.store-footer__inner > div > div.lg\:-mt-\[45px\].relative.z-\[1\].lg\:col-\[2\] > div.footer-badges.flex.justify-center.items-center > salla-trust-badges > img {
  display : none;
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > footer > div > div.store-footer__inner > div > div:nth-child(3) {
  display : none;
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > footer > div > div.footer-bottom > div > salla-payments {
  display : none;
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > footer > div > div.store-footer__contacts-row > selia-contacts {
  display : none;
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > footer > svg > path {
  display : none;
}

#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > footer > div > div.store-footer__inner > div > div.text-center.order-1.lg\:order-\[unset\] > ul > li {
  opacity : 50%;
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > footer > div > div.store-footer__inner > div > div.lg\:-mt-\[45px\].relative.z-\[1\].lg\:col-\[2\] > div.footer-badges.flex.justify-center.items-center > salla-trust-badges > div > b,
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > footer > div > div.store-footer__inner > div > div.lg\:-mt-\[45px\].relative.z-\[1\].lg\:col-\[2\] > div.footer-badges.flex.justify-center.items-center > div > div > b {
  opacity : 50%;
}

#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > footer > div > div.footer-bottom > div > span > p {
  opacity :50%;
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > footer > div > div.store-footer__contacts-row:before {
  content : 'تواصل معنا';
  display: flex;
  flex-direction: column;
  align-items: center;
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > footer > div > div.store-footer__inner {
  padding-bottom : 0;
}


#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > footer > div > div.store-footer__inner > div > div.lg\:-mt-\[45px\].relative.z-\[1\].lg\:col-\[2\] > div.footer-badges.flex.justify-center.items-center > div > div > p {
  text-align : center;
}


#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > footer > div > div.footer-bottom > div > span > p {
  font-size: 0; /* إخفاء النص القديم "جميع الحقوق محفوظة" */
}