/* =========================================================
   RYETH / SELIA – FINAL UNIFIED GREEN THEME
   Background: #0b3b3b | Text & Icons: White
========================================================= */

:root{
  --g:#0b3b3b;
  --w:#ffffff;
  --glass: rgba(255,255,255,.06);
  --line: rgba(255,255,255,.12);
  --radius: 14px;
}

/* =========================================================
   GLOBAL BACKGROUND
========================================================= */

html, body{
  background: var(--g) !important;
  color: var(--w) !important;
}

body,
main,
#app,
#root,
.app,
.app-content,
.site-content,
.page-wrapper,
.salla-theme,
.salla-page{
  background: var(--g) !important;
  color: var(--w) !important;
}

/* =========================================================
   SECTIONS
========================================================= */

section,
.section,
.home-section,
[class*="section"],
[class*="block"],
.block,
.widget,
.panel{
  background: var(--g) !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* =========================================================
   CONTAINERS
========================================================= */

.container,
.container-fluid,
.content,
.row,
[class*="col-"]{
  background: transparent !important;
}

/* =========================================================
   TEXT
========================================================= */

a,p,span,li,strong,em,
h1,h2,h3,h4,h5,h6,
small,label{
  color: var(--w) !important;
}

/* =========================================================
   ICONS
========================================================= */

i,svg,svg *, .icon{
  color: var(--w) !important;
  fill: var(--w) !important;
  stroke: var(--w) !important;
}

/* =========================================================
   CARDS
========================================================= */

.card,
.box,
.panel,
.widget,
[class*="card"],
[class*="box"]{
  background: var(--glass) !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius) !important;
  color: var(--w) !important;
}

/* =========================================================
   HEADER
========================================================= */

header,
.site-header,
.app-header,
.navbar,
.topbar{
  background: transparent !important;
  border:0 !important;
}

/* =========================================================
   SEARCH
========================================================= */

header input,
.search-box input,
input[type="search"]{
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.22) !important;
  background:rgba(255,255,255,.06) !important;
  color:var(--w) !important;
}

header input::placeholder{
  color:rgba(255,255,255,.75) !important;
}

/* =========================================================
   FOOTER
========================================================= */

footer,
.site-footer{
  background:var(--g) !important;
  color:var(--w) !important;
}

/* =========================================================
   PRICE FIX (REMOVE GREEN BACKGROUND)
========================================================= */

.product-price,
.price,
.product-card__price,
.product-item__price,
[class*="price"]{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.product-price *,
.price *,
.product-card__price *,
.product-item__price *{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  color:var(--w) !important;
}

/* =========================================================
   FIX CART TOTAL NUMBER (إصلاح ظهور الرقم)
========================================================= */

.cart-total,
.cart-total span,
.cart-total strong,
.cart-total b,
.cart-total .price,
.cart-total .amount,
.order-total,
.order-total span,
.order-total strong,
.order-total b{
  color:#ffffff !important;
  opacity:1 !important;
  visibility:visible !important;
  font-weight:600 !important;
}

/* =========================================================
   FIX QUANTITY NUMBER (+ -)
========================================================= */

.quantity input,
.cart-item-quantity,
.qty-input{
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.35) !important;
  background:rgba(255,255,255,.08) !important;
  border-radius:8px !important;
}

/* =========================================================
   HIDE "ADD TO CART" TEXT UNDER PRODUCTS
========================================================= */

.product-card .add-to-cart-text,
.product-card__add-btn span,
.product-item .btn span{
  display:none !important;
}

/* =========================================================
   TABBY / TAMARA FIX
========================================================= */

.tabby,
.tamara,
.tamara-widget,
.tamara-promo,
[class*="tabby"],
[class*="tamara"]{
  background:#ffffff !important;
  border-radius:10px !important;
  border:1px solid rgba(0,0,0,.08) !important;
}

.tabby *,
.tamara *,
[class*="tabby"] *,
[class*="tamara"] *{
  color:#111 !important;
  fill:initial !important;
  stroke:initial !important;
}

/* =========================================================
   PRODUCT IMAGE ICONS FIX
========================================================= */

.product-gallery .btn,
.product-gallery button,
.product-gallery .icon-btn,
.product-gallery .product-action,
.product-image .btn{

  background: rgba(255,255,255,.9) !important;
  color:#111 !important;
  border-radius:10px !important;
  border:0 !important;
  box-shadow:0 4px 10px rgba(0,0,0,.15) !important;
}

.product-gallery svg,
.product-gallery i{
  color:#111 !important;
  fill:#111 !important;
  stroke:#111 !important;
}

/* =========================================================
   LOGIN INPUT FIX
========================================================= */

input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="number"],
textarea,
select{

  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.25) !important;
  color: #ffffff !important;
  border-radius: 10px !important;
}

input::placeholder,
textarea::placeholder{
  color: rgba(255,255,255,.65) !important;
}

input:focus,
textarea:focus,
select:focus{
  border:1px solid rgba(255,255,255,.45) !important;
  background:rgba(255,255,255,.12) !important;
  color:#fff !important;
  outline:none !important;
}

.form-control,
.s-form-control,
.login-form input,
.register-form input{
  color:#fff !important;
}
/* =========================================================
   FIX CART TOTAL + NUMBERS (حل مشكلة الأرقام في السلة)
========================================================= */

.cart-summary,
.cart-summary *,
.cart-total,
.cart-total *,
.order-total,
.order-total *,
.checkout-summary,
.checkout-summary *{
  color:#ffffff !important;
  opacity:1 !important;
  visibility:visible !important;
}

/* إظهار الرقم قبل كلمة ريال */

.cart-total span,
.order-total span,
.price span{
  color:#ffffff !important;
  font-weight:600 !important;
}


/* =========================================================
   FIX QUANTITY NUMBER BETWEEN + -
========================================================= */

.quantity input,
.cart-item-quantity input,
.qty-input,
.quantity-field{

  color:#ffffff !important;
  background:transparent !important;
  font-weight:600 !important;
  text-align:center !important;
  border:none !important;
}


/* =========================================================
   FIX QUANTITY BUTTONS
========================================================= */

.quantity button,
.qty-btn,
.cart-quantity button{

  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.35) !important;
  background:transparent !important;
}


/* =========================================================
   REMOVE "ADD TO CART" BUTTON TEXT UNDER PRODUCTS
========================================================= */

.product-card .add-to-cart,
.product-card .btn-add-to-cart,
.product-item .btn-add-to-cart,
.product-card__add-btn{
  display:none !important;
}