/*==================================================================
  RUDHRAM INDUSTRIES — THEME COLOR OVERRIDE
  Colors pulled from the logo: deep teal/emerald + gold ring
  HOW TO USE: link this file AFTER style.css in header.php, e.g.:
  <link rel="stylesheet" href="assets/css/style.css">
  <link rel="stylesheet" href="assets/css/rudhram-theme-override.css">

  This works because the whole template is built on the single
  CSS variable --primary-color1, used for borders, buttons, text,
  icons and headings site-wide. Changing it here re-themes the
  entire site without touching style.css.
===================================================================*/

:root {
  /* Deep teal/emerald from the logo background */
  --primary-color1: #0B4F44;

  /* Gold from the logo's ring, used below for accents */
  --gold-color: #C9A356;

  /* Warm off-white background used behind banners/sections */
  --bg-color: #F5F1E6;
}

/* ---- Gold accents on key highlight elements ---- */

/* Discount / badge tags (New, -15%, Hot, etc.) */
.product-card .product-card-img > a .batch > span,
.product-card2 .batch > span,
.batch > span {
  background-color: var(--gold-color) !important;
}

/* Price emphasis */
.product-card .product-card-content .price,
.product-card2 .product-card-content > span {
  color: var(--primary-color1);
}

/* Star ratings stay gold (already default #ffc107 — left as-is on purpose,
   change below if you want star color to match the logo gold exactly) */
.rating ul li i,
.say-about-card-top ul li i,
.testimonial-content .author-rating i {
  color: var(--gold-color);
}

/* Header category button & primary buttons get a subtle gradient nod to the logo */
.primary-btn1,
header .category-dropdown .category-button {
  background-color: var(--primary-color1);
  border-color: var(--primary-color1);
}

/* "Hurry up" / discount badge circles on offer sections */
.hurry-bg svg,
.discount svg {
  fill: var(--gold-color) !important;
}

/* Footer / banner-footer background tint (soft teal-tinted neutral) */
.banner-footer {
  background: #E6EEEC;
}

/* Just-for-you / exclusive / say-about section background tints,
   swapped from the template's mismatched blue/green/pink to teal family */
.just-for-section {
  background-color: #EEF5F2;
}
.exclusive-product-section {
  background: #E3EFEA;
}
.say-about-section {
  background: #F1F7F5;
}