/* Add custom CSS styles below */ 

/* =========================================================
      FONT
   ========================================================= */
/* rb font */
@font-face {
    font-family: rb-font;
    src: url(https://sanint.sirv.com/zyros_natinonal_day_font/RB%20Font.ttf);
    font-weight: normal;
    font-style: normal;
}
:root {
    --color-primary-reverse: #fff8e4;
    --font-main: rb-font;
}

/* =========================================================
      GENERAL MARGIN & SPACING
   ========================================================= */
/***reset margins***/
.s-block, .section-spacing{
  margin-top: 0;
  margin-bottom: 0;
}
/***main banner***/
#app > .app-inner > section:nth-of-type(9),
#app > .app-inner > section:nth-of-type(12){
  margin-bottom: 0.5rem;
}
/***1st fixed banner (offer banner)***/
section:nth-child(15){
  margin-bottom: 0.5rem !important;
}
/***1st fixed products (hide unused title & subtitle)***/
#app > div.app-inner.flex.flex-col.min-h-full > section.section-spacing.container.athena-slide-down-top.athena-animate > h4,
#app > div.app-inner.flex.flex-col.min-h-full > section.section-spacing.container.athena-slide-down-top.athena-animate > p{
  display: none;
}

/*remove border radius*/
.banner--fixed img {
    border-radius: 0 !important;
}
/*fixed products before tabs*/
#app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(17){  margin-bottom: 2rem !important;
}
/***reset tabs section margin***/
.products_tabs_section{
  margin-top: 0 !important;
}
/*tabs section (tabs space)*/
.products_tabs_section .s-tabs-header{
  margin-bottom: 0.5rem !important;
}
/*header title*/
.products_tabs_section h4{
  margin-bottom: 0 !important;
}
/***video/img products slider (all)***/
 .products_slider_banner_video{
  margin-top: 0 !important;
  margin-bottom: 2rem !important;
} 
/*inner video/img bottom space (video only)*/
/*hide unused title*/
.products_slider_banner_video .s-slider-block__title,
.s-block.container .s-block__title /*** Fixed products title ***/
{
  display: none !important;
}
/***video/img products slider (with title)***/
/*divide general inner margin 0.5 to be 0.25 top&bottom*/
/*gap*/
@media (max-width:767px){
#app > .app-inner .products_slider_banner_video .gap-4
{
  gap: 0.5rem !important;
}
}
/*margin*/
#app .app-inner  .products_slider_banner_video .s-slider-block__title{
  margin-bottom: 0 !important;
}

#app .app-inner  .products_slider_banner_video .s-slider-block__title h2{  
  margin-bottom: 0.25rem !important
}
/*** partial bg sliders ***/
section:has(.partial-bg-container){
  margin-bottom: 2rem !important;
}
/*** Shoe wide banner ***/
#app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(26){
  margin-bottom: 0.5rem;
}

/***brand square photos (jewels grid)***/
.square-brand-photos{
  margin-bottom: 2rem !important;
}
/***wide banner (shoes banner)***/
#app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(26) {
  margin-bottom: 0.5rem !important;
}
/***carousel (products gallery)***/
section.centered-carousel-videos{
  margin-top: 0 !important;
  margin-bottom: 2rem !important;
}
/*hide unused title & subtitle*/
section.centered-carousel-videos h4,
section.centered-carousel-videos p{
  display: none !important;
}
/******************product slider****************/
/* Show 2.5 products to hint scrolling */
/* Show 2.5 products to hint scrolling (EXCLUDING partial-bg-container) */

/* ========================================= */
/* Global: show 2.5 products to hint scroll  */
/* ========================================= */
salla-products-slider .swiper-slide,
salla-products-slider .s-products-slider-card {
  width: calc(100% / 2.5) !important;
}

salla-products-slider .swiper-wrapper {
  gap: 12px;
}

/* ===================================================== */
/* EXCLUDE: any section that has .partial-bg-container    */
/* ===================================================== */
section:has(.partial-bg-container) salla-products-slider .swiper-slide,
section:has(.partial-bg-container) salla-products-slider .s-products-slider-card {
  width: auto !important;
}

section:has(.partial-bg-container) salla-products-slider .swiper-wrapper {
  gap: 0 !important;
}

/******** END GENERAL MARGIN & SPACING*****/
/* =========================================================      
        MAIN NAV
   ========================================================= */
