/* =========================================
   PAGE À PROPOS - PORTION-PARFAITE
   ========================================= */

/* MENU VISIBLE EN MARRON - PRIORITÉ ABSOLUE */
header nav a,
header .nav-link,
.navbar a,
.navbar-nav a,
nav a,
.menu a,
header a {
    color: #6f4e37 !important;
    font-weight: 500 !important;
}

header nav a:hover,
header .nav-link:hover,
.navbar a:hover,
.navbar-nav a:hover,
nav a:hover,
.menu a:hover,
header a:hover {
    color: #8b6f47 !important;
    text-decoration: none !important;
}

/* Forcer tous les liens du header en marron */
header * {
    color: #6f4e37 !important;
}

/* Container principal */
.about-container {
    padding: 50px 20px;
    max-width: 1000px;
    margin: 0 auto;
}

/* Titres */
.about-container h1 {
    color: #6f4e37;
    margin-bottom: 30px;
    font-size: 2.5em;
}

.about-container h2 {
    color: #6f4e37;
    margin-top: 40px;
    margin-bottom: 20px;
    font-size: 1.8em;
}

.about-container h3 {
    color: #6f4e37;
    margin-bottom: 15px;
    font-size: 1.3em;
}

/* Paragraphe intro */
.about-intro {
    font-size: 1.2em;
    color: #555;
    margin-bottom: 20px;
}

/* Citation */
.about-quote {
    border-left: 5px solid #6f4e37;
    padding-left: 20px;
    margin: 30px 0;
    font-style: italic;
    color: #555;
    background: #f8f5f1;
    padding: 20px;
    border-radius: 5px;
}

/* Cartes de fonctionnalités */
.about-feature {
    background: #f8f5f1;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 8px;
    transition: transform 0.2s;
}

.about-feature:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.about-feature h3 {
    margin-top: 0;
}

.about-feature a {
    color: #6f4e37;
    font-weight: bold;
    text-decoration: none;
}

.about-feature a:hover {
    color: #8b6f47;
    text-decoration: underline;
}

/* Séparateurs */
.about-container hr {
    margin: 40px 0;
    border: 0;
    border-top: 2px solid #e0d5c7;
}

/* Liste du blog */
.about-container ul {
    line-height: 2;
    list-style: none;
    padding-left: 0;
}

.about-container ul li {
    padding-left: 30px;
    position: relative;
}

.about-container ul li::before {
    content: "→";
    position: absolute;
    left: 0;
    color: #6f4e37;
    font-weight: bold;
}

/* Signature */
.about-signature {
    text-align: center;
    margin: 50px 0;
    padding: 30px;
    background: #f8f5f1;
    border-radius: 10px;
}

.about-signature p:first-child {
    font-size: 1.2em;
    margin-bottom: 10px;
}

.about-signature strong {
    font-size: 1.3em;
    color: #6f4e37;
}

.about-signature em {
    color: #888;
}

/* Responsive */
@media (max-width: 768px) {
    .about-container {
        padding: 30px 15px;
    }
    
    .about-container h1 {
        font-size: 2em;
    }
    
    .about-container h2 {
        font-size: 1.5em;
    }
}