/* =====================================
   REEM | E-Commerce Services
   Salla - Raed Theme
   Version 1.0
===================================== */

/* 01 - Brand Colors */
:root {
  --reem-bg: #301B35;
  --reem-dark: #27152F;
  --reem-card: #F6EAF0;
  --reem-gold: #D7A65C;
  --reem-purple: #67415F;
  --reem-white: #FFFFFF;
}

/* 02 - Main Background */
html,
body {
  background-color: var(--reem-bg);
}

/* 03 - Product Cards */
.s-product-card-entry {
  background-color: var(--reem-card) !important;
  border: 1px solid var(--reem-gold);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(0,0,0,.12);
}

/* 04 - Product Titles */
.s-product-card-entry__title,
.s-product-card-entry__title a {
  color: var(--reem-dark) !important;
  font-weight: 800;
  line-height: 1.7;
}

/* 05 - Product Description */
.s-product-card-entry p {
  color: var(--reem-purple);
}

/* 06 - Product Prices */
.s-product-card-entry__price,
.s-product-card-price {
  color: var(--reem-purple) !important;
  font-weight: 800;
}

/* 07 - Primary Buttons */
.s-button-primary {
  background: var(--reem-gold) !important;
  color: var(--reem-dark) !important;
  border: 0;
  border-radius: 12px;
  font-weight: 800;
}

/* 08 - Button Hover */
.s-button-primary:hover {
  background: #C3944D !important;
  color: var(--reem-dark) !important;
}
/* REEM - Footer Design */

footer,
.store-footer,
#footer,
.salla-footer {
background-color: #301B35 !important;
color: #F8EDF3 !important;
}

footer h2,
footer h3,
footer h4,
footer .footer-title {
color: #D7A65C !important;
}

footer a,
footer p,
footer span,
footer li {
color: #F8EDF3 !important;
}

footer a:hover {
color: #D7A65C !important;
}
/* REEM - Footer Purple Background */

footer,
.store-footer,
#footer,
footer .container,
footer .footer-container,
footer .footer-top,
footer .footer-bottom,
footer .footer-content,
footer .footer-main,
footer .footer-inner {
  background-color: #301B35 !important;
}

/* Footer text */
footer,
footer h2,
footer h3,
footer h4,
footer p,
footer span,
footer a,
footer li {
  color: #F8EDF3 !important;
}

/* Footer headings */
footer h2,
footer h3,
footer h4 {
  color: #D7A65C !important;
}

/* Footer links hover */
footer a:hover {
  color: #D7A65C !important;
}
/* REEM - Footer Outer Background */

body {
background-color: #301B35;
}

/* Background around footer */
footer,
.store-footer,
#footer {
background-color: #301B35 !important;
}

/* Footer bottom section */
footer .footer-bottom,
footer .footer-bottom-bar,
footer .copyrights {
background-color: #301B35 !important;
}
/* REEM - Product Page Text Fix */

/* Product details */
.s-product,
.product-single,
.product-details {
color: #F8EDF3 !important;
}

/* Product title */
.product-single h1,
.product-details h1,
.s-product h1 {
color: #D7A65C !important;
}

/* Product description */
.product-description,
.product__description,
.s-product-description {
color: #F8EDF3 !important;
}

/* Description text */
.product-description *,
.product__description *,
.s-product-description * {
color: #F8EDF3 !important;
}

/* Headings inside description */
.product-description h1,
.product-description h2,
.product-description h3,
.product__description h1,
.product__description h2,
.product__description h3 {
color: #D7A65C !important;
}

/* Product price */
.product-single .price,
.product-details .price {
color: #D7A65C !important;