/* ================================================= */
/* NON-sticky header → EN WHITE logo (EN + AR)       */
/* ================================================= */

.index
.store-header:not(.navbar-sticky)
.navbar-brand {
  display: block;
  width: 180px;
  height: 24px;

  background-image: url("https://sanint.sirv.com/Salla%20Sites/Logo%20icons/Elvvi-english-Black.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* Hide <img> when NON-sticky (EN + AR) */
.index
.store-header:not(.navbar-sticky)
.navbar-brand img {
  opacity: 0;
}

/* ======================================= */
/* Sticky header → EN → BLACK logo          */
/* ======================================= */

html:lang(en)
.index
.store-header.navbar-sticky
.navbar-brand {
  background-image: url("https://sanint.sirv.com/Salla%20Sites/Logo%20icons/Elvvi-english-Black.webp");
}

/* Hide <img> ONLY for EN sticky */
html:lang(en)
.index
.store-header.navbar-sticky
.navbar-brand img {
  opacity: 0;
}

/* ======================================= */
/* Sticky header → AR → AR logo (NO change) */
/* ======================================= */

html:lang(ar) .index .store-header.navbar-sticky .navbar-brand {
  background-image: none; /* let <img> show */
}

/* Ensure AR sticky image is visible */
html:lang(ar)
.index
.store-header.navbar-sticky
.navbar-brand img {
  opacity: 1;
}

/* ======================================= */
/* Sticky header → EN → BLACK logo (smaller) */
/* ======================================= */
.index
.store-header.navbar-sticky
.navbar-brand {
  height: 42.56px;
}
html:lang(en)
.index
.store-header.navbar-sticky
.navbar-brand {
    width: 150px;      /* ↓ smaller */
  background-image: url("https://sanint.sirv.com/Salla%20Sites/Logo%20icons/Elvvi-english-Black.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
/* =========================================================      
        NAVBAR LINKS
   ========================================================= */
li#\"1603772014\",

#\31 603772014,
#\31 82471453,
li#\"182471453\"{

color: rgb(249,107,113) !important;

}
li#\"120380328\",
#\31 20380328{
  display: none !important;
}
/* =========================================================      
        MAIN BANNER
   ========================================================= */
/*scale down the height*/
#app > div.app-inner.flex.flex-col.min-h-full > section.w-full.overflow-hidden.relative{
      height: 70vh !important;

}
/*place btn down*/
#app > div.app-inner.flex.flex-col.min-h-full > section.w-full.overflow-hidden.relative > div > div > div > div > div{
      top: 70% !important;
}
@media (min-width: 768px) {
  /* Hide desktop image slide on mobile */
#app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(12){    
  display: none !important;
  }
}
@media (max-width: 767px) {
  /* Hide desktop image slide on mobile */
 #app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(9){
    display: none !important;
  }
}

/* =========================================================      
        OFFER BANNER
   ========================================================= */
/*background reset*/
.banner--fixed img{
  background-color: transparent !important;
}
/* =========================================================
   Cart Icon(inside cart btn) & Preview btn
   ========================================================= */
/*hide icons*/
.cart-svg, button.athena-action-btn:has(svg.default-quick-view-icon),.s-product-card-wishlist-btn{
  display: none !important;
}
/******** END CART & PREVIEW*****/
/* =========================================================      
          TABS-PORDUCT SECTION (PRODUCTS SLIDER BASED ON CATEGORY)
   ========================================================= */
/* Header layout */
.s-tabs-header {
  display: flex;
  justify-content: center;
  gap: 60px; /* space between tabs like screenshot */
  align-items: center;
}

/* Inactive tab (text only) */
.s-tabs-header-item {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

/* Inactive text */
.s-tabs-header-item span {
  font-size: 14px;
  font-weight: 500;
  color: #000 !important;
}

/* Active tab = bookmark style */
.s-tabs-header-item.s-tabs-active {
  background: #000 !important;
  padding: 10px 28px !important;

}

/* Active text */
.s-tabs-header-item.s-tabs-active span {
  color: #fff !important;
  font-weight: 600;
}
/*centred carousal*/
#centered-carousel .swiper-slide {
    width: 85% !important;
  align-self: center !important;
}
/******** END  TABS-PORDUCT SECTION*****/
/* =========================================================      
          VIDEO/IMG PRODUCTS SLIDER
   ========================================================= */
