/* =========================================================
   SORME STORE PREMIUM CSS
   تخصيص احترافي لمتجر سورمي
   لا يغيّر الأسعار أو المخزون أو بيانات المنتجات
========================================================= */

:root {
  --sorme-primary: #8b4a5a;
  --sorme-primary-dark: #673342;
  --sorme-accent: #d9a7b3;
  --sorme-soft: #fff7f9;
  --sorme-cream: #fffaf7;
  --sorme-text: #3b2b2b;
  --sorme-muted: #7a6a6a;
  --sorme-border: #f0dfe3;
  --sorme-shadow: 0 10px 28px rgba(139, 74, 90, 0.12);
}

body {
  color: var(--sorme-text);
  background:
    radial-gradient(circle at top right, rgba(217, 167, 179, 0.22), transparent 32%),
    linear-gradient(180deg, #fffafc 0%, #ffffff 45%);
}

a {
  transition: all 0.25s ease;
}

a:hover {
  color: var(--sorme-primary) !important;
}

.header,
.site-header,
.store-header,
.s-header {
  box-shadow: 0 8px 24px rgba(139, 74, 90, 0.08);
  backdrop-filter: blur(10px);
}

nav a,
.main-menu a,
.s-menu-item a {
  font-weight: 600;
}

nav a:hover,
.main-menu a:hover,
.s-menu-item a:hover {
  color: var(--sorme-primary) !important;
}

input[type="search"],
.search-input,
.s-search-input {
  border-radius: 999px !important;
  border: 1px solid var(--sorme-border) !important;
  background: #fff !important;
}

input[type="search"]:focus,
.search-input:focus,
.s-search-input:focus {
  border-color: var(--sorme-accent) !important;
  box-shadow: 0 0 0 4px rgba(217, 167, 179, 0.18) !important;
}

button,
.btn,
.button,
.s-button-btn,
.add-to-cart,
.product-card__addToCart,
.product-form__cart-submit {
  border-radius: 999px !important;
  font-weight: 700 !important;
  transition: all 0.25s ease !important;
}

.s-button-primary,
.btn-primary,
.button-primary,
.product-form__cart-submit,
.add-to-cart,
button[type="submit"] {
  background: linear-gradient(135deg, var(--sorme-primary), var(--sorme-accent)) !important;
  border: none !important;
  color: #fff !important;
  box-shadow: 0 8px 22px rgba(139, 74, 90, 0.22) !important;
}

.s-button-primary:hover,
.btn-primary:hover,
.button-primary:hover,
.product-form__cart-submit:hover,
.add-to-cart:hover,
button[type="submit"]:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(139, 74, 90, 0.30) !important;
  filter: brightness(1.03);
}

.product-card,
.s-product-card-entry,
.product-item,
.card {
  border-radius: 22px !important;
  border: 1px solid var(--sorme-border) !important;
  background: #fff !important;
  overflow: hidden !important;
  box-shadow: 0 6px 18px rgba(139, 74, 90, 0.07) !important;
  transition: all 0.28s ease !important;
}

.product-card:hover,
.s-product-card-entry:hover,
.product-item:hover,
.card:hover {
  transform: translateY(-5px);
  box-shadow: var(--sorme-shadow) !important;
  border-color: rgba(217, 167, 179, 0.85) !important;
}

.product-card img,
.s-product-card-image img,
.product-item img {
  transition: transform 0.35s ease;
}

.product-card:hover img,
.s-product-card-entry:hover img,
.product-item:hover img {
  transform: scale(1.045);
}

.product-card h3,
.s-product-card-content-title,
.product-title,
.product__title {
  color: var(--sorme-text) !important;
  font-weight: 700 !important;
  line-height: 1.6 !important;
}

.price,
.s-product-card-price,
.product-price,
.s-product-price {
  color: var(--sorme-primary) !important;
  font-weight: 900 !important;
  font-size: 1.05rem !important;
}

.badge,
.s-product-card-promotion-title,
.sale,
.discount {
  border-radius: 999px !important;
  background: linear-gradient(135deg, var(--sorme-primary), var(--sorme-accent)) !important;
  color: #fff !important;
  padding: 6px 12px !important;
}

.section-title,
.s-block__title,
.home-section h2 {
  color: var(--sorme-primary-dark) !important;
  font-weight: 900 !important;
  position: relative;
}

.section-title:after,
.s-block__title:after,
.home-section h2:after {
  content: "";
  display: block;
  width: 72px;
  height: 4px;
  margin: 10px auto 0;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--sorme-primary), var(--sorme-accent));
}

.banner img,
.hero img,
.s-slider-block__image,
.main-slider img {
  border-radius: 24px;
}

/* صفحة المنتج */
.product-single,
.product-details,
.s-product,
.product-page {
  position: relative;
}

