/*
Theme Name: Leocadio Galerie
Template: generatepress
Description: Thème enfant minimaliste pour la galerie Leocadio Galerie. Objets anciens et brutalistes.
Version: 1.0
Text Domain: leocadio-galerie
*/

/* ==========================================================================
   VARIABLES GLOBALES
   ========================================================================== */
:root{
    --im-blanc: #FFFFFF;
    --im-beige: #F0D8BD;
    --im-beige-fonce: #DCD3C2;
    --im-noir-pale: #2A2A28;
    --im-gris-texte: #5C5A55;
    --im-espace-xs: 0.5rem;
    --im-espace-sm: 1rem;
    --im-espace-md: 2rem;
    --im-espace-lg: 4rem;
    --im-espace-xl: 8rem;
    --im-espace-titre-page-top: 4rem;
    --im-espace-titre-page-bottom: 4rem;
    --im-transition: 0.4s ease;
}

/* ==========================================================================
   RESET / BASE
   ========================================================================== */
*{
    box-sizing: border-box;
}

body{
    font-family: 'Overpass Mono', monospace;
    background-color: var(--im-blanc);
    color: var(--im-noir-pale);
    font-size: clamp(17px, 0.95vw + 8px, 19px);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6{
    font-family: 'Overpass Mono', monospace;
    font-weight: 500;
    letter-spacing: 0.02em;
    margin: 0;
}

a{
    text-decoration: none;
    color: inherit;
    transition: opacity var(--im-transition);
}

img{
    max-width: 100%;
    display: block;
}

p{
    margin: 0 0 1em 0;
    text-align: justify;
}

button, input, textarea, select{
    font-family: 'Overpass Mono', monospace;
}

.im-container{
    /* Largeur fluide : 1240px sur les écrans standards, grandit progressivement
       jusqu'à 1900px sur les très grands écrans (au lieu de paliers fixes) */
    max-width: clamp(1240px, 62vw, 1900px) !important;
    margin: 0 auto;
    padding: 0 var(--im-espace-md);
}

/* Neutralise toute largeur maximale imposée par le thème parent GeneratePress
   sur ses propres conteneurs englobants (.inside-container, .grid-container, etc.) */
.site-content,
.inside-article,
#content,
.im-main{
    max-width: none !important;
    width: 100% !important;
}

/* Désactivation des effets superflus du thème parent */
.site-content, .inside-article, .site-header, .site-footer{
    box-shadow: none !important;
}