/* ========================================
   THE FAT MONEY - Brand Color Stylesheet
   Primary: #274084
   Secondary: #274084
   Dark: #231f20
   Gradient: radial-gradient(#eee58a)
   ======================================== */

/* Enhanced Heading Styles */
h1,
h2,
h3 {
  color: #274084 !important;
  font-weight: 700;
  letter-spacing: -0.5px;
}

h4,
h5,
h6 {
  color: #274084 !important;
  font-weight: 600;
}

/* Section Titles with Sophisticated Accent */
.section-title h2 {
  color: #274084 !important;
  position: relative;
  padding-top: 10px;
}

.section-title .sub-title {
  color: #274084 !important;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2px;
}

/* Icon Styling with Primary Color */
.icon-box,
.feature-icon,
.service-icon,
i.icon {
  color: #274084 !important;
}

/* Button Sophisticated Gradient */
.theme-btn,
.btn-primary,
button[type="submit"] {
  background: linear-gradient(135deg, #274084 0%, #1a2d5c 100%);
  border: 2px solid #274084;
  color: #ffffff !important;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 4px 15px rgba(39, 64, 132, 0.2);
}

.theme-btn:hover,
.btn-primary:hover {
  background: linear-gradient(135deg, #1a2d5c 0%, #274084 100%);
  box-shadow: 0 8px 25px rgba(39, 64, 132, 0.3);
  transform: translateY(-2px);
  border-color: #1a2d5c;
}

/* Links and Interactive Elements */
a:hover,
.nav-link:hover,
.menu-item a:hover {
  color: #274084 !important;
  transition: color 0.3s ease;
}

/* Active States */
.active,
.current,
.menu-item.current-menu-item a,
.nav-link.active {
  color: #274084 !important;
  font-weight: 600;
}

/* Card and Box Hover Effects */
.card:hover,
.service-item:hover,
.feature-item:hover,
.blog-item:hover {
  border-top: 3px solid #274084;
  box-shadow: 0 15px 45px rgba(39, 64, 132, 0.15);
  transform: translateY(-5px);
  transition: all 0.4s ease;
}

/* Accent Gradient Background for Special Sections */
.accent-gradient,
.highlight-box,
.promo-banner {
  background: radial-gradient(circle at center, #eee58a 0%, #f5eca0 50%, #fdf5b8 100%);
  padding: 20px;
  border-radius: 10px;
}

/* Counter and Statistics with Primary Color */
.counter,
.statistic-number,
.achievement-number {
  color: #274084 !important;
  font-weight: 800;
}

/* Form Elements Focus States */
input:focus,
textarea:focus,
select:focus,
.form-control:focus {
  border-color: #274084 !important;
  box-shadow: 0 0 0 0.25rem rgba(39, 64, 132, 0.25) !important;
  outline: none;
}

/* Pricing Table Active State */
.pricing-table.active,
.pricing-card.featured {
  border: 2px solid #274084;
  box-shadow: 0 20px 50px rgba(39, 64, 132, 0.2);
  position: relative;
  transform: scale(1.05);
}

/* Footer Headings */
.footer-column h4,
.footer-title {
  color: #274084 !important;
  margin-bottom: 20px;
}

/* Social Media Icons */
.social-link a:hover,
.social-links a:hover {
  background-color: #274084 !important;
  color: #ffffff !important;
  transform: translateY(-3px);
  box-shadow: 0 5px 15px rgba(39, 64, 132, 0.3);
}

/* Progress Bars and Loaders */
.progress-bar,
.skill-bar-fill {
  background: linear-gradient(90deg, #274084 0%, #1a2d5c 100%);
}

/* Badges and Tags */
.badge,
.tag,
.label {
  background-color: #274084;
  color: #ffffff;
  padding: 5px 15px;
  border-radius: 20px;
  font-weight: 600;
}

/* Testimonial Accents */
.testimonial-item:before,
.quote-icon {
  color: #274084 !important;
}

/* Timeline and Process Indicators */
.timeline-marker,
.process-number,
.step-indicator {
  background: radial-gradient(circle, #eee58a, #f5eca0);
  border: 3px solid #274084;
  color: #231f20;
  font-weight: 700;
}

/* Preloader/Loader Override - No Yellow */
.preloader {
  background-color: #ffffff !important;
}

.preloader .loading-wrapper .loading {
  border-color: transparent #274084 transparent #274084 !important;
}

.preloader .loading,
.preloader .loading-wrapper,
.preloader .loading-wrapper .loading {
  border-color: transparent #274084 transparent #274084 !important;
  background: transparent !important;
}

/* Progress bars and loaders - No Yellow */
.progress-bar,
.loading:not(.preloader .loading) {
  background: linear-gradient(90deg, #274084 0%, #1a2d5c 100%) !important;
}

.skill-bar-fill {
  background: linear-gradient(90deg, #274084 0%, #1a2d5c 100%) !important;
}

/* Sophisticated Border Accents */
.bordered-element,
.content-box {
  border-left: 4px solid #274084;
  padding-left: 20px;
}

/* Hero Section Enhancements */
.hero-title,
.page-title {
  color: #274084 !important;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
}

/* Special Accent Elements */
.accent-line,
.divider {
  height: 3px;
  background: linear-gradient(90deg, transparent 0%, #274084 50%, transparent 100%);
  margin: 30px 0;
}

/* Navigation Active Indicators */
.navbar .nav-item.active .nav-link,
.primary-menu .menu-item.current>a {
  color: #274084 !important;
  border-bottom: 2px solid #274084;
}

/* Overlay Effects with Brand Colors */
.overlay-primary {
  background: linear-gradient(135deg, rgba(39, 64, 132, 0.9) 0%, rgba(35, 31, 32, 0.85) 100%);
}

/* Sophisticated Shadow Effects */
.shadow-primary {
  box-shadow: 0 10px 40px rgba(39, 64, 132, 0.2);
}

.shadow-primary-lg {
  box-shadow: 0 20px 60px rgba(39, 64, 132, 0.25);
}

/* Blockquote Styling */
blockquote {
  border-left: 4px solid #274084;
  padding-left: 20px;
  font-style: italic;
  color: #231f20;
}

/* Service Cards Icon Background */
.service-card .icon-wrapper {
  background: radial-gradient(circle, #eee58a 0%, #f5eca0 100%);
  border: 2px solid #274084;
  padding: 20px;
  border-radius: 50%;
  display: inline-block;
}

/* CTA Sections */
.cta-section {
  background: linear-gradient(135deg, #274084 0%, #1a2d5c 100%);
  color: #ffffff;
}

.cta-section h2,
.cta-section h3,
.cta-section p {
  color: #ffffff !important;
}

/* Accordion and Tab Active States */
.accordion-item.active .accordion-header,
.tab-item.active {
  background-color: #274084;
  color: #ffffff;
}

/* Search and Input Icons */
.input-group-text,
.search-icon {
  background-color: #274084;
  color: #ffffff;
  border-color: #274084;
}

/* Pagination Active Page */
.pagination .page-item.active .page-link {
  background-color: #274084;
  border-color: #274084;
  color: #ffffff;
}

/* Newsletter Subscribe Button */
.newsletter-form button,
.subscribe-btn {
  background: linear-gradient(135deg, #274084 0%, #1a2d5c 100%);
  border: none;
  color: #ffffff;
  padding: 12px 30px;
  font-weight: 600;
  transition: all 0.3s ease;
}

.newsletter-form button:hover {
  background: linear-gradient(135deg, #1a2d5c 0%, #274084 100%);
  box-shadow: 0 8px 20px rgba(39, 64, 132, 0.3);
}

/* Mobile Menu Toggle */
.navbar-toggler,
.mobile-menu-btn {
  color: #274084 !important;
  border-color: #274084 !important;
}

/* Responsive Design Enhancements */
@media (max-width: 768px) {
  h1 {
    font-size: 36px;
  }

  h2 {
    font-size: 28px;
  }

  .section-title h2 {
    font-size: 32px;
  }
}

/* Print Styles for Professional Documents */
@media print {

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    color: #274084 !important;
  }

  .no-print {
    display: none;
  }
}