.product__info,
.product-details,
.product-single__meta,
.s-product__content {
  background: linear-gradient(180deg, #ffffff 0%, var(--sorme-soft) 100%) !important;
  border: 1px solid var(--sorme-border) !important;
  border-radius: 26px !important;
  padding: 22px !important;
  box-shadow: 0 12px 30px rgba(139, 74, 90, 0.10) !important;
}

.product__title,
.product-title,
.product-single__title,
.s-product__title {
  color: var(--sorme-primary-dark) !important;
  font-weight: 900 !important;
  line-height: 1.6 !important;
}

.product-form__cart-submit,
.add-to-cart,
.s-button-primary,
button[type="submit"] {
  min-height: 48px !important;
  font-weight: 800 !important;
}

.product-gallery,
.s-product-gallery,
.product-single__photos {
  border-radius: 28px !important;
  overflow: hidden !important;
}

.product-gallery img,
.s-product-gallery img,
.product-single__photos img {
  border-radius: 22px !important;
}

.product__description,
.product-description,
.s-product-description,
.description {
  background: #fff !important;
  border: 1px solid var(--sorme-border) !important;
  border-radius: 24px !important;
  padding: 22px !important;
  box-shadow: 0 10px 28px rgba(139, 74, 90, 0.08) !important;
}

.product__description h3,
.product-description h3,
.s-product-description h3,
.description h3 {
  color: var(--sorme-primary) !important;
  font-weight: 900 !important;
  margin-top: 22px !important;
}

.product__description table,
.product-description table,
.s-product-description table,
.description table {
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 8px 20px rgba(139, 74, 90, 0.06) !important;
}

.product__description td,
.product-description td,
.s-product-description td,
.description td {
  border-color: var(--sorme-border) !important;
}

/* السلة وكود الخصم */
.cart,
.cart-page,
.s-cart,
.s-cart-summary,
.cart-summary,
.checkout-summary,
.mini-cart {
  background: #fff !important;
  border: 1px solid var(--sorme-border) !important;
  border-radius: 24px !important;
  box-shadow: 0 12px 30px rgba(139, 74, 90, 0.09) !important;
}

.cart-summary:before,
.s-cart-summary:before,
.checkout-summary:before {
  content: "لديك كود خصم؟ أضيفيه قبل إتمام الطلب ✨";
  display: block;
  background: linear-gradient(135deg, var(--sorme-primary), var(--sorme-accent));
  color: #fff;
  padding: 12px 14px;
  border-radius: 16px;
  margin-bottom: 14px;
  font-weight: 800;
  text-align: center;
}

.coupon,
.coupon-form,
.discount-form,
.cart-coupon,
.s-cart-coupon,
.checkout-coupon,
.promo-code,
.voucher,
.s-coupon {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  background: linear-gradient(135deg, var(--sorme-soft), #ffffff) !important;
  border: 1px dashed var(--sorme-accent) !important;
  border-radius: 22px !important;
  padding: 16px !important;
  margin: 16px 0 !important;
  box-shadow: 0 8px 22px rgba(139, 74, 90, 0.08) !important;
}

input[name*="coupon"],
input[name*="discount"],
input[name*="promo"],
input[id*="coupon"],
input[id*="discount"],
input[id*="promo"],
.coupon input,
.discount-form input,
.cart-coupon input,
.s-cart-coupon input,
.checkout-coupon input,
.promo-code input,
.voucher input {
  border: 1px solid var(--sorme-border) !important;
  border-radius: 999px !important;
  min-height: 44px !important;
  padding: 0 16px !important;
  background: #fff !important;
  color: var(--sorme-text) !important;
}

.coupon button,
.discount-form button,
.cart-coupon button,
.s-cart-coupon button,
.checkout-coupon button,
.promo-code button,
.voucher button,
button[name*="coupon"],
button[name*="discount"],
button[name*="promo"] {
  background: linear-gradient(135deg, var(--sorme-primary), var(--sorme-accent)) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
  padding: 10px 18px !important;
}

.sorme-partners-city,
.sorme-faq {
  box-shadow: 0 12px 34px rgba(139, 74, 90, 0.08);
}

input,
select,
textarea {
  border-radius: 14px !important;
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--sorme-accent) !important;
  box-shadow: 0 0 0 4px rgba(217, 167, 179, 0.16) !important;
}

strong {
  color: var(--sorme-primary-dark);
}

@media (max-width: 768px) {
  .product-card,
  .s-product-card-entry,
  .product-item {
    border-radius: 18px !important;
  }

  .product__info,
  .product-details,
  .product-single__meta,
  .s-product__content {
    padding: 16px !important;
    border-radius: 20px !important;
  }

  .product__description,
  .product-description,
  .s-product-description,
  .description {
    padding: 16px !important;
    border-radius: 20px !important;
  }

  .section-title,
  .s-block__title,
  .home-section h2 {
    font-size: 22px !important;
  }

  button,
  .btn,
  .button,
  .s-button-btn {
    min-height: 44px;
  }

  .banner img,
  .hero img,
  .s-slider-block__image,
  .main-slider img {
    border-radius: 16px;
  }
}