/*
# ------------------ BEGIN LICENSE BLOCK ------------------
# This file is part of PluXml : https://www.pluxml.org
# Package: theme.css
# ------------------- END LICENSE BLOCK -------------------
*/

@font-face {
	font-family: 'open_sansregular';
	src: url('../fonts/OpenSans-Regular-webfont.eot');
}

body {
    background-image: url('../img/floral-pattern.png') !important;
    background-repeat: repeat !important;
    background-attachment: fixed !important;
    background-color: #ffffff !important;
    font-family: 'Lato', sans-serif !important;
    margin: 0;
    padding: 0;
}

/* ---------- DESIGN FINAL ATELIER CRÉATIF (Héritage CV V13) ---------- */

/* Le conteneur principal */
.site-box {
    background-color: #ffffff !important;
    max-width: 1200px !important;
    margin: 40px auto !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    box-shadow: 0 0 30px rgba(0,0,0,0.15) !important;
    overflow: hidden !important;
    padding: 0 !important;
    border: none !important;
}

/* Forcer l'affichage de la grille PluCSS */
.grid.no-gutter {
    display: flex !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.grid.no-gutter > .col {
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
}

/* --- Sidebar à gauche --- */
.sidebar-col {
    background-color: #fde2e2 !important; /* Rose clair */
    padding: 120px 0 40px 0 !important; /* Photo descendue significativement (120px) */
    flex: 0 0 28% !important;
    width: 28% !important;
    min-height: 100% !important;
    display: block !important;
}

.sidebar-img {
    width: 160px !important;
    height: 160px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    border: 5px solid #ffffff !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1) !important;
    margin: 0 auto 50px !important;
    display: block !important;
}

/* Contenu du menu indenté */
.sidebar-content {
    padding: 0 30px !important;
}

.sidebar-col h3 {
    color: #bc8689 !important; /* Rose foncé */
    text-transform: uppercase !important;
    font-family: 'Playfair Display', serif !important;
    font-size: 1.1rem !important;
    letter-spacing: 2px !important;
    margin: 35px auto 15px auto !important;
    padding-bottom: 15px !important;
    border-bottom: 1px solid #bc8689 !important;
    display: block !important;
    width: 80% !important; /* Trait raccourci (espace de chaque côté) */
    text-align: left !important;
    padding-left: 5px;
}

.sidebar-col ul {
    padding-left: 40px !important;
    margin-bottom: 30px !important;
    list-style-type: none !important;
}

.sidebar-col li {
    margin-bottom: 8px !important;
    font-size: 1.4rem !important;
}

/* --- Colonne de contenu à droite --- */
.content-col {
    background-color: #ffffff !important;
    flex: 1 1 72% !important;
    width: 72% !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 0 !important;
    min-height: 100%;
}

/* En-tête */
.header {
    background-color: #e9adb0 !important; /* Rose soutenu */
    padding: 35px 50px !important;
    margin: 0 !important;
    display: block !important;
    width: 100% !important;
    visibility: visible !important;
}

.header a.maintitle, 
.header h1, .header h1 a,
.header .subtitle, .header h2 {
    color: #ffffff !important;
    font-family: 'Playfair Display', serif !important;
    text-decoration: none !important;
    margin: 0 !important;
    display: block !important;
}

/* Zone des articles */
.main, .article {
    background-color: #ffffff !important;
    padding: 50px !important;
    margin: 0 !important;
    display: block !important;
    flex: 1 0 auto !important;
    visibility: visible !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Playfair Display', serif !important;
    color: #333 !important;
}

.art-date time {
    background: #fde2e2 !important;
    padding: 5px 12px !important;
    border-radius: 4px !important;
    color: #bc8689 !important;
    font-weight: bold;
}

/* Pied de page */
.footer {
    padding: 50px 40px !important;
    background: #fdfdfd !important;
    border-top: 1px solid #f2f2f2 !important;
    margin-top: auto !important;
    text-align: center !important;
}

/* Mobile */
@media (max-width: 768px) {
    .site-box { flex-direction: column !important; margin: 0 !important; max-width: 100% !important; }
    .sidebar-col, .content-col { width: 100% !important; flex: none !important; }
    body { background-attachment: scroll !important; }
    .sidebar-col { padding: 40px 0 !important; }
}