/* ========================================
   PREMIUM VISUAL ENHANCEMENTS - Orange Gradient Theme
   Shared styles for consistent look across all pages
   ======================================== */

/* Animated Gradient Primary Buttons */
.btn-primary {
  background: linear-gradient(135deg, #F6650F 0%, #FF8C42 50%, #1B4F91 100%) !important;
  background-size: 200% 200% !important;
  border: none !important;
  box-shadow: 0 4px 15px rgba(246, 101, 15, 0.35) !important;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
  position: relative;
  overflow: hidden;
}

.btn-primary::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.25), transparent);
  transition: left 0.5s ease;
}

.btn-primary:hover {
  background-position: 100% 50% !important;
  box-shadow: 0 8px 25px rgba(246, 101, 15, 0.5), 0 0 20px rgba(255, 140, 66, 0.3) !important;
  transform: translateY(-3px) !important;
}

.btn-primary:hover::before {
  left: 100%;
}

/* Gradient Text for Section Headers */
.text-primary {
  background: linear-gradient(135deg, #F6650F, #FF8C42, #1B4F91) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* KPI Section Enhancement - Only for container-fluid sections, not page headers */
.container-fluid.bg-secondary:not(.page-header) {
  background: linear-gradient(135deg, #1B4F91 0%, #0d2d5a 50%, #F6650F 100%) !important;
  position: relative;
}

.container-fluid.bg-secondary:not(.page-header)::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: 
    radial-gradient(circle at 20% 80%, rgba(246, 101, 15, 0.15) 0%, transparent 50%),
    radial-gradient(circle at 80% 20%, rgba(255, 140, 66, 0.1) 0%, transparent 50%);
  pointer-events: none;
}

.kpi-icon {
  background: linear-gradient(135deg, #F6650F, #FF8C42) !important;
  padding: 15px;
  border-radius: 50%;
  box-shadow: 0 4px 15px rgba(246, 101, 15, 0.4);
  transition: all 0.3s ease;
}

.kpi-icon:hover {
  transform: scale(1.1) rotate(5deg);
  box-shadow: 0 8px 25px rgba(246, 101, 15, 0.6);
}

.kpi-icon i {
  color: #ffffff !important;
}

/* Counter Values Glow */
.counter-value {
  text-shadow: 0 0 20px rgba(246, 101, 15, 0.5);
}

/* Testimonial Cards Enhancement */
.testimonial-item {
  background: linear-gradient(145deg, #ffffff 0%, #f8f9fc 100%) !important;
  border: 1px solid rgba(246, 101, 15, 0.1) !important;
  border-radius: 16px !important;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
  position: relative;
  overflow: hidden;
}

.testimonial-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 0;
  background: linear-gradient(180deg, #F6650F, #FF8C42, #1B4F91);
  transition: height 0.4s ease;
}

.testimonial-item:hover {
  transform: translateY(-8px) !important;
  box-shadow: 0 20px 40px rgba(246, 101, 15, 0.15), 0 0 0 1px rgba(246, 101, 15, 0.1) !important;
}

.testimonial-item:hover::before {
  height: 100%;
}

/* Star Rating Colors */
.testimonial-item .fa-star {
  color: #F6650F !important;
  text-shadow: 0 0 8px rgba(246, 101, 15, 0.3);
}

/* FAQ Accordion Enhancement */
.accordion-button:not(.collapsed) {
  background: linear-gradient(90deg, rgba(246, 101, 15, 0.1), rgba(255, 140, 66, 0.05)) !important;
  border-left: 4px solid #F6650F !important;
}

.accordion-item {
  border: 1px solid rgba(246, 101, 15, 0.15) !important;
  transition: all 0.3s ease;
}

.accordion-item:hover {
  box-shadow: 0 4px 20px rgba(246, 101, 15, 0.12);
}

/* Contact Section Icon Circles */
.btn-square.rounded-circle,
.flex-shrink-0.btn-square {
  background: linear-gradient(135deg, #F6650F, #FF8C42) !important;
  box-shadow: 0 6px 20px rgba(246, 101, 15, 0.35) !important;
  transition: all 0.3s ease !important;
}

.btn-square.rounded-circle:hover,
.flex-shrink-0.btn-square:hover {
  transform: scale(1.1) !important;
  box-shadow: 0 10px 30px rgba(246, 101, 15, 0.5) !important;
}

/* Form Submit Button */
.contact-form button[type="submit"],
.form-card button[type="submit"] {
  background: linear-gradient(135deg, #F6650F 0%, #FF8C42 50%, #1B4F91 100%) !important;
  background-size: 200% 200% !important;
  border: none !important;
  transition: all 0.4s ease !important;
}

.contact-form button[type="submit"]:hover,
.form-card button[type="submit"]:hover {
  background-position: 100% 50% !important;
  box-shadow: 0 8px 25px rgba(246, 101, 15, 0.45) !important;
}

/* Back to Top Button */
.back-to-top {
  background: linear-gradient(135deg, #F6650F, #FF8C42) !important;
  box-shadow: 0 4px 15px rgba(246, 101, 15, 0.4) !important;
  transition: all 0.3s ease !important;
}

.back-to-top:hover {
  background: linear-gradient(135deg, #FF8C42, #F6650F) !important;
  transform: translateY(-5px) !important;
  box-shadow: 0 8px 25px rgba(246, 101, 15, 0.6) !important;
}

/* Footer Enhancement */
.footer {
  background: linear-gradient(180deg, #0d1b2a 0%, #1B4F91 100%) !important;
  position: relative;
}

.footer::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #F6650F, #FF8C42, #6FB1FC, #1B4F91);
}

.text-footer {
  background: linear-gradient(90deg, #F6650F, #FF8C42) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* Pulse Animation for Key Elements */
@keyframes subtlePulse {
  0%, 100% { box-shadow: 0 4px 15px rgba(246, 101, 15, 0.35); }
  50% { box-shadow: 0 4px 25px rgba(246, 101, 15, 0.55); }
}

.btn-primary:focus {
  animation: subtlePulse 2s infinite;
}

/* Link Hover Effects */
a:not(.btn):not(.nav-link):hover {
  color: #F6650F !important;
}

/* Google Reviews Button Enhancement */
.btn-google-reviews {
  background: linear-gradient(135deg, #F6650F 0%, #FF8C42 50%, #1B4F91 100%) !important;
  background-size: 200% 200% !important;
  box-shadow: 0 4px 20px rgba(246, 101, 15, 0.35) !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  border: none !important;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
  position: relative;
  overflow: hidden;
}

.btn-google-reviews::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
  transition: left 0.5s ease;
}

.btn-google-reviews:hover {
  background-position: 100% 50% !important;
  box-shadow: 0 8px 30px rgba(246, 101, 15, 0.5) !important;
  transform: translateY(-3px) !important;
  color: #ffffff !important;
}

.btn-google-reviews:hover::before {
  left: 100%;
}

/* Navbar Section Styling */
.navbar-section .navbar {
  background: linear-gradient(to right, #F6650F, #FF8C42, #6FB1FC, #1B4F91, #3056d3);
  padding: 0.75rem 0;
  z-index: 999;
  transition: all 0.3s ease;
}

.navbar-section .dropdown-menu {
  background-color: #1B4F91;
  border: none;
}

.navbar-section .dropdown-item {
  color: #ffffff;
  transition: background-color 0.3s ease;
}

.navbar-section .dropdown-item:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: #ffffff;
}