/* Modern Design Override - Force Modern Styling */

/* Force white background */
body {
    background-color: #ffffff !important;
    color: #1a1a1a !important;
}

/* Force white navbar */
.navbar {
    background: rgba(255, 255, 255, 0.95) !important;
    border-bottom: 1px solid #f1f3f4 !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
}

/* Force orange accent colors */
:root {
    --accent-orange: #FF6B35 !important;
    --accent-orange-light: #FF8A65 !important;
    --accent-orange-dark: #E55A2B !important;
    --primary-bg: #ffffff !important;
    --secondary-bg: #f8f9fa !important;
    --text-primary: #1a1a1a !important;
    --text-secondary: #4a4a4a !important;
    --border-light: #f1f3f4 !important;
}

/* Force modern hero section */
.hero {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 50%, rgba(255, 107, 53, 0.05) 100%) !important;
}

.slide {
    background: linear-gradient(135deg, rgba(255, 107, 53, 0.03) 0%, rgba(255, 138, 101, 0.05) 100%) !important;
}

.slide-content h1 {
    color: #000000 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
    background-clip: unset !important;
}

/* Force orange buttons */
.cta-button {
    background: linear-gradient(135deg, #FF6B35, #E55A2B) !important;
    color: white !important;
}

.cta-button:hover {
    background: linear-gradient(135deg, #E55A2B, #FF6B35) !important;
    color: white !important;
}

/* Force black links */
a {
    color: #000000 !important;
}

a:hover {
    color: #000000 !important;
}

/* Exception for CTA buttons - keep white text on hover */
.cta-button:hover {
    color: white !important;
}

/* Force modern cards */
.activity-card,
.team-member,
.facility-card,
.news-item {
    background: #ffffff !important;
    border: 1px solid #f1f3f4 !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
}

.activity-card:hover,
.team-member:hover,
.facility-card:hover,
.news-item:hover {
    border-color: #FF6B35 !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12) !important;
}

/* Force black section headers */
.section-header h2 {
    color: #000000 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
    background-clip: unset !important;
}

/* Force orange navigation buttons */
.prev-btn,
.next-btn,
.carousel-btn {
    background: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid #f1f3f4 !important;
    color: #1a1a1a !important;
}

.prev-btn:hover,
.next-btn:hover,
.carousel-btn:hover {
    background: #FF6B35 !important;
    color: white !important;
    border-color: #FF6B35 !important;
}

/* Force orange dots */
.dot.active {
    background: #FF6B35 !important;
}

/* Force modern about section */
.about-section {
    background: #f8f9fa !important;
}

.about-text h3 {
    color: #000000 !important;
}

/* Force orange team member borders */
.member-image {
    border: 3px solid #FF6B35 !important;
}

.position {
    color: #000000 !important;
}

/* Force black facility features */
.facility-features h4 {
    color: #000000 !important;
}

/* Force black read more links */
.read-more {
    color: #000000 !important;
}

/* Force modern icon items */
.icon-item {
    background: #ffffff !important;
    border: 1px solid #f1f3f4 !important;
    border-radius: 16px !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
}

.icon-item:hover {
    border-color: #FF6B35 !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12) !important;
}

/* Force orange social links */
.social-links a:hover {
    background: #FF6B35 !important;
}

/* Force black footer links */
.footer-links a:hover {
    color: #000000 !important;
}

.social-link:hover {
    background: #FF6B35 !important;
}

/* Force orange newsletter button */
.newsletter-form button {
    background: #FF6B35 !important;
}

.newsletter-form button:hover {
    background: #E55A2B !important;
}

.newsletter-form input:focus {
    border-color: #FF6B35 !important;
}

/* Force black lightbox close */
.lightbox-close:hover {
    color: #000000 !important;
}