/*
 * Finds Design & Decor retailer theme
 * Shared visual polish for active frontend pages.
 */

:root {
  --ivy-ink: #222222;
  --ivy-black: #111111;
  --ivy-text: #4c4c4c;
  --ivy-muted: #747474;
  --ivy-ivory: #ffffff;
  --ivy-cream: #f9f9f9;
  --ivy-border: #d4d4d4;
  --ivy-gold: #ffde03;
  --ivy-gold-dark: #e4c600;
  --ivy-card: #ffffff;
  --ivy-shadow-sm: 0 8px 22px rgba(23, 23, 23, 0.04);
  --ivy-shadow-md: 0 14px 34px rgba(23, 23, 23, 0.08);
  --ivy-shadow-lg: 0 18px 44px rgba(23, 23, 23, 0.12);

  --brand-primary: var(--ivy-ink);
  --brand-primary-light: #4a4a4a;
  --brand-primary-dark: var(--ivy-black);
  --brand-secondary: var(--ivy-cream);
  --brand-secondary-light: #ffffff;
  --brand-secondary-dark: var(--ivy-border);
  --brand-accent: var(--ivy-gold);
  --brand-accent-light: #ffe84f;
  --brand-accent-dark: var(--ivy-gold-dark);
  --global-color: var(--ivy-ink);
  --base: var(--ivy-ink);
}

body {
  color: var(--ivy-text);
  background: var(--ivy-ivory);
}

a {
  color: inherit;
}

a:hover {
  color: var(--ivy-black);
}

.page-hero,
.clearance-hero,
.brand-hero,
.blog-hero,
.newsletter-hero {
  background: linear-gradient(180deg, #ffffff 0%, var(--ivy-cream) 100%) !important;
  color: var(--ivy-ink);
}

.section-title__heading,
.page-hero-title,
.hero-title {
  color: var(--ivy-ink);
  letter-spacing: 0;
}

.section-title__line {
  background: var(--ivy-border) !important;
}

.product-card,
.product-item,
.promo-card,
.single__blog,
.blog_sidebar.card,
.location-card,
.testimonial-item,
.about-summary,
.style-center,
.empty-state {
  border-color: var(--ivy-border) !important;
  background-color: var(--ivy-card) !important;
  box-shadow: var(--ivy-shadow-sm);
}

.section-title__subtitle,
.section-subtitle,
.hero-desc,
.page-hero-description,
.blog-meta,
.product-card__meta,
.breadcrumb__link {
  color: var(--ivy-muted) !important;
}

.form--control,
input,
select,
textarea {
  background: #ffffff !important;
  border-color: var(--ivy-border) !important;
  color: var(--ivy-ink) !important;
}

.form--control:focus,
input:focus,
select:focus,
textarea:focus {
  border-color: var(--ivy-black) !important;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.08) !important;
}

.btn,
.theme-btn,
.cmn--btn,
.location-card__button,
.view-compare-btn {
  border-radius: 4px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.location-card__button,
.view-compare-btn,
.search_inner__button {
  background: var(--ivy-ink) !important;
  border-color: var(--ivy-ink) !important;
  color: #ffffff !important;
}

.btn-warning,
.theme-btn--accent,
.promo-cta {
  background: var(--ivy-gold) !important;
  border-color: var(--ivy-gold) !important;
  color: var(--ivy-black) !important;
}

.location-card__button:hover,
.view-compare-btn:hover,
.search_inner__button:hover {
  background: #2a2a2a !important;
  border-color: #2a2a2a !important;
  color: #ffffff !important;
}

.read-more,
.more-button .read-more,
.promo-type-tag,
.products-count span,
.page-hero-description strong,
.hero-desc strong {
  color: var(--ivy-ink) !important;
}

.pagination .page-item.active .page-link {
  background-color: var(--ivy-black) !important;
  border-color: var(--ivy-black) !important;
  color: #ffffff !important;
}

.badge,
.tag,
.status-badge,
.product-badge,
.promo-badge {
  background: var(--ivy-black) !important;
  color: #ffffff !important;
  border-color: var(--ivy-black) !important;
}