/*
 * Eddys Construction & Masonry
 * Category / Section Index Pages
 *
 * Purpose:
 * Reusable CSS hooks for index pages that organize categories and content.
 *
 * Scope:
 * Resources, Services and Portfolio category/index pages.
 *
 * Important:
 * This file does NOT redefine the site's global design system.
 * Existing /css/style.css and existing component CSS remain authoritative.
 * These rules are intentionally conservative and avoid overlays, new
 * visual effects, or forced redesigns.
 */

.eddys-category-index-page {
    /* Page-level hook only. */
}

/* ---------------------------------------------------------
   Shared index-page regions
   --------------------------------------------------------- */

.eddys-category-index-page .eddys-index-hero {
    /* Uses the existing hero/parallax system. */
}

.eddys-category-index-page .eddys-index-trust {
    /* Uses the existing trust-strip component. */
}

.eddys-category-index-page .eddys-index-intro {
    /* Uses the existing section spacing and typography. */
}

.eddys-category-index-page .eddys-index-content {
    /* Uses the existing content/card system. */
}

.eddys-category-index-page .eddys-index-cta {
    /* Uses the existing final CTA component. */
}

/* ---------------------------------------------------------
   Universal category components
   ---------------------------------------------------------
   These classes are available for future category indexes.
   They intentionally inherit the site's existing typography,
   spacing and colors unless a component needs a specific rule.
   --------------------------------------------------------- */

.eddys-index-category-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 30px;
}

.eddys-index-category-card {
    height: 100%;
}

.eddys-index-category-card__label {
    display: block;
}

.eddys-index-category-card__title {
    margin-top: 0;
}

.eddys-index-category-card__text {
    margin-bottom: 0;
}

.eddys-index-category-card__link {
    display: inline-block;
}

.eddys-index-category-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.eddys-index-category-list__item {
    margin: 0;
}

.eddys-index-category-list__link {
    display: block;
}

/* ---------------------------------------------------------
   Optional grouping helpers
   --------------------------------------------------------- */

.eddys-index-section {
    width: 100%;
}

.eddys-index-section__inner {
    width: 100%;
}

.eddys-index-section__intro {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

/* ---------------------------------------------------------
   Responsive behavior
   --------------------------------------------------------- */

@media (max-width: 991px) {
    .eddys-index-category-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .eddys-index-category-grid {
        grid-template-columns: 1fr;
    }
}