/* ==========================================
   OXBEAN | COMPLETE CUSTOM CSS
   ========================================== */

:root {
  --ox-navy: #0A1C2B;
  --ox-white: #FFFFFF;
  --ox-pink: #F2A2BE;
}

html,
body {
  background-color: var(--ox-navy) !important;
}

body {
  position: relative;
  z-index: 1;
}

body::after {
  content: none !important;
  background-image: none !important;
}

/* BREAST CANCER RIBBON */

body::before {
  content: "";
  position: absolute;
  top: 160px;
  left: 22px;
  width: 65px;
  height: 85px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 100'%3E%3Cpath d='M39 13 C18 -2 9 23 26 43 L57 87' fill='none' stroke='%23F2A2BE' stroke-width='13' stroke-linecap='round'/%3E%3Cpath d='M41 13 C62 -2 71 23 54 43 L23 87' fill='none' stroke='%23F2A2BE' stroke-width='13' stroke-linecap='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
  z-index: 2;
}

/* PAGE BACKGROUND */

#app,
.app-inner,
main,
.main-content,
.page-wrapper,
.store-home,
.content-wrapper,
.s-block,
.store-home section {
  background: transparent !important;
}

/* HEADER */

.store-header,
.store-header .top-navbar,
.store-header #mainnav,
.store-header .main-nav-container,
.store-header #mainnav .inner {
  background: transparent !important;
  background-image: none !important;
}

.store-header .top-navbar a,
.store-header .top-navbar p,
.store-header .top-navbar span,
.store-header .main-menu > li > a,
.store-header .main-menu > li > a span,
.store-header #mainnav .main-menu > li > a,
.store-header #mainnav .main-menu > li > a span {
  color: var(--ox-white) !important;
  -webkit-text-fill-color: var(--ox-white) !important;
  opacity: 1 !important;
}

/* DROPDOWN MENU */

.store-header .sub-menu,
.store-header .dropdown-menu,
.store-header .mega-menu,
.store-header .main-menu li > ul,
.store-header #mainnav ul ul,
#mainnav .sub-menu,
#mainnav .dropdown-menu,
#mainnav ul ul {
  background-color: #FFFFFF !important;
}

.store-header .sub-menu *,
.store-header .dropdown-menu *,
.store-header .mega-menu *,
.store-header .main-menu li > ul *,
.store-header #mainnav ul ul *,
#mainnav .sub-menu *,
#mainnav .dropdown-menu *,
#mainnav ul ul * {
  color: var(--ox-navy) !important;
  -webkit-text-fill-color: var(--ox-navy) !important;
  opacity: 1 !important;
}

.store-header .sub-menu a:hover,
.store-header .dropdown-menu a:hover,
.store-header .main-menu li > ul a:hover,
#mainnav ul ul a:hover {
  background-color: #F2F2F2 !important;
}

/* CART ICON */

.store-header salla-cart-summary,
.store-header .header-cart,
.store-header .cart-icon,
.store-header a[href*="/cart"] {
  color: var(--ox-white) !important;
  opacity: 1 !important;
}

.store-header salla-cart-summary svg,
.store-header .header-cart svg,
.store-header .cart-icon svg,
.store-header a[href*="/cart"] svg {
  color: var(--ox-white) !important;
  stroke: var(--ox-white) !important;
  opacity: 1 !important;
}

/* CART PRICE + SAUDI RIYAL SYMBOL - WHITE */

.store-header :is(
  salla-cart-summary,
  .header-cart,
  .cart-summary,
  .cart-total,
  .cart-price,
  .cart-amount,
  [class*="cart-summary"],
  [class*="cart-total"],
  [class*="cart-price"],
  [class*="cart-amount"]
) {
  color: var(--ox-white) !important;
  -webkit-text-fill-color: var(--ox-white) !important;
}

