/* ================================
   Thmanyah Fonts - العوجا للعود
   ================================ */

/* خط ثمانية للعناوين */
@font-face {
  font-family: 'Thmanyah Display';
  src: url('PUT-FONT-LINK-HERE/ThmanyahSerifDisplay-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Thmanyah Display';
  src: url('PUT-FONT-LINK-HERE/ThmanyahSerifDisplay-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* خط ثمانية للواجهة والنصوص */
@font-face {
  font-family: 'Thmanyah Sans';
  src: url('PUT-FONT-LINK-HERE/ThmanyahSans-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Thmanyah Sans';
  src: url('PUT-FONT-LINK-HERE/ThmanyahSans-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* الخط العام للمتجر */
body,
html,
p,
span,
a,
button,
input,
textarea,
select,
.product-card,
.s-product-card-content,
.s-product-card-content-title,
.s-product-card-price,
.s-button-element {
  font-family: 'Thmanyah Sans', 'Tahoma', sans-serif !important;
}

/* العناوين */
h1,
h2,
h3,
h4,
h5,
h6,
.section-title,
.s-block__title,
.s-slider-block__title,
.s-product-card-content-title,
.product-single__title,
.page-title,
.main-menu li a {
  font-family: 'Thmanyah Display', 'Thmanyah Sans', serif !important;
  letter-spacing: 0 !important;
}

/* تحسين شكل العناوين للمتجر الفاخر */
h1,
.s-block__title,
.s-slider-block__title,
.product-single__title {
  font-weight: 700 !important;
  line-height: 1.35 !important;
}

/* أزرار المتجر */
button,
.s-button-element,
.btn,
a.btn {
  font-family: 'Thmanyah Sans', 'Tahoma', sans-serif !important;
  font-weight: 700 !important;
}
/* لون عنوان h2 في عنصر قصة العوجا */
#about-4 h2,
#about-4 [data-selia="home-about-title"] {
  color: #22293c !important;
}

/* لون الزر */
#about-4 a.btn,
#about-4 [data-selia="about-button"] {
  background-color: #22293c !important;
  border-color: #22293c !important;
  color: #ffffff !important;
}

/* لون نص الزر وأي أيقونة داخله */
#about-4 a.btn *,
#about-4 [data-selia="about-button"] * {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

/* تأثير عند المرور على الزر */
#about-4 a.btn:hover,
#about-4 [data-selia="about-button"]:hover {
  background-color: #1b2133 !important;
  border-color: #1b2133 !important;
  color: #ffffff !important;
}
/* إزالة المسافة بين الهيدر وأول بانر */
.store-header,
header.store-header,
#mainnav,
.main-nav-container {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* إزالة أي فراغ أعلى أول عنصر داخل الصفحة */
main {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* أول بانر بعد الهيدر */
main > section:first-of-type,
main > section.s-block--bundle-main-slider,
.s-block--bundle-main-slider {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* حاوية السلايدر نفسها */
.s-block--bundle-main-slider .container,
.s-block--bundle-main-slider .slider-container,
.s-block--bundle-main-slider salla-main-slider,
.s-block--bundle-main-slider .swiper,
.s-block--bundle-main-slider .swiper-wrapper,
.s-block--bundle-main-slider .swiper-slide,
.s-block--bundle-main-slider .banner-link-wrapper {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* منع أي فراغ أسفل الصورة بسبب img inline */
.s-block--bundle-main-slider img,
.s-block--bundle-main-slider picture {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* إزالة أي فراغ أعلى عنصر التصنيفات */
section.s-block.s-block--square-links.square-links-2.s-block--animate {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* تقليل فراغات العنصر نفسه */
section.s-block.s-block--square-links.square-links-2.s-block--animate .container {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

#about-4 [data-selia="about-button"] * {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

#about-4 a.btn:hover,
#about-4 [data-selia="about-button"]:hover {
  background-color: #C8A55A !important;
  border-color: #C8A55A !important;
  color: #ffffff !important;
}
/* لون عنوان h2 في عنصر قصة العوجا */
#about-4 h2,
#about-4 [data-selia="home-about-title"] {
  color: #22293c !important;
}

/* لون الزر */
#about-4 a.btn,
#about-4 [data-selia="about-button"] {
  background-color: #22293c !important;
  border-color: #22293c !important;
  color: #ffffff !important;
}

/* لون نص الزر وأي أيقونة داخله */
#about-4 a.btn *,
#about-4 [data-selia="about-button"] * {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

/* تأثير عند المرور على الزر */
#about-4 a.btn:hover,
#about-4 [data-selia="about-button"]:hover {
  background-color: #1b2133 !important;
  border-color: #1b2133 !important;
  color: #ffffff !important;
}