/* Add custom CSS styles below */ 
/* =========================
   VELORA — LUNA COLORS
========================= */

:root {
  --velora-bg: #FCFAF7;
  --velora-beige: #E6D8C7;
  --velora-light-brown: #B79E84;
  --velora-dark-brown: #5C4738;
  --velora-gold: #C9A35A;
}

/* خلفية المتجر */
html,
body,
.app-inner,
.page-wrapper,
.store-page {
  background-color: var(--velora-bg) !important;
  color: var(--velora-dark-brown) !important;
}

/* الهيدر */
header,
.store-header,
.top-navbar,
.navbar,
.main-menu {
  background-color: var(--velora-bg) !important;
  border-bottom: 1px solid var(--velora-beige) !important;
}

/* روابط الهيدر */
header a,
.store-header a,
.navbar a,
.main-menu a {
  color: var(--velora-dark-brown) !important;
}

header a:hover,
.store-header a:hover,
.navbar a:hover,
.main-menu a:hover {
  color: var(--velora-gold) !important;
}

/* العناوين */
h1,
h2,
h3,
h4,
h5,
h6,
.section-title,
.title {
  color: var(--velora-dark-brown) !important;
}

/* النصوص */
p,
span,
li {
  color: var(--velora-dark-brown);
}

/* الأزرار الرئيسية */
.btn-primary,
.s-button-primary,
button[type="submit"],
.add-to-cart,
.product-form .btn {
  background-color: var(--velora-dark-brown) !important;
  border-color: var(--velora-dark-brown) !important;
  color: #ffffff !important;
  border-radius: 8px !important;
}

.btn-primary:hover,
.s-button-primary:hover,
button[type="submit"]:hover,
.add-to-cart:hover {
  background-color: var(--velora-gold) !important;
  border-color: var(--velora-gold) !important;
  color: var(--velora-dark-brown) !important;
}

/* الأزرار الخارجية */
.btn-outline-primary,
.s-button-outline,
.s-button-outline-primary {
  background-color: transparent !important;
  color: var(--velora-dark-brown) !important;
  border: 1px solid var(--velora-light-brown) !important;
}

.btn-outline-primary:hover,
.s-button-outline:hover,
.s-button-outline-primary:hover {
  background-color: var(--velora-beige) !important;
  color: var(--velora-dark-brown) !important;
}

/* بطاقات المنتجات */
.product-entry,
.product-card,
.s-product-card-entry,
.product-item {
  background-color: #ffffff !important;
  border: 1px solid var(--velora-beige) !important;
  border-radius: 10px !important;
  box-shadow: 0 4px 16px rgba(92, 71, 56, 0.06) !important;
  overflow: hidden;
  transition: 0.3s ease;
}

.product-entry:hover,
.product-card:hover,
.s-product-card-entry:hover,
.product-item:hover {
  border-color: var(--velora-gold) !important;
  box-shadow: 0 8px 22px rgba(92, 71, 56, 0.1) !important;
  transform: translateY(-3px);
}

/* أسماء المنتجات */
.product-entry h3,
.product-card h3,
.s-product-card-entry h3,
.product-title,
.s-product-card-content-title {
  color: var(--velora-dark-brown) !important;
}

/* السعر */
.price,
.product-price,
.s-product-card-price,
.s-product-card-sale-price {
  color: var(--velora-dark-brown) !important;
  font-weight: 700 !important;
}

/* السعر القديم */
.old-price,
.price-before,
s {
  color: var(--velora-light-brown) !important;
}

/* شارات الخصم */
.badge,
.badge-danger,
.sale-badge,
.s-product-card-promotion-title {
  background-color: var(--velora-gold) !important;
  color: var(--velora-dark-brown) !important;
}

/* الأقسام */
.category-entry,
.category-card,
.s-block--categories .slide--one-sixth {
  color: var(--velora-dark-brown) !important;
}

.category-entry img,
.category-card img,
.s-block--categories img {
  border: 2px solid var(--velora-beige) !important;
}

.category-entry:hover img,
.category-card:hover img,
.s-block--categories a:hover img {
  border-color: var(--velora-gold) !important;
}

/* الأسئلة الشائعة */
.s-accordion-item,
.accordion-item,
.faq-item {
  background-color: var(--velora-beige) !important;
  border-color: var(--velora-light-brown) !important;
}

.s-accordion-item button,
.accordion-item button,
.faq-item button {
  color: var(--velora-dark-brown) !important;
}

/* الحقول */
input,
textarea,
select,
.form-control,
.s-form-control {
  background-color: #ffffff !important;
  color: var(--velora-dark-brown) !important;
  border: 1px solid var(--velora-light-brown) !important;
  border-radius: 8px !important;
}

input:focus,
textarea:focus,
select:focus,
.form-control:focus,
.s-form-control:focus {
  border-color: var(--velora-gold) !important;
  box-shadow: 0 0 0 3px rgba(201, 163, 90, 0.15) !important;
}

/* الفوتر */
footer h3,
footer h4,
.store-footer h3,
.store-footer h4 {
    color: #5C4738 !important;
}
}

footer h3,
footer h4,
.store-footer h3,
.store-footer h4 {
  color: var(--velora-gold) !important;
}

footer p,
footer a,
.store-footer p,
.store-footer a {
  color: var(--velora-bg) !important;
}

footer a:hover,
.store-footer a:hover {
  color: var(--velora-gold) !important;
}

/* شريط الإعلانات */
.announcement-bar,
.top-bar,
.salla-advertisement {
  background-color: var(--velora-light-brown) !important;
  color: #ffffff !important;
}

/* أيقونة واتساب */
.salla-whatsapp,
.whatsapp-button,
.floating-whatsapp {
  background-color: var(--velora-gold) !important;
  color: var(--velora-dark-brown) !important;
}

/* تحديد النص */
::selection {
  background-color: var(--velora-gold);
  color: var(--velora-dark-brown);
}