/* JATHWAN | Luxury Theme */

:root {
  --j-green: #122C25;
  --j-cream: #FAF7F1;
  --j-beige: #EDE3D3;
}

/* Header - Dark Green */
header,
.site-header,
salla-header,
#mainnav,
.main-nav-container,
.main-nav-container .inner,
.header-wrapper,
.header-components {
  background-color: var(--j-green) !important;
  background-image: none !important;
}

/* Header Text & Icons */
header a,
header button,
header svg,
#mainnav a,
#mainnav button,
#mainnav svg,
.main-nav-container a,
.main-nav-container svg {
  color: var(--j-beige) !important;
}

/* Store Background */
body {
  background-color: var(--j-cream);
}

/* Footer - Dark Green */
footer,
.site-footer,
.salla-footer {
  background-color: var(--j-green) !important;
  color: var(--j-beige) !important;
  margin-top: 0 !important;
}

/* Footer Text */
footer h3,
footer h4,
footer p,
footer a,
footer span {
  color: var(--j-beige) !important;
}

/* Footer Images */
footer img {
  max-width: 100%;
  height: auto;
}

/* Buttons */
.btn-primary {
  background-color: var(--j-green);
  border-color: var(--j-green);
  color: #FFFFFF;
}

/* JATHWAN - Ivory Background */

html,
body,
main,
#app,
.app,
.app-inner,
.store-content,
.main-content {
  background-color: #FAF7F1 !important;
}

/* Keep header and footer dark green */
header,
.site-header,
#mainnav,
.main-nav-container,
footer,
.site-footer,
.salla-footer {
  background-color: #122C25 !important;
}

/* JATHWAN - Header Color Fix */

header,
.site-header,
salla-header,
#mainnav,
.main-nav-container,
.main-nav-container .inner,
.header-wrapper,
.header-components {
  background-color: #122C25 !important;
  background-image: none !important;
}

/* Header icons */
header a,
header button,
header svg,
#mainnav a,
#mainnav button,
#mainnav svg {
  color: #EDE3D3 !important;
}

/* JATHWAN - Space Before Footer */

/* مساحة فاصلة بلون عاجي */
footer,
.site-footer,
.salla-footer {
  margin-top: 32px !important;
}

/* المحافظة على لون الخلفية */
body {
  background-color: #FAF7F1;
}

/* JATHWAN - Product Card Buttons */

salla-add-product-button,
salla-add-product-button button {
  min-width: 0;
  width: 100%;
}

salla-add-product-button button {
  white-space: normal !important;
  height: auto !important;
  min-height: 42px;
  padding: 10px 12px !important;
  line-height: 1.5;
}

salla-add-product-button button span {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

/* JATHWAN - Dark Green Footer */

footer,
.site-footer,
.salla-footer,
#footer {
  background: #122C25 !important;
  background-color: #122C25 !important;
  background-image: none !important;
}

/* Footer text */
footer,
footer p,
footer h3,
footer h4,
footer a,
footer span,
.site-footer,
.site-footer a,
.site-footer p {
  color: #EDE3D3 !important;
}

/* Footer icons */
footer svg,
.site-footer svg {
  color: #EDE3D3 !important;
}

/* JATHWAN - Footer Background Fix */

footer,
footer .container,
footer .footer-container,
footer .footer-top,
footer .footer-bottom,
footer .store-footer,
.site-footer,
.site-footer .container,
.salla-footer,
.salla-footer .container,
#footer,
#footer .container,
salla-footer,
salla-footer .container {
  background-color: #122C25 !important;
  background-image: none !important;
}

/* Footer Text */
footer,
footer p,
footer a,
footer h3,
footer h4,
footer span,
.site-footer,
.site-footer p,
.site-footer a,
salla-footer {
  color: #EDE3D3 !important;
}

/* JATHWAN - Footer White Gap Fix */

