/**
 * Page Scoping CSS
 * This file ensures that page-specific styles don't affect other pages
 * by providing scoped versions of common selectors
 */

/* ================================
   GLOBAL RESET FOR PAGE-SPECIFIC STYLES
   ================================ */

/* Reset any global styles that might interfere */
.section-title {
    /* Reset to default values - will be overridden by page-specific styles */
}

.section-description {
    /* Reset to default values - will be overridden by page-specific styles */
}

.card-icon {
    /* Reset to default values - will be overridden by page-specific styles */
}

.form-control {
    /* Reset to default values - will be overridden by page-specific styles */
}

.btn-professional {
    /* Reset to default values - will be overridden by page-specific styles */
}

/* ================================
   PAGE-SPECIFIC SCOPING
   ================================ */

/* Contact Page Scoping */
body.page-contact .section-title {
    /* Contact page specific section title styles */
}

body.page-contact .section-description {
    /* Contact page specific section description styles */
}

/* About Page Scoping */
body.page-about .section-title {
    /* About page specific section title styles */
}

body.page-about .section-description {
    /* About page specific section description styles */
}

/* Team Matambuu Page Scoping */
body.page-team-matambuu .section-title {
    /* Team Matambuu page specific section title styles */
}

body.page-team-matambuu .section-description {
    /* Team Matambuu page specific section description styles */
}

/* Services Page Scoping */
body.page-services .section-title {
    /* Services page specific section title styles */
}

body.page-services .section-description {
    /* Services page specific section description styles */
}

/* Team Page Scoping */
body.page-team .section-title {
    /* Team page specific section title styles */
}

body.page-team .section-description {
    /* Team page specific section description styles */
}

/* Team page card size tuning for sharper images */
body.page-team .team-section .row {
    margin: 0 -15px;
}

body.page-team .team-section .team-block {
    padding: 0 15px;
}

body.page-team .team-section .team-block .inner-box {
    max-width: 300px;
    margin: 0 auto;
    padding: 10px 12px;
}

body.page-team .team-section .team-block .image-box .image {
    aspect-ratio: 4 / 5;
    overflow: hidden;
}

body.page-team .team-section .team-block .image-box .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body.page-team .team-block .inner-box:hover .image-box .image img {
    transform: scale(1.03);
}

/* Facilities Page Scoping */
body.page-facilities .section-title {
    /* Facilities page specific section title styles */
}

body.page-facilities .section-description {
    /* Facilities page specific section description styles */
}

/* Clients Page Scoping */
body.page-clients .section-title {
    /* Clients page specific section title styles */
}

body.page-clients .section-description {
    /* Clients page specific section description styles */
}

/* Home Page Scoping */
body.page-home .section-title {
    /* Home page specific section title styles */
}

body.page-home .section-description {
    /* Home page specific section description styles */
}

/* 404 Page Scoping */
body.page-404 .section-title {
    /* 404 page specific section title styles */
}

body.page-404 .section-description {
    /* 404 page specific section description styles */
}

/* ================================
   ISOLATION RULES
   ================================ */

/* Ensure that styles from one page don't leak to others */
body:not(.page-contact) .contact-cards-section,
body:not(.page-contact) .contact-form-section,
body:not(.page-contact) .contact-hero {
    display: none !important;
}

body:not(.page-about) .professional-about-section,
body:not(.page-about) .logistics-services-section {
    display: none !important;
}

body:not(.page-team-matambuu) .about-team-section,
body:not(.page-team-matambuu) .vision-mission-section,
body:not(.page-team-matambuu) .focus-areas-section {
    display: none !important;
}

/* ================================
   UTILITY CLASSES
   ================================ */

/* Page-specific utility classes */
.page-scoped {
    /* Base class for page-scoped elements */
}

.page-scoped .section-title {
    /* Scoped section title */
}

.page-scoped .section-description {
    /* Scoped section description */
}

/* ================================
   DEBUGGING HELPERS
   ================================ */

/* Uncomment these for debugging CSS conflicts */
/*
body.page-contact {
    border: 3px solid red !important;
}

body.page-about {
    border: 3px solid blue !important;
}

body.page-team-matambuu {
    border: 3px solid green !important;
}
*/