/* =============================================================================
   15. PAGES INTERNES - VERSION OPTIMISÉE
   ============================================================================= */

/* -----------------------------------------------
   15.1 - Pages SEO (.pageseo-grid)
   ----------------------------------------------- */

.pageseo-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.7fr);
    gap: clamp(1.5rem, 3vw, 2.5rem); 
    align-items: start;
}

.pageseo-body {
    padding-top: 1rem;
    min-width: 0; 
}

.pageseo-body img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: var(--radius-default); /* Cohérence avec le DS */
    margin-bottom: 1.5rem;
}

/* -----------------------------------------------
   15.2 - Sidebar SEO (.pageseo-aside)
   ----------------------------------------------- */

.pageseo-aside {
    position: sticky;
    top: 11vh; 
    padding: clamp(1.5rem, 2vw, 2.5rem);
    background: var(--fond-page-alt);
    border-radius: var(--radius-default);
    border: 1px solid var(--border-subtle);
    box-shadow: var(--shadow-lt);
}

.pageseo-aside h2.h1 {
    text-align: left;
    margin-top: 0;
}

.pageseo-aside h2.h1::before {
    left: 0;
    transform: translateX(0);
}

/* -----------------------------------------------
   15.3 - Media & Images (.pageseo-image)
   ----------------------------------------------- */

.pageseo-image img {
    display: block;
    width: 100%;
    aspect-ratio: var(--img-ratio);
    object-fit: cover;
    border-radius: var(--radius-default);
    transition: transform 0.3s ease;
}


a .pageseo-image img:hover {
    transform: scale(1.02);
}

/* -----------------------------------------------
   15.4 - Responsive Design
   ----------------------------------------------- */

@media (max-width: 991px) {
    .pageseo-grid {
       
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .pageseo-aside {
        position: static;
        padding: 1.5rem;
    }
}

@media (max-width: 767px) {
    .pageseo-body {
        padding-top: 0;
    }
}