.store-header :is(
  salla-cart-summary,
  .header-cart,
  .cart-summary,
  .cart-total,
  .cart-price,
  .cart-amount,
  [class*="cart-summary"],
  [class*="cart-total"],
  [class*="cart-price"],
  [class*="cart-amount"]
) :is(
  span,
  strong,
  b,
  small,
  p,
  salla-price,
  salla-currency,
  salla-currency-symbol,
  [class*="currency"],
  [class*="price"],
  [class*="amount"]
) {
  color: var(--ox-white) !important;
  -webkit-text-fill-color: var(--ox-white) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.store-header :is(
  salla-cart-summary,
  .header-cart,
  .cart-summary,
  .cart-total,
  [class*="cart-summary"],
  [class*="cart-total"]
) :is(
  svg,
  i,
  [class*="currency"]
) {
  color: var(--ox-white) !important;
  stroke: var(--ox-white) !important;
  -webkit-text-fill-color: var(--ox-white) !important;
}

/* FOOTER */

.store-footer,
.store-footer__inner {
  background: transparent !important;
  background-image: none !important;
}

.store-footer,
.store-footer h1,
.store-footer h2,
.store-footer h3,
.store-footer h4,
.store-footer p,
.store-footer span,
.store-footer a,
.store-footer li,
.store-footer .footer-title,
.store-footer__inner,
.store-footer__inner * {
  color: var(--ox-white) !important;
  -webkit-text-fill-color: var(--ox-white) !important;
  opacity: 1 !important;
}

.store-footer svg {
  color: var(--ox-white) !important;
}

/* PRODUCT CARDS */

.s-product-card-entry,
.s-product-card-wrapper,
.product-entry,
.product-card,
.salla-product-card {
  background: var(--ox-white) !important;
}

.s-product-card-entry,
.s-product-card-entry a,
.s-product-card-entry h3,
.s-product-card-entry p,
.s-product-card-entry span,
.salla-product-card,
.salla-product-card a {
  color: var(--ox-navy) !important;
  -webkit-text-fill-color: var(--ox-navy) !important;
}

/* SECTION TITLES */

.s-block__title,
.s-block__title h2,
.s-block__title h3,
.s-block__title a,
.s-block__title p,
.s-block__title span {
  color: var(--ox-white) !important;
  -webkit-text-fill-color: var(--ox-white) !important;
  opacity: 1 !important;
}

/* PRODUCT PAGE TEXT */

.product-single h1,
.product-single h2,
.product-single .product-title,
.product-single .product-price,
.product-single .price,
.product-single .price-wrapper,
.product-page h1,
.product-page h2,
.product-page .product-title,
.product-page .product-price,
.product-page .price {
  color: var(--ox-white) !important;
  -webkit-text-fill-color: var(--ox-white) !important;
  opacity: 1 !important;
}

.product-single .product-description,
.product-single .product-details,
.product-single .product-details p,
.product-single .product-details span,
.product-single .product-description p,
.product-single .product-description span,
.product-page .product-description,
.product-page .product-description p,
.product-page .product-description span,
.product-single__info,
.product-single__info p,
.product-single__info span,
.product-single__price,
.product-single__description {
  color: var(--ox-white) !important;
  -webkit-text-fill-color: var(--ox-white) !important;
  opacity: 1 !important;
}

.product-single .text-gray-500,
.product-single .text-gray-600,
.product-single .text-gray-700,
.product-page .text-gray-500,
.product-page .text-gray-600,
.product-page .text-gray-700 {
  color: #E4E9ED !important;
  -webkit-text-fill-color: #E4E9ED !important;
}

/* BREADCRUMBS */

.breadcrumb,
.breadcrumb a,
.breadcrumb li,
.s-breadcrumb,
.s-breadcrumb a,
salla-breadcrumb,
salla-breadcrumb a {
  color: var(--ox-white) !important;
  -webkit-text-fill-color: var(--ox-white) !important;
}

/* WHITE PANELS */

.product-single .bg-white,
.product-single .bg-white *,
.product-page .bg-white,
.product-page .bg-white *,
.product-single .bg-gray-50,
.product-single .bg-gray-50 *,
.product-page .bg-gray-50,
.product-page .bg-gray-50 * {
  color: var(--ox-navy) !important;
  -webkit-text-fill-color: var(--ox-navy) !important;
}

body:has(salla-add-product-button) main
:is(
  .bg-white,
  .bg-gray-50,
  .s-product-card-entry,
  .salla-product-card,
  .product-card
),
body:has(salla-add-product-button) main
:is(
  .bg-white,
  .bg-gray-50,
  .s-product-card-entry,
  .salla-product-card,
  .product-card
) * {
  color: var(--ox-navy) !important;
  -webkit-text-fill-color: var(--ox-navy) !important;
}

/* PRODUCT OFFERS */

body:has(salla-add-product-button) main
:is(
  .s-product-offer,
  .s-product-offers__item,
  .product-offer-card,
  .product-offer-item,
  [class*="offer-card"],
  [class*="offer-item"]
),
body:has(salla-add-product-button) main
:is(
  .s-product-offer,
  .s-product-offers__item,
  .product-offer-card,
  .product-offer-item,
  [class*="offer-card"],
  [class*="offer-item"]
) * {
  color: var(--ox-navy) !important;
  -webkit-text-fill-color: var(--ox-navy) !important;
}

/* TAMARA */

body:has(salla-add-product-button)
:is(
  [class*="tamara"],
  [id*="tamara"],
  tamara-widget,
  tamara-product-widget
) {
  color: var(--ox-navy) !important;
  -webkit-text-fill-color: var(--ox-navy) !important;
}

body:has(salla-add-product-button)
:is(
  [class*="tamara"],
  [id*="tamara"],
  tamara-widget,
  tamara-product-widget
)
:is(p,span,small,strong,b,a,div) {
  color: var(--ox-navy) !important;
  -webkit-text-fill-color: var(--ox-navy) !important;
}

/* CATEGORY LABELS */

#oxbean-four-categories .ox-card {
  position: relative;
  isolation: isolate;
}

#oxbean-four-categories .ox-card::before,
#oxbean-four-categories .ox-card::after {
  content: none !important;
  display: none !important;
}

#oxbean-new-categories .ox-name {
  display: none !important;
}

