/* Additional spacing utilities for site1 inner pages */

/* Space classes matching template */
.space24 { height: 24px; }
.space32 { height: 32px; }
.space50 { height: 50px; }
.space60 { height: 60px; }
.space100 { height: 100px; }

/* Ensure proper content spacing on inner pages */
.content-section,
.team-section,
.testimonials-section {
    padding-top: 80px;
    padding-bottom: 80px;
}

/* Hero area improvements for inner pages */
.hero-inner-section-area-sidebar {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.hero-inner-section-area-sidebar::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(7, 59, 58, 0.8);
    z-index: 1;
}

.hero-inner-section-area-sidebar .container {
    position: relative;
    z-index: 2;
}

/* Breadcrumb styling */
.hero-inner-section-area-sidebar .hero-header-area a {
    transition: all 0.3s ease;
}

.hero-inner-section-area-sidebar .hero-header-area a:hover {
    color: #BFCF28 !important;
}

/* Ensure buttons and interactive elements work properly */
.btn, .theme-btn1 {
    z-index: 10;
    position: relative;
}

/* Fix for any overlapping issues */
.container {
    position: relative;
    z-index: 1;
}

/* Smooth transitions */
.hero-inner-section-area-sidebar,
.content-section,
.team-section,
.testimonials-section {
    transition: all 0.3s ease;
}

/* Print media adjustments */
@media print {
    .header-area,
    .mobile-header,
    .hero-inner-section-area-sidebar {
        position: static !important;
        margin: 0 !important;
        padding: 20px 0 !important;
        background: none !important;
        box-shadow: none !important;
    }
    
    main {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .hero-inner-section-area-sidebar {
        background: #000 !important;
        color: #fff !important;
    }
    
    .hero-inner-section-area-sidebar::before {
        background: rgba(0, 0, 0, 0.9) !important;
    }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .hero-inner-section-area-sidebar,
    .content-section,
    .team-section,
    .testimonials-section,
    .team-card,
    .testimonial-card,
    .image-container {
        transition: none !important;
        transform: none !important;
    }
    
    html {
        scroll-behavior: auto !important;
    }
}