/*
=========================================================
 HYPER MIX — PREMIUM HYPERMARKET THEME
 EasyOrders Custom CSS
 Blue / White / Clean / Mobile First
=========================================================
*/

:root{
  --hm-blue:#075FC7;
  --hm-blue2:#0B7AEF;
  --hm-dark:#063B7A;
  --hm-sky:#EAF5FF;
  --hm-green:#16A66A;
  --hm-red:#E53935;
  --hm-text:#152238;
  --hm-muted:#68758A;
  --hm-border:#E4EBF4;
  --hm-card:#FFFFFF;
  --hm-bg:#F5F8FC;
  --hm-radius:18px;
  --hm-shadow:0 8px 24px rgba(10,64,125,.09);
}

/* ===== GLOBAL ===== */
html{scroll-behavior:smooth}
body{
  direction:rtl!important;
  background:var(--hm-bg)!important;
  color:var(--hm-text)!important;
  font-family:Tahoma,Arial,sans-serif!important;
}
*{box-sizing:border-box}
a{transition:all .2s ease}

/* ===== HEADER ===== */
header,.header,.navbar,nav{
  background:#fff!important;
  border-bottom:1px solid var(--hm-border)!important;
  box-shadow:0 3px 18px rgba(10,50,100,.07)!important;
}
header a,.header a,.navbar a,nav a{
  font-weight:700;
}

/* ===== SEARCH ===== */
input[type="search"],
.search input,
.search-box input,
input[placeholder*="بحث"],
input[placeholder*="بحث عن"]{
  border:2px solid #DCE8F5!important;
  border-radius:14px!important;
  background:#fff!important;
  min-height:46px!important;
  transition:.2s!important;
}
input[type="search"]:focus,
.search input:focus,
.search-box input:focus{
  border-color:var(--hm-blue)!important;
  box-shadow:0 0 0 4px rgba(7,95,199,.10)!important;
}

/* ===== PRODUCT GRID ===== */
.product-card,.product-item,.card,[class*="product-card"],[class*="product-item"]{
  background:var(--hm-card)!important;
  border:1px solid var(--hm-border)!important;
  border-radius:var(--hm-radius)!important;
  box-shadow:var(--hm-shadow)!important;
  overflow:hidden!important;
  transition:transform .22s ease,box-shadow .22s ease!important;
}
.product-card:hover,.product-item:hover,.card:hover{
  transform:translateY(-4px)!important;
  box-shadow:0 15px 35px rgba(7,95,199,.15)!important;
}

/* ===== PRODUCT IMAGE ===== */
.product-card img,.product-item img,.card img{
  max-width:100%!important;
  object-fit:contain!important;
  background:#fff;
  transition:transform .25s ease!important;
}
.product-card:hover img,.product-item:hover img{
  transform:scale(1.035);
}

/* ===== PRODUCT NAME ===== */
.product-card h2,.product-card h3,.product-card h4,
.product-item h2,.product-item h3,.product-item h4{
  color:var(--hm-text)!important;
  font-weight:800!important;
  line-height:1.55!important;
}

/* ===== PRICE ===== */
.price,.product-price,[class*="price"]{
  color:var(--hm-blue)!important;
  font-weight:900!important;
  font-size:1.08em;
}

/* ===== OLD PRICE ===== */
del,.old-price,[class*="old-price"]{
  color:#9AA5B5!important;
  opacity:.85;
}

/* ===== ADD TO CART ===== */
.add-to-cart,.add-cart,
button[class*="cart"],
button[class*="add"],
[class*="add-to-cart"]{
  background:linear-gradient(135deg,var(--hm-blue2),var(--hm-blue))!important;
  color:#fff!important;
  border:0!important;
  border-radius:13px!important;
  min-height:43px!important;
  font-weight:800!important;
  box-shadow:0 6px 14px rgba(7,95,199,.16)!important;
  transition:all .2s ease!important;
}
.add-to-cart:hover,.add-cart:hover,
button[class*="cart"]:hover,
button[class*="add"]:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 10px 20px rgba(7,95,199,.23)!important;
}

/* ===== PRIMARY BUTTONS ===== */
.btn-primary,.btn-success,
button.primary,button[type="submit"],
input[type="submit"]{
  background:linear-gradient(135deg,var(--hm-blue2),var(--hm-dark))!important;
  color:#fff!important;
  border:0!important;
  border-radius:13px!important;
  font-weight:800!important;
}

/* ===== CATEGORY ===== */
.categories a,.category-item,.nav-pills a,
[class*="category"] a{
  border-radius:999px!important;
  font-weight:700!important;
  transition:.2s!important;
}
.categories a:hover,.category-item:hover,.nav-pills a:hover{
  background:var(--hm-sky)!important;
  color:var(--hm-blue)!important;
}

/* ===== CART / CHECKOUT ===== */
.cart,.checkout,.cart-summary,.order-summary,
[class*="cart"],[class*="checkout"]{
  border-radius:var(--hm-radius)!important;
  border:1px solid var(--hm-border)!important;
  box-shadow:var(--hm-shadow)!important;
}

/* ===== FORM FIELDS ===== */
input,select,textarea{
  border:1px solid #D8E3EF!important;
  border-radius:11px!important;
  background:#fff!important;
}
input:focus,select:focus,textarea:focus{
  border-color:var(--hm-blue)!important;
  box-shadow:0 0 0 3px rgba(7,95,199,.09)!important;
}

/* ===== ANNOUNCEMENT BAR ===== */
.hm-announcement{
  width:100%;
  background:linear-gradient(90deg,var(--hm-dark),var(--hm-blue),var(--hm-blue2));
  color:#fff;
  text-align:center;
  padding:10px 14px;
  font-size:14px;
  font-weight:800;
  overflow:hidden;
}

/* ===== OFFER BAR ANIMATION ===== */
.hm-offers{
  width:100%;
  overflow:hidden;
  white-space:nowrap;
  background:#fff;
  border-bottom:1px solid var(--hm-border);
}
.hm-offers span{
  display:inline-block;
  padding:9px 20px;
  font-weight:800;
  color:var(--hm-blue);
  animation:hmMove 16s linear infinite;
}
@keyframes hmMove{
  from{transform:translateX(0)}
  to{transform:translateX(-100%)}
}

/* ===== BADGES ===== */
.badge,.label,[class*="badge"]{
  border-radius:999px!important;
  font-weight:800!important;
}

/* ===== MOBILE ===== */
@media(max-width:768px){
  body{font-size:14px!important}
  .product-card,.product-item,.card{
    border-radius:14px!important;
  }
  .product-card h2,.product-card h3,
  .product-item h2,.product-item h3{
    font-size:14px!important;
  }
  .price,.product-price{
    font-size:16px!important;
  }
  .add-to-cart,.add-cart,
  button[class*="cart"]{
    width:100%!important;
    min-height:44px!important;
  }
  input,select,textarea{
    min-height:44px!important;
  }
}

/* ===== FLOATING WHATSAPP ===== */
.hm-whatsapp{
  position:fixed;
  right:18px;
  bottom:18px;
  width:56px;
  height:56px;
  border-radius:50%;
  background:#16A66A;
  color:#fff!important;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:99999;
  box-shadow:0 8px 22px rgba(0,0,0,.20);
  font-size:25px;
  text-decoration:none!important;
}
.hm-whatsapp:hover{
  transform:scale(1.08);
}

/* ===== ACCESSIBILITY / FOCUS ===== */
button:focus-visible,a:focus-visible,
input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid rgba(11,122,239,.25)!important;
  outline-offset:2px!important;
}