/* ==========================================================================
   ستايل الباشا على الموقع كله (الهيدر دلوقتي، والفوتر بعدين)
   بيعدّل على هيدر WoodMart من غير ما نلمس إعدادات القالب
   ========================================================================== */

:root {
  --ebh-ink: #121110;
  --ebh-muted: #77716a;
  --ebh-soft: #f4f3f0;
  --ebh-line: #e9e6df;
  --ebh-gold: #b07028;
  --ebh-gold-2: #d9a85a;
  --ebh-gold-dark: #8a5518;
  --ebh-gold-soft: #f8eedc;
  --ebh-gold-grad: linear-gradient(135deg, #c99140 0%, #9a5e1b 100%);
}

/* ---------- الهيدر ---------- */
.whb-header { font-family: 'IBM Plex Sans Arabic', inherit; }
.whb-header .whb-general-header { border-bottom: 1px solid var(--ebh-line) !important; }
.whb-header .whb-header-bottom { background: #fff !important; border-bottom: 1px solid var(--ebh-line) !important; }
.whb-sticked .whb-general-header { box-shadow: 0 8px 24px rgb(20 15 5 / .08); }

/* البحث: خانة مدورة وزرار دهبي */
.whb-header .searchform input.s {
  border-radius: 99px !important;
  background: var(--ebh-soft) !important;
  border: 1px solid var(--ebh-line) !important;
  color: var(--ebh-ink) !important;
  padding-inline-start: 22px !important;
  transition: border-color .2s, box-shadow .2s, background .2s;
}
.whb-header .searchform input.s::placeholder { color: var(--ebh-muted); }
.whb-header .searchform input.s:focus {
  background: #fff !important;
  border-color: var(--ebh-gold-2) !important;
  box-shadow: 0 0 0 4px rgb(217 168 90 / .18);
}
.whb-header .searchform .searchsubmit {
  background: var(--ebh-gold-grad) !important;
  border-radius: 50% !important;
  box-shadow: 0 4px 12px rgb(154 94 27 / .3);
  transition: filter .2s, transform .2s;
}
.whb-header .searchform .searchsubmit:hover { filter: brightness(1.08); transform: scale(1.05); }

/* أيقونات السوشيال */
.whb-header .wd-social-icons .wd-social-icon {
  border-radius: 50% !important;
  background: var(--ebh-soft) !important;
  color: var(--ebh-ink) !important;
  transition: background .2s, color .2s, transform .2s;
}
.whb-header .wd-social-icons .wd-social-icon:hover {
  background: var(--ebh-gold-grad) !important;
  color: #fff !important;
  transform: translateY(-2px);
}

/* خدمة العملاء */
.whb-header .info-box-wrapper .info-box-title,
.whb-header .info-box-wrapper .title { font-family: 'Alexandria', 'IBM Plex Sans Arabic', sans-serif; color: var(--ebh-ink) !important; }
.whb-header .info-box-wrapper .info-box-inner,
.whb-header .info-box-wrapper .info-box-content { color: var(--ebh-gold-dark) !important; font-weight: 700; }

/* القايمة: خط دهبي تحت اللينك */
.whb-header .wd-nav-main > li > a { font-weight: 600; position: relative; }
.whb-header .wd-nav-main > li > a::after {
  content: '';
  position: absolute;
  inset-inline: 14px;
  bottom: 8px;
  height: 2px;
  border-radius: 2px;
  background: var(--ebh-gold);
  transform: scaleX(0);
  transition: transform .3s cubic-bezier(.2, .8, .2, 1);
}
.whb-header .wd-nav-main > li > a:hover,
.whb-header .wd-nav-main > li.current-menu-item > a { color: var(--ebh-gold-dark) !important; }
.whb-header .wd-nav-main > li > a:hover::after,
.whb-header .wd-nav-main > li.current-menu-item > a::after { transform: scaleX(1); }

/* ---------- صفحة المنتج: السعر ----------
   المطوّر القديم كان مخبّي السعر (.summary-inner > .price) في Custom CSS بتاع القالب،
   فبنرجّعه ونديله ستايل الباشا */
.single-product .summary-inner > .price {
  display: inline-flex !important;
  align-items: baseline;
  gap: 8px;
  margin: 6px 0 14px;
  padding: 8px 18px;
  border-radius: 14px;
  background: var(--ebh-gold-soft);
  border: 1px solid #ecd6b3;
  color: var(--ebh-gold-dark) !important;
  font-family: 'Alexandria', 'IBM Plex Sans Arabic', sans-serif;
  font-size: 26px !important;
  font-weight: 800;
}
.single-product .summary-inner > .price del { opacity: .5; font-size: 18px; }
.single-product .summary-inner > .price:empty { display: none !important; }
.ebh-ask-price { color: var(--ebh-gold-dark); font-weight: 700; }
.single-product .summary-inner > .price .ebh-ask-price { font-size: 20px; }
.single-product .summary-inner > .price ins { text-decoration: none; }

/* ---------- صفحة المنتج: اطلب على واتساب ---------- */
.ebh-order { margin: 4px 0 22px; display: grid; gap: 12px; max-width: 420px; }
.ebh-order .ebh-order-wa {
  display: flex; align-items: center; justify-content: center; gap: 10px;
  padding: 14px 22px; border-radius: 99px;
  background: #25d366; color: #fff !important;
  font-family: 'Alexandria', 'IBM Plex Sans Arabic', sans-serif; font-size: 17px; font-weight: 800;
  box-shadow: 0 10px 24px rgb(37 211 102 / .28);
  transition: transform .25s, box-shadow .25s, filter .2s;
}
.ebh-order .ebh-order-wa:hover { transform: translateY(-2px); filter: brightness(1.05); box-shadow: 0 14px 30px rgb(37 211 102 / .34); }
.ebh-order .ebh-order-wa svg { width: 22px; height: 22px; }
.ebh-order-trust { list-style: none; margin: 0 !important; padding: 12px 16px !important; border-radius: 16px; background: var(--ebh-gold-soft); border: 1px solid #ecd6b3; display: grid; gap: 6px; font-size: 14px; font-weight: 600; color: var(--ebh-ink); }
.ebh-order-trust li { margin: 0 !important; list-style: none !important; }

/* ---------- عنوان صفحة الجهاز + شيبس المواصفات (صفحة الجهاز والمتجر) ---------- */
.ebh-pd-head { margin-bottom: 10px; }
.ebh-pd-brand { display: block; font-family: 'Alexandria', 'IBM Plex Sans Arabic', sans-serif; font-size: 13px; font-weight: 800; letter-spacing: .1em; color: var(--ebh-gold); }
.single-product .ebh-pd-title { margin: 2px 0 12px !important; font-family: 'Alexandria', 'IBM Plex Sans Arabic', sans-serif; font-size: clamp(26px, 3.2vw, 38px) !important; font-weight: 800; line-height: 1.2; color: var(--ebh-ink); }
.ebh-specs { list-style: none; margin: 0 !important; padding: 0 !important; display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-end; }
.ebh-specs li { margin: 0 !important; padding: 4px 10px; border-radius: 9px; background: var(--ebh-soft); border: 1px solid var(--ebh-line); color: #4a443d; font-size: 13px; font-weight: 600; white-space: nowrap; list-style: none !important; }
.ebh-pd-specs li { font-size: 14px; padding: 6px 12px; }
.single-product .summary .ebh-pd-specs { border: 0 !important; background: none !important; box-shadow: none !important; justify-content: center; }
.ebh-loop-specs { margin: 6px 0 8px !important; justify-content: center; }
.ebh-loop-specs li { font-size: 11px; padding: 2px 7px; border-radius: 7px; }

/* ---------- السلة وإتمام الطلب ---------- */
.woocommerce-checkout .input-text,
.woocommerce-checkout select,
.woocommerce-checkout .select2-selection,
.woocommerce-cart .input-text { border-radius: 12px !important; border-color: var(--ebh-line) !important; }
.woocommerce-checkout .input-text:focus,
.woocommerce-cart .input-text:focus { border-color: var(--ebh-gold-2) !important; box-shadow: 0 0 0 4px rgb(217 168 90 / .18); }
.woocommerce-checkout #place_order,
.woocommerce-cart .checkout-button,
.single-product .single_add_to_cart_button {
  background: var(--ebh-gold-grad) !important; color: #fff !important; border: 0 !important;
  border-radius: 99px !important; font-family: 'Alexandria', 'IBM Plex Sans Arabic', sans-serif; font-weight: 800 !important;
  box-shadow: 0 10px 24px rgb(154 94 27 / .3); transition: filter .2s, transform .2s;
}
.woocommerce-checkout #place_order:hover,
.woocommerce-cart .checkout-button:hover,
.single-product .single_add_to_cart_button:hover { filter: brightness(1.07); transform: translateY(-1px); }
.woocommerce-checkout #place_order { width: 100%; font-size: 18px !important; padding: 16px !important; }
.ebh-co-trust { list-style: none; margin: 0 0 14px !important; padding: 12px 16px !important; border-radius: 14px; background: var(--ebh-gold-soft); border: 1px solid #ecd6b3; display: grid; gap: 6px; font-size: 14px; font-weight: 600; }
.ebh-co-trust li { margin: 0 !important; list-style: none !important; }
.ebh-thanks { display: flex; gap: 18px; align-items: center; margin: 0 0 28px; padding: 22px; border-radius: 20px; background: var(--ebh-gold-soft); border: 1px solid #ecd6b3; }
.ebh-thanks strong { display: block; font-family: 'Alexandria', 'IBM Plex Sans Arabic', sans-serif; font-size: 22px; color: var(--ebh-ink); }
.ebh-thanks p { margin: 4px 0 12px !important; color: var(--ebh-muted); }
.ebh-thanks .ebh-order-wa { display: inline-flex; align-items: center; gap: 8px; padding: 10px 20px; border-radius: 99px; background: #25d366; color: #fff !important; font-weight: 800; }
.ebh-thanks .ebh-order-wa svg { width: 18px; height: 18px; }
@media (max-width: 560px) { .ebh-thanks { flex-direction: column; text-align: center; } }

/* ---------- زرار الواتساب العائم ---------- */
.ebh-wa {
  position: fixed; inset-inline-start: 22px; bottom: 22px; z-index: 99989;
  width: 58px; height: 58px; border-radius: 50%;
  background: #25d366; color: #fff !important;
  display: grid; place-items: center;
  box-shadow: 0 10px 24px rgb(0 0 0 / .22);
  transition: transform .25s, opacity .3s;
}
.ebh-wa:hover { transform: scale(1.08); }
.ebh-wa svg { width: 30px; height: 30px; }
.ebh-wa-up { bottom: 112px; inset-inline-start: 31px; }
.ebh-wa.ebh-hide { opacity: 0; pointer-events: none; transform: scale(.6); }
@media (max-width: 768px) {
  .ebh-wa { inset-inline-start: 14px; bottom: 14px; width: 52px; height: 52px; }
  .ebh-wa svg { width: 27px; height: 27px; }
  .ebh-wa-up { bottom: 92px; inset-inline-start: 20px; }
}

/* ---------- الفوتر الجديد (فوتر القالب القديم بيستخبى) ---------- */
.footer-container { display: none !important; }
.ebh-footer {
  position: relative; overflow: hidden;
  background: #121110; color: #cfc8bd;
  font-family: 'IBM Plex Sans Arabic', sans-serif; direction: rtl;
  border-top: 3px solid transparent;
  border-image: linear-gradient(90deg, #c99140, #f1d39a, #9a5e1b) 1;
}
.ebh-footer::before {
  content: ''; position: absolute; width: 520px; height: 520px; border-radius: 50%;
  inset-inline-end: -160px; top: -260px;
  background: radial-gradient(circle, rgb(217 168 90 / .16), transparent 65%);
  pointer-events: none;
}
.ebh-footer-in {
  position: relative; max-width: 1200px; margin: 0 auto; padding: 56px 20px 36px;
  display: grid; grid-template-columns: 1.6fr 1fr 1.2fr 1.2fr; gap: 36px;
}
.ebh-footer h4 {
  font-family: 'Alexandria', 'IBM Plex Sans Arabic', sans-serif;
  color: #fff; font-size: 16px; font-weight: 800; margin: 0 0 16px; position: relative; padding-bottom: 10px;
}
.ebh-footer h4::after { content: ''; position: absolute; inset-inline-start: 0; bottom: 0; width: 28px; height: 2px; border-radius: 2px; background: #d9a85a; }
.ebh-footer-in > div > a:not(.ebh-footer-cta),
.ebh-footer-in > div > span { display: block; color: #cfc8bd; font-size: 14px; line-height: 1.6; margin-bottom: 9px; }
.ebh-footer-in > div > a:not(.ebh-footer-cta) { transition: color .2s, transform .2s; }
.ebh-footer-in > div > a:not(.ebh-footer-cta):hover { color: #f1d39a; transform: translateX(-4px); }
.ebh-footer-brand img { width: 170px; height: auto; margin-bottom: 14px; }
.ebh-footer-brand p { color: #a9a196; font-size: 14px; line-height: 1.8; margin: 0 0 18px; max-width: 340px; }
.ebh-footer .ebh-footer-cta {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 10px 20px; border-radius: 99px;
  background: linear-gradient(135deg, #c99140 0%, #9a5e1b 100%); color: #fff;
  font-weight: 800; font-size: 14px;
  box-shadow: 0 8px 22px rgb(154 94 27 / .35);
  transition: transform .25s, filter .2s;
}
.ebh-footer .ebh-footer-cta:hover { color: #fff; transform: translateY(-2px); filter: brightness(1.08); }
.ebh-footer-cta svg { width: 18px; height: 18px; }
.ebh-footer .ebh-footer-phone { font-family: 'Alexandria', sans-serif; font-size: 20px !important; font-weight: 800; color: #f1d39a !important; text-align: right; }
.ebh-footer-social { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 6px; }
.ebh-footer-social a {
  width: 40px; height: 40px; border-radius: 50%;
  display: grid; place-items: center;
  background: rgb(255 255 255 / .07); color: #fff;
  border: 1px solid rgb(255 255 255 / .1);
  transition: background .25s, transform .25s, border-color .25s;
}
.ebh-footer-social a:hover { background: linear-gradient(135deg, #c99140 0%, #9a5e1b 100%); border-color: transparent; color: #fff; transform: translateY(-3px) rotate(-6deg); }
.ebh-footer-social svg { width: 18px; height: 18px; }
.ebh-footer-bottom {
  position: relative; max-width: 1200px; margin: 0 auto; padding: 18px 20px 22px;
  border-top: 1px solid rgb(255 255 255 / .08);
  display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap;
  font-size: 13px; color: #8d857a;
}
.ebh-footer-pay { color: #cfc8bd; }
.ebh-footer-bottom b { color: #f1d39a; font-weight: 700; }
.ebh-footer-dev { display: inline-block; margin-top: 4px; font-size: 12px; color: #8d857a; }
@media (max-width: 980px) { .ebh-footer-bottom { padding-bottom: 130px; } }
@media (max-width: 1024px) {
  .ebh-footer-in { grid-template-columns: 1fr 1fr; }
  .ebh-footer-brand { grid-column: 1 / -1; }
}
@media (max-width: 600px) {
  .ebh-footer-in { grid-template-columns: 1fr; gap: 28px; padding: 42px 18px 28px; text-align: center; }
  .ebh-footer h4::after { inset-inline-start: 50%; transform: translateX(50%); }
  .ebh-footer-brand img, .ebh-footer-brand p { margin-inline: auto; }
  .ebh-footer .ebh-footer-phone { text-align: center; }
  .ebh-footer-social { justify-content: center; }
  .ebh-footer-bottom { justify-content: center; text-align: center; padding-bottom: 150px; }
}

/* أيقونة الحساب والسلة */
.whb-header .wd-tools-element > a { transition: color .2s, transform .2s; }
.whb-header .wd-tools-element > a:hover { color: var(--ebh-gold-dark) !important; }
.whb-header .wd-tools-count { background: var(--ebh-gold) !important; color: #fff !important; }