#oxbean-four-categories .ox-label {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 10;
  padding: 18px 5px 10px;
  box-sizing: border-box;
  background: linear-gradient(
    to bottom,
    transparent,
    rgba(10,28,43,.92)
  );
  color: var(--ox-white) !important;
  -webkit-text-fill-color: var(--ox-white) !important;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}

/* PRODUCT TEXT ON NAVY */

body:has(salla-add-product-button) main
:is(
  .product-single,
  .product-page,
  .product-single__info,
  .product-details,
  .product-information,
  .product-summary
)
:is(h1,h2,h3,p,span,small,strong,a) {
  color: var(--ox-white) !important;
  -webkit-text-fill-color: var(--ox-white) !important;
  opacity: 1 !important;
}

body:has(salla-add-product-button) main
:is(
  .product-price,
  .product__price,
  .price,
  .price-wrapper,
  .product-description,
  .product-details,
  .product-single__price,
  .product-single__description
) {
  color: var(--ox-white) !important;
  -webkit-text-fill-color: var(--ox-white) !important;
}

/* FINAL WHITE CARD OVERRIDE */

body:has(salla-add-product-button) main
:is(
  .bg-white,
  .bg-gray-50,
  .s-product-card-entry,
  .salla-product-card,
  .product-card,
  .s-product-offer,
  .s-product-offers__item,
  .product-offer-card,
  .product-offer-item,
  [class*="offer-card"],
  [class*="offer-item"]
)
:is(
  h1,h2,h3,h4,h5,h6,
  p,span,small,strong,b,em,
  a,li,label,div
) {
  color: var(--ox-navy) !important;
  -webkit-text-fill-color: var(--ox-navy) !important;
}

/* GRAY BACKGROUNDS */

body:has(salla-add-product-button)
:is(
  .bg-gray-100,
  .bg-gray-200,
  .bg-slate-100,
  .bg-slate-200
):not(
  .product-card,
  .s-product-card-entry,
  .salla-product-card,
  .s-product-offer,
  .s-product-offers__item,
  .product-offer-card,
  .product-offer-item
) {
  background-color: var(--ox-navy) !important;
}

/* BUY TOGETHER / PRODUCT BUNDLE */

body:has(salla-add-product-button)
:is(
  salla-products-bundle,
  salla-product-bundle,
  salla-product-bundles,
  salla-bundle-products,
  [class*="bundle-products"],
  [class*="product-bundle"],
  [class*="product_bundle"],
  [class*="buy-together"],
  [class*="buy_together"],
  [class*="frequently-bought"],
  [class*="frequently_bought"]
) {
  color: var(--ox-navy) !important;
  -webkit-text-fill-color: var(--ox-navy) !important;
}

body:has(salla-add-product-button)
:is(
  salla-products-bundle,
  salla-product-bundle,
  salla-product-bundles,
  salla-bundle-products,
  [class*="bundle-products"],
  [class*="product-bundle"],
  [class*="product_bundle"],
  [class*="buy-together"],
  [class*="buy_together"],
  [class*="frequently-bought"],
  [class*="frequently_bought"]
)
:is(
  h1,h2,h3,h4,h5,h6,
  p,span,small,strong,b,
  a,label,li
) {
  color: var(--ox-navy) !important;
  -webkit-text-fill-color: var(--ox-navy) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body:has(salla-add-product-button)
main :is(
  .bg-white,
  .bg-gray-50
):has(input[type="checkbox"])
:is(
  h1,h2,h3,h4,
  p,span,small,strong,b,
  a,label,li
) {
  color: var(--ox-navy) !important;
  -webkit-text-fill-color: var(--ox-navy) !important;
  opacity: 1 !important;
}

/* PRODUCT ACTION ICONS */

body:has(salla-add-product-button)
main :is(
  .product-single,
  .product-page,
  .product-single__info,
  .product-details,
  .product-information,
  .product-summary
)
:is(
  button,
  a,
  [role="button"]
).bg-white svg {
  color: var(--ox-navy) !important;
  stroke: var(--ox-navy) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body:has(salla-add-product-button)
main :is(
  button,
  a,
  [role="button"]
).rounded-full.bg-white svg,
body:has(salla-add-product-button)
main :is(
  button,
  a,
  [role="button"]
).bg-white.rounded-full svg {
  color: var(--ox-navy) !important;
  stroke: var(--ox-navy) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body:has(salla-add-product-button)
main :is(
  button,
  a,
  [role="button"]
).bg-white :is(i,[class*="icon-"]) {
  color: var(--ox-navy) !important;
  -webkit-text-fill-color: var(--ox-navy) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* INPUTS */

input,
textarea,
select {
  color: var(--ox-navy);
}

/* MOBILE */

@media (max-width: 767px) {
  #oxbean-four-categories .ox-label {
    font-size: 14px;
    padding: 15px 4px 8px;
  }

  body::before {
    width: 45px;
    height: 60px;
    top: 140px;
    left: 10px;
  }
}

/* IMAGES */

img {
  max-width: 100%;
}