:root {
  --souk-gold: #e3b04f;
  --souk-bronze: #5a4c38;
  --souk-black: #0e0e0e;
  --souk-charcoal: #1e1913;
  --souk-silver: #bbb4a9;
  --souk-ivory: #f5f5f4;
  --souk-border: #e3dccc;
  --souk-white: #fefefe;
}

::selection {
  color: var(--souk-black);
  background: var(--souk-gold);
}

input:focus,
textarea:focus,
select:focus {
  border-color: var(--souk-gold) !important;
  box-shadow: 0 0 0 1px var(--souk-gold);
}

.woocommerce span.onsale,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
  color: var(--souk-black);
  background-color: var(--souk-gold);
}

.woocommerce .star-rating,
.woocommerce .star-rating span::before,
.woocommerce p.stars a,
.woocommerce p.stars a:hover {
  color: var(--souk-gold);
}

.woocommerce-message,
.woocommerce-info {
  border-top-color: var(--souk-gold);
}

.woocommerce-message::before,
.woocommerce-info::before {
  color: var(--souk-gold);
}

.woocommerce nav.woocommerce-pagination ul li span.current {
  color: var(--souk-black);
  background: var(--souk-gold);
}

.callus-icon {
  color: var(--souk-black);
  box-shadow: 0 8px 24px rgb(14 14 14 / 22%);
}

.custom-logo-link img {
  object-fit: contain;
}

/* ── تباين النصوص فوق الذهبي ───────────────────────────────────────────
   القالب يفرض لون الزر عبر !important من المخصّص، ولون النص الافتراضي
   أبيض — وهو غير مقروء فوق #e3b04f. هذه القواعد تعيد النص إلى الأسود. */

input#nrwooconfirm,
#nrwooconfirm input[type="submit"],
#nrwooconfirm.atc-buy-button input,
.atc-buy-button input,
.codplugin-order-button,
.single_add_to_cart_button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  color: var(--souk-black) !important;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
  color: var(--souk-white) !important;
  background-color: var(--souk-bronze) !important;
}

/* الشريط العلوي: ذهبي على أسود */
.top-bar,
.header-top-bar {
  color: var(--souk-gold);
}

/* الشعار: مربّع تقريبًا (652×655) — تقييد الارتفاع يمنع طغيانه على الترويسة */
.custom-logo-link img,
.site-logo img {
  max-height: 72px;
  width: auto;
}

/* شعار الفوتر.
   ودجت الفوتر يحمل الصنف `site-logo` نفسه الذي تحمله الترويسة، فقاعدة
   `max-height: 72px` أعلاه كانت تقيّده إلى 72px. `max-height: none` تفكّ ذلك،
   والتقييد بالعرض وحده يحفظ نسبة الأصل 652×655. */
.footer-logo img {
  max-width: 130px;
  max-height: none;
  height: auto;
  display: inline-block;
}