/* Custom Styles for TV Mounting Elite - Version 2 (now standard) */

html {
  scroll-behavior: smooth;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Hero Section Slideshow Styles */
.slideshow-container .slide { /* Renamed from .slideshow-container-v2 and .slide-v2 */
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition: opacity 1.8s cubic-bezier(0.4, 0, 0.2, 1); 
  z-index: 1;
}

.slideshow-container .slide.active { /* Renamed */
  opacity: 1;
  z-index: 2;
}

/* Styles for when header becomes smaller on scroll */
#main-header.scrolled { /* Renamed from #main-header-v2 */
  padding-top: 0.5rem;    
  padding-bottom: 0.5rem; 
  box-shadow: 0 4px 6px -1px rgba(255, 255, 255, 0.05), 0 2px 4px -1px rgba(255, 255, 255, 0.03); 
  backdrop-filter: blur(8px); 
}

#main-header.scrolled .logo-container img { /* Renamed */
  height: 3rem;    
}
@media (min-width: 640px) { /* sm */
 #main-header.scrolled .logo-container img { height: 3.5rem; } 
}
@media (min-width: 768px) { /* md */
 #main-header.scrolled .logo-container img { height: 3.5rem; } 
}
@media (min-width: 1024px) { /* lg */
 #main-header.scrolled .logo-container img { height: 4rem; }   
}

.feature-card i {
  display: inline-block; 
}

.feature-card:hover, #services-overview img:hover { /* Renamed from #services-overview-v2 */
  transform: translateY(-5px);
  transition: transform 0.3s ease-out, box-shadow 0.3s ease-out;
}

/* Styling for prose content in privacy policy for the new color scheme */
.prose h1, .prose h2, .prose h3, .prose h4, .prose h5, .prose h6 {
    color: #1a1a1a; /* brand-text-dark */
}
.prose p, .prose li, .prose blockquote {
    color: #555555; /* brand-text-muted */
}
.prose a {
    color: #FF0000; /* brand-accent-red */
    text-decoration: none;
}
.prose a:hover {
    text-decoration: underline;
}
.prose strong {
    color: #1a1a1a; /* brand-text-dark */
}