/* Site-wide color theme. Values come from admin Web Settings → Color Theme. */

html,
body {
   background-color: var(--theme-bg, #fff);
   color: var(--theme-text, #0f2a3d);
}

body .section,
body .sr-page,
body .categories-page,
body .catdir-page,
body .store-lst-bread-main,
body .single-str-sec,
body .content-page,
body .blog-grid {
   background-color: transparent;
}

body .categories-page,
body .sr-page {
   background-color: var(--theme-bg, #fff) !important;
}

h1, h2, h3, h4, h5, h6,
.index-tp-heading,
.blog-hero-title,
.blog-card-content h2,
.single-str-title-tp,
.store_list_header_content h2,
.sr-title,
.sr-item h3,
.faq-section__title,
.home-taxonomies-title {
   color: var(--theme-text, #0f2a3d);
}

body a {
   color: var(--theme-primary, #d377b0);
}

.site-header a,
.header-nav a,
.header-top-bar a {
   color: inherit;
}

.footer,
.footer-heading,
.footer-desc p,
.footer-tp-str li a,
.footer a,
.site-footer a {
   color: #fff;
}

.site-footer__about,
.site-footer__subscribe-copy,
.site-footer__copy {
   color: rgba(244, 241, 247, 0.72);
}

.site-footer__links a,
.site-footer__bar-links a {
   color: rgba(244, 241, 247, 0.78);
}

.footer .footer-tp-str a:hover,
.footer-heading span,
.site-footer__links a:hover,
.site-footer__bar-links a:hover {
   color: var(--theme-primary, #d377b0);
}

.header-top-bar i,
.top-bar-text i,
.top-bar-link:hover,
.search-submit-btn,
.header-action-btn:hover {
   color: #fff;
}

.search-submit-btn,
.header-action-btn:hover {
   background: var(--theme-button, #d377b0);
   border-color: var(--theme-button, #d377b0);
   color: var(--theme-button-text, #fff);
}

.header-action-btn,
.mobile-support-btn,
.blog-primary-btn,
.btn-oval.primary,
.btn-oval.outline,
.about-btn,
.about-help-btn,
.chb-cta,
.lof-viewall,
.send_btn,
.btn-primary,
.contact-us-mainwrapper .btn-primary,
.subscribe-mainwrapper .btn-primary,
.modal-radeem-btn,
.sr-empty a,
.action-cta,
a.switchers_items,
a.switchers_items:hover,
a.switchers_items.active {
   background: var(--theme-button, #d377b0) !important;
   border-color: var(--theme-button, #d377b0) !important;
   color: var(--theme-button-text, #fff) !important;
   box-shadow: 0 8px 18px rgba(var(--theme-primary-rgb, 211, 119, 176), 0.24);
}

.header-action-btn:hover,
.mobile-support-btn:hover,
.blog-primary-btn:hover,
.btn-oval.primary:hover,
.btn-oval.outline:hover,
.about-btn:hover,
.about-help-btn:hover,
.chb-cta:hover,
.lof-viewall:hover,
.send_btn:hover,
.btn-primary:hover,
.contact-us-mainwrapper .btn-primary:hover,
.subscribe-mainwrapper .btn-primary:hover,
.modal-radeem-btn:hover,
.sr-empty a:hover,
.action-cta:hover {
   background: var(--theme-button-hover, #b95794) !important;
   border-color: var(--theme-button-hover, #b95794) !important;
   color: var(--theme-button-text, #fff) !important;
}

.btn-oval.outline {
   background: var(--theme-bg, #fff) !important;
   color: var(--theme-accent, #1690b8) !important;
   border-color: rgba(var(--theme-secondary-rgb, 84, 201, 234), 0.35) !important;
}

.index-tp-heading span,
.blog-kicker,
.blog-tag,
.blog-read-more,
.home-taxonomies-eyebrow,
.lof-eyebrow,
.sr-kicker,
.sr-coupon .sr-type,
.sr-pill,
.faq-section__eyebrow,
.faq-section__title span,
.categories-eyebrow {
   color: var(--theme-primary, #d377b0) !important;
}

.index-tp-heading span:before,
.faq-section__title span::after {
   background: var(--theme-primary, #d377b0) !important;
}

.blog-tag,
.sr-pill {
   background: rgba(var(--theme-primary-rgb, 211, 119, 176), 0.12) !important;
}

.index-cpn-str-name,
.single-str-main-cpn-added,
.cpn-badge-type,
.action-cta {
   background: var(--theme-primary, #d377b0) !important;
   color: var(--theme-button-text, #fff) !important;
}

.cpn-badge-verified {
   background: linear-gradient(135deg, var(--theme-secondary, #54c9ea), var(--theme-accent, #1690b8)) !important;
}

.categories-hero {
   background: linear-gradient(115deg, var(--theme-primary, #d377b0) 0%, var(--theme-primary-hover, #af7297) 64%, var(--theme-primary, #d377b0) 100%) !important;
}

.faq-section {
   background: linear-gradient(180deg, var(--theme-bg, #fff) 0%, rgba(var(--theme-primary-rgb, 211, 119, 176), 0.06) 45%, var(--theme-bg, #fff) 100%);
}

.faq-section__eyebrow,
.home-taxonomies-viewall,
.faq-section__visual-card {
   border-color: rgba(var(--theme-primary-rgb, 211, 119, 176), 0.2);
   color: var(--theme-primary-hover, #b95794);
}

.home-taxonomies-viewall {
   color: var(--theme-primary-hover, #b95794) !important;
   background: var(--theme-bg, #fff);
}

.faq-section__eyebrow {
   background: rgba(var(--theme-primary-rgb, 211, 119, 176), 0.12);
   color: var(--theme-primary-hover, #b95794);
}

.search_result_box .hsr-title mark,
.sr-title mark {
   background: rgba(var(--theme-primary-rgb, 211, 119, 176), 0.16);
}

.sr-item:hover {
   background: rgba(var(--theme-primary-rgb, 211, 119, 176), 0.06);
   border-color: rgba(var(--theme-primary-rgb, 211, 119, 176), 0.28);
}

.sr-page {
   background: var(--theme-bg, #f6f8fc);
}

.breadcrumb a.active,
.blog-kicker,
.chb-kicker {
   color: var(--theme-accent, #1690b8);
}