footer,
.site-footer,
.salla-footer,
#footer,
salla-footer {
  background-color: #122C25 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Remove gaps around footer content */
footer .container,
.site-footer .container,
.salla-footer .container,
salla-footer .container {
  background-color: #122C25 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Keep comfortable inner spacing */
footer .container,
.site-footer .container {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}

/* JATHWAN - Footer Spacing Fix */
.store-footer {
  margin-top: 0 !important;
}

/* JATHWAN - Footer Background Fix */

.store-footer {
  background-color: #122C25 !important;
  margin-top: 0 !important;
  padding: 0 !important;
}

.store-footer__inner {
  background-color: #122C25 !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 35px 40px !important;
}

.store-footer + div {
  margin-top: 0 !important;
}

/* JATHWAN - Remove Footer Gap */

.store-footer {
  margin-top: 0 !important;
}

@media (min-width: 640px) {
  .store-footer {
    margin-top: 0 !important;
  }
}

/* JATHWAN - Footer Refinement */

.store-footer {
  margin-top: 24px !important;
  padding-top: 32px !important;
  padding-bottom: 24px !important;
  min-height: 0 !important;
  height: auto !important;
}

.store-footer__inner {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  min-height: 0 !important;
}

.store-footer .container {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* JATHWAN - Footer Bottom Refinement */

.store-footer__inner {
  border-bottom: none !important;
}

.store-footer .container {
  border-bottom: none !important;
}

.store-footer .footer-bottom,
.store-footer__bottom {
  border-top: none !important;
  margin-top: 0 !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

/* JATHWAN - Compact Footer */

.store-footer {
  min-height: 0 !important;
  height: auto !important;
  padding-top: 20px !important;
  padding-bottom: 12px !important;
}

.store-footer__inner {
  min-height: 0 !important;
  height: auto !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* JATHWAN - Elegant Footer Divider */

.store-footer__inner {
  border-bottom: 1px solid rgba(255,255,255,0.25) !important;
  padding-bottom: 16px !important;
}

.store-footer {
  padding-bottom: 12px !important;
}

/* JATHWAN - Footer Bottom Spacing */

.store-footer > .container {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
.s-user-menu-login-btn svg {
    color: #D8B878 !important;
    stroke: #D8B878 !important;
}
/* أيقونة السلة */
salla-cart-summary svg {
    color: #D8B878 !important;
    stroke: #D8B878 !important;
}

/* الدائرة الخارجية لأيقونة الحساب */
.s-user-menu-login-btn {
    border-color: #FFFFFF !important;
}

/* توحيد إطار وأيقونة السلة */
#s-cart-icon {
    border: 2px solid #D8B878 !important;
    border-radius: 50% !important;
    box-sizing: border-box !important;
}

/* لون أيقونة السلة */
#s-cart-icon .sicon-shopping-bag {
    color: #D8B878 !important;
}
/* إزالة الإطار الزائد حول السلة */
#s-cart-icon {
    border: none !important;
}
/* تغيير الإطار الأبيض للسلة إلى ذهبي */
.s-cart-summary-wrapper {
    border-color: #D8B878 !important;
}
/* لون مبلغ السلة بالذهبي */
.s-cart-summary-total,
.s-cart-summary-count,
salla-cart-summary .s-cart-summary-total {
    color: #D8B878 !important;
}

/* جذوان | لون أيقونة القائمة */
.store-header .menu-icon,
.store-header .sicon-menu,
.store-header .sicon-menu-line,
.store-header .sicon-menu-lines {
  color: #D8B878 !important;
  stroke: #D8B878 !important;
}

/* جذوان | أسعار المنتجات بالذهبي */
.s-product-card-price,
.s-product-card-sale-price,
.s-product-card-regular-price {
  color: #D8B878 !important;
}
/* تقليل المسافة تحت السعر */
.s-product-card-content-sub {
    margin-bottom: 0.25rem !important;
}

/* جذوان | لون أيقونة المفضلة */
.s-product-card-wishlist-btn,
.s-product-card-wishlist-btn i,
.s-product-card-wishlist-btn svg {
    color: #D8B878 !important;
    stroke: #D8B878 !important;
}

/* جذوان | تنسيق زر أضف إلى السلة */
.s-product-card-content-footer button {
    border: 1.5px solid #D8B878 !important;
    border-radius: 12px !important;
    background-color: #FFFFFF !important;
    color: #202A25 !important;
}

/* لون أيقونة السلة داخل الزر */
.s-product-card-content-footer button i,
.s-product-card-content-footer button svg {
    color: #202A25 !important;
    stroke: #202A25 !important;
}

/* جذوان | تنسيق شريط البحث */
.header-search,
.search-bar,
.search-input,
.s-search-input {
    background-color: #F8F5F0 !important;
    border: 1px solid #D8B878 !important;
    border-radius: 30px !important;
}

/* حقل البحث */
.header-search input,
.search-bar input,
.search-input input,
.s-search-input input {
    background: transparent !important;
    color: #202A25 !important;
}

/* لون النص الإرشادي */
.header-search input::placeholder,
.search-bar input::placeholder,
.search-input input::placeholder {
    color: #8B806D !important;
}

/* أيقونة البحث */
.header-search svg,
.search-bar svg,
.search-input svg,
.s-search-input svg {
    color: #D8B878 !important;
    stroke: #D8B878 !important;
}

/* تنسيق قسم مميزات جذوان */
.s-block--features__item {
background-color: #F8F5F0 !important;
  border: 1px solid #D8B878 !important;
  border-radius: 16px !important;
  padding: 24px 14px !important;
  box-shadow: none !important;
  text-align: center !important;
}

/* تنسيق دوائر الأيقونات */
.s-block--features .s-block-features__item
:is(.feature-icon, .s-block-features__icon) {
  background-color: #202A25 !important;
  color: #D8B878 !important;
  border-radius: 50% !important;
}

/* تنسيق النصوص */
.s-block--features .s-block-features__item h3 {
  color: #202A25 !important;
  font-weight: 700 !important;
}

.s-block--features .s-block-features__item p {
  color: #746F68 !important;
  line-height: 1.8 !important;
}


/* أيقونات مميزات جذوان */
.s-block--features .s-block--features__item svg,
.s-block--features .s-block--features__item svg *,
.s-block--features .s-block--features__item i {
  color: #D8B878 !important;
  stroke: #D8B878 !important;
}

/* الحفاظ على الدوائر الخضراء */
.s-block--features .feature-icon,
.s-block--features .s-block--features__icon {
  background-color: #202A25 !important;
}

/* تنسيق فوتر جذوان */
.store-footer {
  background-color: #102A22 !important;
}

/* عناوين الفوتر */
.store-footer h2,
.store-footer h3,
.store-footer h4 {
  color: #D8B878 !important;
  font-weight: 700 !important;
}

/* النصوص */
.store-footer p {
  color: #E8DED0 !important;
  line-height: 1.9 !important;
}

/* الروابط */
.store-footer a {
  color: #E8DED0 !important;
}

/* تحسين الفوتر على الجوال */
@media (max-width: 767px) {
  .store-footer p {
    font-size: 14px !important;
    line-height: 1.9 !important;
  }

  .store-footer h2,
  .store-footer h3,
  .store-footer h4 {
    font-size: 19px !important;
    line-height: 1.5 !important;
  }
}

/* تحسين مقدمة جذوان على الجوال */
@media (max-width: 767px) {
  .s-block--bundle-hero-area p {
    font-size: 15px !important;
    line-height: 1.7 !important;
  }

  .s-block--bundle-hero-area {
    padding-bottom: 16px !important;
  }
}

/* جذوان | تحسين تفاصيل صفحة المنتج */

/* اسم المنتج */
body:has(.s-product-options-wrapper) h1 {
  font-size: 23px !important;
  line-height: 1.6 !important;
  font-weight: 600 !important;
  color: #202A25 !important;
}

/* وصف المنتج */
body:has(.s-product-options-wrapper)
.product__description {
  font-size: 15px !important;
  line-height: 1.9 !important;
  color: #746F68 !important;
}

/* السعر */
body:has(.s-product-options-wrapper)
.s-product-price {
  color: #D8B878 !important;
  font-weight: 700 !important;
}

/* جذوان | تنسيق صفحة المنتج */

/* عنوان المنتج */
body.product-single [data-testid="store-product-title"] {
  font-size: 19px !important;
  line-height: 1.6 !important;
  font-weight: 600 !important;
  color: #202A25 !important;
}

/* السعر */
body.product-single [data-testid="store-product-price"],
body.product-single [data-testid="store-product-price"] * {
  color: #D8B878 !important;
  font-weight: 700 !important;
}

/* وصف المنتج */
body.product-single [data-testid="store-product-description"],
body.product-single [data-testid="store-product-description"] * {
  font-size: 13px !important;
  line-height: 1.9 !important;
  font-weight: 400 !important;
  color: #746F68 !important;
}

/* جذوان | تنسيق خيارات المنتج */

/* خلفية خانات الطلب */
body.product-single [data-testid="store-product-form"] {
  --jathwan-gold: #D8B878;
  --jathwan-green: #202A25;
}

/* بطاقات خيارات المنتج */
body.product-single [data-testid="store-product-form"]
.form-group {
  background: #F8F5F0 !important;
  border: 1px solid #D8B878 !important;
  border-radius: 14px !important;
  padding: 16px !important;
  box-shadow: none !important;
}

/* عناوين الحقول */
body.product-single [data-testid="store-product-form"]
label {
  color: #202A25 !important;
  font-weight: 600 !important;
}

/* قائمة اختيار الوزن */
body.product-single [data-testid="store-product-form"]
select {
  border: 1px solid #D8B878 !important;
  border-radius: 10px !important;
  background-color: #FFFFFF !important;
  color: #202A25 !important;
}

/* جذوان | تنسيق سعر المنتج */
body.product-single h2.total-price {
  color: #D8B878 !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
}

/* جذوان | أزرار زيادة ونقصان الكمية */
body.product-single
salla-quantity-input .s-quantity-input-button {
  color: #202A25 !important;
  background-color: #FFFFFF !important;
  border-color: #D8B878 !important;
}

/* لون رموز + و - */
body.product-single
salla-quantity-input .s-quantity-input-button svg {
  color: #D8B878 !important;
  stroke: #D8B878 !important;
}

/* إطار مجموعة الكمية */
body.product-single
salla-quantity-input.s-quantity-input {
  border-color: #D8B878 !important;
}

/* JATHWAN | Product Card Add to Cart */

.s-product-card-content-footer
salla-add-product-button button.s-button-element {
  background-color: #202A25 !important;
  color: #FFFFFF !important;
  border: 1px solid #202A25 !important;
  border-radius: 12px !important;
  font-weight: 600 !important;
}

/* Text and icon */
.s-product-card-content-footer
salla-add-product-button button.s-button-element,
.s-product-card-content-footer
salla-add-product-button button.s-button-element svg {
  color: #FFFFFF !important;
  stroke: #FFFFFF !important;
}

/* Hover effect */
@media (hover: hover) {
  .s-product-card-content-footer
  salla-add-product-button button.s-button-element:hover {
    background-color: #D8B878 !important;
    border-color: #D8B878 !important;
    color: #202A25 !important;
  }
}

/* JATHWAN | Luxury Cart Icon */
.s-product-card-content-footer
salla-add-product-button button::after {
  content: "" !important;
  display: inline-block !important;
  width: 20px !important;
  height: 20px !important;
  flex-shrink: 0 !important;
  margin-right: 8px !important;
  background: currentColor !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h16l-1 13H5L4 8Z'/%3E%3Cpath d='M9 9V6a3 3 0 0 1 6 0v3'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h16l-1 13H5L4 8Z'/%3E%3Cpath d='M9 9V6a3 3 0 0 1 6 0v3'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

/* JATHWAN | Align Cart Button */

.s-product-card-content-footer
salla-add-product-button button.s-button-element {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  white-space: nowrap !important;
  font-size: 14px !important;
  padding: 10px 8px !important;
  min-width: 0 !important;
}

.s-product-card-content-footer
salla-add-product-button button::after {
  margin: 0 !important;
  width: 18px !important;
  height: 18px !important;
  flex-shrink: 0 !important;
}

/* JATHWAN | Align Cart Button */

.s-product-card-content-footer
salla-add-product-button button.s-button-element {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  white-space: nowrap !important;
  font-size: 14px !important;
  padding: 10px 8px !important;
  min-width: 0 !important;
}

.s-product-card-content-footer
salla-add-product-button button::after {
  margin: 0 !important;
  width: 18px !important;
  height: 18px !important;
  flex-shrink: 0 !important;
}

/* JATHWAN | Cart Icon Right Side */

@media (max-width: 767px) {
  .s-product-card-content-footer
  salla-add-product-button button.s-button-element {
    flex-direction: row !important;
    direction: rtl !important;
  }

  .s-product-card-content-footer
  salla-add-product-button button::after {
    order: -1 !important;
    margin: 0 !important;
  }
}

/* JATHWAN | Cart Icon and Text Alignment */
@media (max-width: 767px) {
  .s-product-card-content-footer
  salla-add-product-button button.s-button-element {
    display: flex !important;
    direction: rtl !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px !important;
  }

  .s-product-card-content-footer
  salla-add-product-button button::after {
    position: static !important;
    order: -1 !important;
    margin: 0 !important;
    flex: 0 0 18px !important;
  }

  .s-product-card-content-footer
  salla-add-product-button button > span {
    flex: 0 0 auto !important;
    width: auto !important;
    margin: 0 !important;
  }
}