/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

/* ========================
 * Bitaqat Shahn basic styling
 * ======================== */

/* Global font (good for EN now, and we can switch to Arabic font later) */
body,
button,
input,
select,
textarea {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Product cards on shop & grids */
.ux-products .product-small,
.woocommerce ul.products li.product {
  background: #ffffff;
  border-radius: 0.9rem;
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.06);
  padding: 0.85rem 0.85rem 1rem;
}

.ux-products .product-small .box-image img,
.woocommerce ul.products li.product img {
  border-radius: 0.75rem;
}

/* Product title & price */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: 0.98rem;
  font-weight: 600;
  min-height: 2.4em;
}

.woocommerce ul.products li.product .price {
  color: #0f766e;
  font-weight: 700;
  margin-top: 0.15rem;
  margin-bottom: 0.35rem;
}

/* Buttons (add to cart etc) */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce ul.products li.product .button {
  border-radius: 999px;
  background-image: linear-gradient(135deg, #0f766e, #16a34a);
  border: none;
  box-shadow: 0 8px 18px rgba(22, 163, 74, 0.45);
}

/* Single product tweaks */
.single-product .product-info .price {
  font-size: 1.4rem;
  font-weight: 600;
}

/* Cart & checkout boxed sections */
.woocommerce-cart .cart-collaterals .cart_totals,
.woocommerce-checkout #order_review,
.woocommerce-checkout #customer_details {
  background-color: #ffffff;
  border-radius: 1rem;
  padding: 1.5rem;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
  border: 1px solid rgba(148, 163, 184, 0.35);
}

/* Dark footer */
.footer,
.absolute-footer {
  background: radial-gradient(circle at top left, #020617, #020617);
  color: #e5e7eb;
}

.absolute-footer {
  border-top: 1px solid rgba(148, 163, 184, 0.35);
}

/* Make header slightly elevated */
.header-main {
  box-shadow: 0 0 12px rgba(0,0,0,0.08);
}