/* ==========================================================================
   TriconCore - Responsive Styles
   Additional responsive overrides for components and layout.
   Version: 1.0.0
   ========================================================================== */

/* ==========================================================================
   Tablet (max-width: 991px)
   ========================================================================== */

@media (max-width: 991px) {

    /* About preview layout */
    .about-preview-grid {
        grid-template-columns: 1fr;
        gap: var(--space-3xl);
    }

    /* About story layout */
    .about-story-grid {
        grid-template-columns: 1fr;
        gap: var(--space-2xl);
    }

    /* Mission values grid */
    .mission-values-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Locations grid */
    .locations-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Process steps */
    .process-steps-row {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Service single grid */
    .service-single-grid {
        grid-template-columns: 1fr;
        gap: var(--space-3xl);
    }

    /* Content area layout */
    .content-area {
        grid-template-columns: 1fr;
    }

    /* Contact layout */
    .contact-layout {
        grid-template-columns: 1fr;
        gap: var(--space-3xl);
    }

    /* Contact cards */
    .contact-cards-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Careers perks */
    .careers-perks-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ==========================================================================
   Mobile (max-width: 575px)
   ========================================================================== */

@media (max-width: 575px) {

    /* Mission values grid */
    .mission-values-grid {
        grid-template-columns: 1fr;
    }

    /* Locations grid */
    .locations-grid {
        grid-template-columns: 1fr;
    }

    /* Process steps */
    .process-steps-row {
        grid-template-columns: 1fr;
    }

    /* Testimonials */
    .testimonials-grid {
        grid-template-columns: 1fr !important;
    }

    /* About checklist */
    .about-checklist li {
        font-size: var(--text-sm);
    }

    /* Page header section */
    .page-header-section {
        padding: var(--space-3xl) 0;
    }

    .page-header-section h1 {
        font-size: var(--text-3xl);
    }

    /* 404 actions stack */
    .error-404-actions {
        flex-direction: column;
        align-items: center;
    }

    .error-404-actions .btn {
        width: 100%;
    }

    /* Contact cards single column */
    .contact-cards-grid {
        grid-template-columns: 1fr;
    }

    /* Post navigation stack */
    .post-navigation .nav-links {
        grid-template-columns: 1fr;
        gap: var(--space-lg);
    }

    .nav-next {
        text-align: left;
    }

    /* Post meta wrap */
    .post-single-meta {
        flex-wrap: wrap;
    }

    /* Careers perks single column */
    .careers-perks-grid {
        grid-template-columns: 1fr;
    }
}