/* Mobile only — ensure banner is square */

@media (max-width: 767px) {
  .products_slider_banner_video .banner-content {
    height: auto !important;
    aspect-ratio: 1 / 1;
    width: 100%;
    position: relative;
    overflow: hidden;
  }

  .products_slider_banner_video .banner-content video,
    .products_slider_banner_video .banner-content img{
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: cover;
  }
}
/******** END VIDEO/IMG PRODUCTS SLIDER*****/
/* =========================================================
       Square Brand Photos
   ========================================================= */
/*scale down the grid on mobile*/
@media(min-width:768px){
 .square-brand-photos {
  /*transform: scale(0.75);
  transform-origin: top center;*/
    max-width: 85%;
    margin-inline: auto;
}
}
:lang(en) #app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(28)::before {
  content: "Discover Elvvi Jewels";
  display: block;
}
:lang(ar) #app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(28)::before {
  content: "اكتشف مجوهرات إلفي";
  display: block;
}

#app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(28)::before{
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    margin-bottom: 0.5rem;
   font-size: 24px;
 
}
/******** END Square Brand Photos*****/
/* =========================================================      
          TRIPLE BANNER (last banner)
   ========================================================= */
/*make triple banner occupy full width*/
.triple-image-banner{
  display: block;
}
.triple-image-banner > div{
  width: 100% !important;
}

/******** END TRIPLE BANNER (last banner)*****/
/******** PRODUCT CARD *************/
:lang(ar) .athena-card-content,
:lang(ar) .athena-card-content .flex{
 justify-content: right !important;
  text-align: right !important;
}
:lang(en) .athena-card-content,
:lang(en) .athena-card-content .flex{
 justify-content: left !important;
  text-align: left !important;
}
/***** FOOTER **********************/
/* Footer – Important Links → 2 columns */
@media(max-width:767px){
.store-footer a.flex.items-center,
.store-footer p,
.store-footer div.gap-4.items-end,
.store-footer salla-apps-icons,
.store-footer .s-apps-icons-list{
  justify-content: center;
  text-align: center;
}
.store-footer .s-menu-footer-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 16px; /* row gap | column gap */
}
.s-menu-footer-list .s-menu-footer-item{
  text-align: center;
}
.store-footer .s-contacts-title{
  color: transparent;
} 
}
/* ******************************************* */
/* ---------------- PRODUCT PAGE ---------------- */
/* ******************************************* */
  
/*hide purchase times, stock, share & fav
& original Tax included text, & brands (locations)*/
.product-page .main-content div.side-socials,
.product-page .main-content div:nth-child(5) small,
.product-page .main-content .flex.gap-5.mb-2\.5:has(i.sicon-box-bankers):has(i.sicon-fire),
.product-page .main-content section:has(.price-wrapper i.sicon-sar),
.product-page .main-content .product-brand{
  display: none !important
}

/* .product-page .main-content .flex.whitespace-nowrap.mb-2\.5::after {
    content: "السعر شامل الضريبة";
    font-size: 13px;
    color: rgb(0, 0, 0);
    text-align: center;
} */
#app .products_tabs_section::after,
#app .products_tabs_section::before {
  content: none !important;
  display: none !important;
}

/* ******************************************* */
/* ---------------- CART PAGE ---------------- */
/* ******************************************* */
  
  /* coupon input */
  /* .cart div:has(> input#coupon-input)::after {
        content: '* الأكواد لا تشمل عرض 1+1 مجاناً';
        font-size: 10px;
        color: grey;
        font-weight: 400;
    }
     */
    /*cart overlap issue solution*/
/* Mobile: shrink all labels */
@media(max-width:767px){
  .cart .s-conditional-offer-checkpoint-label.first-checkpoint{
    width: fit-content;
    line-height: 1.25;
  }
  .cart .s-conditional-offer-checkpoint-label {
    font-size: 12px;
  
  }
}
/* *********************************************/
/* ---------------- ORDER PAGE --------------- */
/* *********************************************/

.s-rating-modal-thanks-title {
    font-size: 0;
}
.s-rating-modal-thanks-title:after {
    content: 'شكرًا لوقتك';
    font-size: 1rem;
}

  .s-rating-modal-thanks-msg h3{
      font-size: 1rem;
      color: #2b2d34;
      line-height: unset;
  }