/* =========================
   Shared base + images
   ========================= */
.iPhoneHeader .vc_column-inner,
.SamsungHeader .vc_column-inner {
  background-color: #ddd !important;
  background-repeat: no-repeat !important;
  background-position: var(--bg-pos, right center) !important;
  background-size: var(--bg-size, 300px) !important;
  border-radius: 15px !important;
}

/* Images */
.iPhoneHeader .vc_column-inner {
  --bg-size: clamp(220px, 22vw, 320px);
  --bg-pos: right 50%;
  background-image: url(https://shop.vodafone.om/wp-content/uploads/2025/09/air_png.png) !important;
}
.SamsungHeader .vc_column-inner {
  --bg-size: clamp(250px, 24vw, 350px);
  --bg-pos: right 50%;
  background-image: url(https://shop.vodafone.om/wp-content/uploads/2024/12/galaxyultraoptimized-e1734871187962.png) !important;
}

/* =========================
   ONSOR — flip ONLY on English (LTR)
   ========================= */

/* RTL (Arabic) — normal, no flip */
html[dir="rtl"] .OnsorHeader .vc_column-inner {
  background: #ddd url(https://shop.vodafone.om/wp-content/uploads/2025/09/onsor_h_optimized-e1760528817127.png)
    no-repeat left center / clamp(280px, 55vw, 400px) !important;
  border-radius: 15px !important;
  overflow: hidden; /* just in case */
}

/* LTR (English) — flip via pseudo-element */
html[lang="en-US"] .OnsorHeader .vc_column-inner {
  position: relative;
  overflow: hidden;
  background: none !important; /* prevent double background */
}
html[lang="en-US"] .OnsorHeader .vc_column-inner::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #ddd url(https://shop.vodafone.om/wp-content/uploads/2025/09/onsor_h_optimized-e1760528817127.png)
    no-repeat left center / clamp(280px, 55vw, 400px);
  transform: scaleX(-1); /* flip horizontally on English only */
  border-radius: 15px;
  z-index: 0;
}

html[lang="en-US"] .OnsorHeader .vc_column-inner > * {
  position: relative;
  z-index: 1;
}

/* =========================
   Small devices tweaks
   ========================= */
@media (max-width: 480px) {
  .iPhoneHeader .vc_column-inner {
    --bg-size: clamp(200px, 55vw, 300px);
    --bg-pos: right 35%;
  }
  .SamsungHeader .vc_column-inner {
    --bg-size: clamp(200px, 55vw, 300px);
    --bg-pos: right 35%;
  }

  /* RTL small-screen nudges */
  html[dir="rtl"] .OnsorHeader .vc_column-inner {
    background-position: left bottom !important;
    background-size: clamp(240px, 45vw, 350px) !important;
  }

  /* LTR small-screen: keep the flip, adjust position/size */
  html[lang="en-US"] .OnsorHeader .vc_column-inner::before {
    background-position: left bottom;
    background-size: clamp(240px, 45vw, 350px);
  }
}

/* =========================
   RTL logical mirroring for iPhone/Samsung
   ========================= */
html[dir="rtl"] .iPhoneHeader .vc_column-inner,
html[dir="rtl"] .SamsungHeader .vc_column-inner {
  --bg-pos: left 50%; /* ensure true mirroring */
}

@media (max-width: 480px) {
  html[dir="rtl"] .iPhoneHeader .vc_column-inner,
  html[dir="rtl"] .SamsungHeader .vc_column-inner {
    --bg-pos: left 35%;
  }
}

/*-------------End of Home page banners */

html[dir="rtl"] .product-showcase.product-title-top .product_title {
    text-align: right;
}

html[dir="rtl"] .top-bar .et-top-menu > li:first-child > a {
    padding-left: 10px;
}

.et-switcher-container.et-currency{
    display: none !important;
}


/* arabic */
@font-face {
  font-family: 'Almarai';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/almarai/v19/tsstApxBaigK_hnnQ1iFo1K0rqbPqA.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* latin */
@font-face {
  font-family: 'Almarai';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/almarai/v19/tsstApxBaigK_hnnQ12Fo1K0rqY.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
  font-family: 'Almarai';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/almarai/v19/tssoApxBaigK_hnnS-agtnqWo4z1oXli2g.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* latin */
@font-face {
  font-family: 'Almarai';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/almarai/v19/tssoApxBaigK_hnnS-agtn-Wo4z1oXk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



html[dir="rtl"] body {
  font-family: "Almarai", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-weight: 400;
}
html[dir="rtl"] b,
html[dir="rtl"] strong {
  font-family: "Almarai", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-weight: 700;
}

/*Login popup fix for mobile phones*/
   @media (max-width: 480px) {
    .login-form-content {
        width: 100% !important;
        padding: 20px;
				display:contents!important;
    }
			 .login-form-section{
					 display: grid !important;
			 }
}
.wcml-cart-dialog-buttons button{
    color: white !important;
}

/*fixes for language toggle*/

/* Display the first product section immediately on mobile */
@media (max-width: 767px) {
  body.home .vc_custom_1731918055854
  > .wpb_column.animation.bottom-to-top {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
  }
}