/* Timesaver Gold Theme Override */
/* Main Gold Color: RGB(185, 137, 72) = #B98948 */

/* Gold Color Palette */
:root {
  --gold-primary: #B98948;
  --gold-dark: #A6783F;
  --gold-light: #D4A574;
  --gold-lighter: #E8C99A;
  --gold-lightest: #F5E6D3;
}

/* Primary Button Colors with Gold Gradient */
.primary-button {
  background: linear-gradient(135deg, #B98948 0%, #D4A574 50%, #B98948 100%) !important;
  border-color: #B98948 !important;
  box-shadow: 0 4px 15px rgba(185, 137, 72, 0.3) !important;
}

.primary-button:hover {
  background: linear-gradient(135deg, #A6783F 0%, #B98948 50%, #A6783F 100%) !important;
  border-color: #A6783F !important;
  box-shadow: 0 6px 20px rgba(185, 137, 72, 0.4) !important;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

/* Theme Color Classes */
.text-theme-color-03 {
  color: #B98948 !important;
}

.bg-theme-color-03 {
  background: linear-gradient(135deg, #B98948 0%, #D4A574 100%) !important;
}

/* Hero Section with Gold Gradient */
.hero-section {
  background: linear-gradient(180deg, #FFFFFF 0%, #FFF9F6 30%, #FFE4DA 60%, #F5E6D3 100%) !important;
}

/* Links and Accents */
a.text-theme-color-03,
.footer-menu-item p.text-theme-color-03 {
  color: #B98948 !important;
}

a.text-theme-color-03:hover {
  color: #A6783F !important;
}

/* Calculator Active Button */
.calc-toggle button.active {
  background: linear-gradient(135deg, #B98948 0%, #D4A574 100%) !important;
  color: #fff !important;
  box-shadow: 0 2px 8px rgba(185, 137, 72, 0.3) !important;
}

/* Calculator Gradient Override - Solid Gold */
.calc-right {
  background: #B98948 !important;
  color: #FFFFFF !important;
}

/* Calculator Results Text Color */
#results,
.calc-right #results,
.calc-right {
  color: #FFFFFF !important;
}

/* Input Range Slider (Webkit) */
input[type="range"]::-webkit-slider-thumb {
  background: linear-gradient(135deg, #B98948 0%, #D4A574 100%) !important;
  box-shadow: 0 2px 6px rgba(185, 137, 72, 0.4) !important;
}

input[type="range"]::-moz-range-thumb {
  background: linear-gradient(135deg, #B98948 0%, #D4A574 100%) !important;
  box-shadow: 0 2px 6px rgba(185, 137, 72, 0.4) !important;
}

input[type="range"]::-ms-thumb {
  background: linear-gradient(135deg, #B98948 0%, #D4A574 100%) !important;
  box-shadow: 0 2px 6px rgba(185, 137, 72, 0.4) !important;
}

/* Focus States */
*:focus {
  outline-color: #B98948 !important;
  box-shadow: 0 0 0 3px rgba(185, 137, 72, 0.2) !important;
}

/* Dropdown and Navigation Hover States */
.nav-link-2:hover,
.nav-link:hover {
  color: #B98948 !important;
}

/* Testimonial Section Background with Gold Gradient */
.section-bg.bg-theme-color-03 {
  background: none !important;
  background-color: rgba(185, 137, 72, 1) !important;
  background-image: none !important;
  color: rgba(255, 255, 255, 1) !important;
}

/* Footer Links */
.footer-menu-item:hover p {
  color: #B98948 !important;
}

/* Active Tab States with Gold Gradient */
.w-tab-link.w--current {
  color: #B98948 !important;
  border-color: #B98948 !important;
  background: linear-gradient(180deg, rgba(185, 137, 72, 0.1) 0%, rgba(185, 137, 72, 0.05) 100%) !important;
}

/* Benefit Cards with Gold Accents */
.single-benefit-card {
  border-top: 3px solid transparent;
  background: linear-gradient(180deg, #FFFFFF 0%, #FFF9F6 100%);
  transition: all 0.3s ease;
}

.single-benefit-card:hover {
  border-top-color: #B98948;
  box-shadow: 0 8px 24px rgba(185, 137, 72, 0.15);
  transform: translateY(-4px);
}

/* Feature Section Backgrounds */
.feature-section {
  background: linear-gradient(180deg, #FFFFFF 0%, #FFF9F6 50%, #FFFFFF 100%);
}

/* CTA Section with Gold Gradient */
.cta-section {
  background: linear-gradient(135deg, #B98948 0%, #D4A574 50%, #A6783F 100%) !important;
}

/* Text Button with Gold Hover */
.text-button-2:hover {
  color: #B98948 !important;
}

/* Logo Styling */
.logo-header,
.logo {
  max-height: 50px;
  width: auto;
  object-fit: contain;
}

/* Brand Section Background */
.brand-section-02 {
  background: linear-gradient(180deg, #FFFFFF 0%, #FFF9F6 100%);
}

/* FAQ Section with Gold Accents */
.single-faq.w-dropdown:hover {
  border-left: 3px solid #B98948;
}

/* Setup Cards with Gold Gradient on Hover */
.single-benefits-card---setup:hover {
  background: linear-gradient(180deg, #FFF9F6 0%, #FFE4DA 100%);
  border-color: #B98948;
}

/* Section Titles with Gold Color */
.heading-7,
.heading-1,
.display-heading {
  color: #B98948 !important;
}

/* CTA Section Display Heading - White Text */
.cta-section .display-heading {
  color: rgba(255, 255, 255, 1) !important;
}

.heading-7-bolder strong,
.bold-text-for-hero {
  color: #A6783F !important;
}

/* Feature Image Background with Gold Gradient */
.feature-image-bg {
  background: linear-gradient(135deg, #F5E6D3 0%, #E8C99A 25%, #D4A574 50%, #B98948 75%, #A6783F 100%) !important;
  border-radius: 16px;
}

/* CTA Section Body Text Styling */
p.body-text-20-px-regular-3 {
  font-weight: 600 !important;
  font-size: 30px !important;
  color: rgba(255, 255, 255, 1) !important;
}

/* CTA Text Styling - Black text with reduced line height */
p.body-text-20-px-regular-3.cta-text {
  font-size: 20px !important;
  color: rgba(90, 88, 88, 1) !important;
  line-height: 1.4 !important;
}