/* =====================================================
   RDA — MON COMPTE
   Compatible WooCommerce + thème Bootstrap
   ===================================================== */

/* Conteneur général */
#post-10 .entry-content > .woocommerce {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: 28px !important;

    width: 100% !important;
    max-width: 1200px !important;
    margin: 30px auto 60px !important;
    padding: 0 15px !important;
    box-sizing: border-box;
}

/* Annulation des éventuels pseudo-éléments clearfix */
#post-10 .entry-content > .woocommerce::before,
#post-10 .entry-content > .woocommerce::after {
    display: none !important;
    content: none !important;
}

/* =====================================================
   MENU LATÉRAL
   ===================================================== */

#post-10 .woocommerce-MyAccount-navigation {
    float: none !important;
    display: block !important;

    flex: 0 0 250px !important;
    width: 250px !important;
    max-width: 250px !important;

    margin: 0 !important;
    padding: 14px !important;

    background: #ffffff !important;
    border: 1px solid #d5e2d4 !important;
    border-radius: 14px !important;

    box-shadow: 0 5px 22px rgba(40, 70, 45, 0.07);
    box-sizing: border-box;
}

/* Liste */
#post-10 .woocommerce-MyAccount-navigation ul {
    display: block !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Éléments du menu */
#post-10 .woocommerce-MyAccount-navigation li {
    display: block !important;
    width: 100% !important;
    margin: 3px 0 !important;
    padding: 0 !important;
    border: 0 !important;
    list-style: none !important;
}

/* Liens */
#post-10 .woocommerce-MyAccount-navigation li a {
    display: flex !important;
    align-items: center !important;
    gap: 12px;

    width: 100%;
    padding: 13px 14px !important;
    box-sizing: border-box;

    color: #36533d !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 9px !important;

    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    text-decoration: none !important;

    transition: background 0.2s, color 0.2s;
}

/* Petits repères verts */
#post-10 .woocommerce-MyAccount-navigation li a::before {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
} 

/* Survol */
#post-10 .woocommerce-MyAccount-navigation li a:hover {
    background: #edf5ed !important;
    color: #27643c !important;
}

/* Élément actif */
#post-10 .woocommerce-MyAccount-navigation li.is-active a {
    background: #e9f2e7 !important;
    color: #285c37 !important;
    font-weight: 700;
    box-shadow: inset 4px 0 0 #ee9b16;
}
/* =====================================================
   RDA — ICÔNES FONT AWESOME / MENU MON COMPTE
   ===================================================== */

/* Icône commune */
#post-10 .woocommerce-MyAccount-navigation li a::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-style: normal;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 22px;
    width: 22px;
    height: 22px;

    font-size: 15px;
    line-height: 1;
    color: #598665;

    content: "\f111";
}

/* Tableau de bord — jauge */
#post-10 .woocommerce-MyAccount-navigation-link--dashboard a::before {
    content: "\f3fd";
}

/* Divers — grille */
#post-10 .woocommerce-MyAccount-navigation-link--miscellaneous a::before {
    content: "\f00a";
}

/* Ruchers — feuille */
#post-10 .woocommerce-MyAccount-navigation-link--apiary a::before {
    content: "\f06c";
}

/* Commandes — panier */
#post-10 .woocommerce-MyAccount-navigation-link--orders a::before {
    content: "\f07a";
}

/* Adresses — localisation */
#post-10 .woocommerce-MyAccount-navigation-link--edit-address a::before {
    content: "\f3c5";
}

/* Détails du compte — utilisateur */
#post-10 .woocommerce-MyAccount-navigation-link--edit-account a::before {
    content: "\f007";
}

/* Déconnexion — sortie */
#post-10 .woocommerce-MyAccount-navigation-link--customer-logout a::before {
    content: "\f2f5";
    color: #b15c51;
}

/* Icône de la rubrique active */
#post-10 .woocommerce-MyAccount-navigation li.is-active a::before {
    color: #e99a16;
}

/* Survol */
#post-10 .woocommerce-MyAccount-navigation li a:hover::before {
    color: #2d6b42;
}

/* Déconnexion */
#post-10 .woocommerce-MyAccount-navigation-link--customer-logout {
    margin-top: 12px !important;
    padding-top: 12px !important;
    border-top: 1px solid #e0e9df !important;
}

#post-10 .woocommerce-MyAccount-navigation-link--customer-logout a {
    color: #a94c43 !important;
}

/* =====================================================
   CONTENU PRINCIPAL
   ===================================================== */

#post-10 .woocommerce-MyAccount-content {
    float: none !important;
    display: block !important;

    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 32px 36px !important;

    background: #ffffff !important;
    border: 1px solid #d5e2d4 !important;
    border-radius: 14px !important;

    box-shadow: 0 5px 22px rgba(40, 70, 45, 0.07);
    box-sizing: border-box;

    color: #354a3a;
    font-size: 15px;
    line-height: 1.8;
}

/* Paragraphes */
#post-10 .woocommerce-MyAccount-content p {
    margin: 0 0 20px !important;
    line-height: 1.8;
}

#post-10 .woocommerce-MyAccount-content p:last-child {
    margin-bottom: 0 !important;
}

/* Liens */
#post-10 .woocommerce-MyAccount-content a {
    color: #b36a00;
    text-decoration: underline;
    text-underline-offset: 3px;
}

#post-10 .woocommerce-MyAccount-content a:hover {
    color: #2e6b43;
}

/* Titres */
#post-10 .woocommerce-MyAccount-content h2,
#post-10 .woocommerce-MyAccount-content h3 {
    color: #285c37;
    font-weight: 700;
}

/* =====================================================
   FORMULAIRES ET BOUTONS
   ===================================================== */

#post-10 .woocommerce-MyAccount-content input.input-text,
#post-10 .woocommerce-MyAccount-content select,
#post-10 .woocommerce-MyAccount-content textarea {
    max-width: 100%;
    border: 1px solid #c8d8c8;
    border-radius: 8px;
    padding: 10px 12px;
    box-sizing: border-box;
}

#post-10 .woocommerce-MyAccount-content .button {
    background: #ed9d16 !important;
    color: #222 !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 12px 20px !important;
    font-weight: 700;
    text-decoration: none !important;
}

#post-10 .woocommerce-MyAccount-content .button:hover {
    background: #d78b0b !important;
}

/* =====================================================
   RESPONSIVE
   ===================================================== */

@media (max-width: 850px) {

    #post-10 .entry-content > .woocommerce {
        flex-direction: column !important;
        gap: 20px !important;
    }

    #post-10 .woocommerce-MyAccount-navigation {
        flex: 0 0 auto !important;
        width: 100% !important;
        max-width: none !important;
    }

    #post-10 .woocommerce-MyAccount-navigation ul {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 5px;
    }

    #post-10 .woocommerce-MyAccount-content {
        flex: 1 1 auto !important;
        width: 100% !important;
        padding: 24px !important;
    }
}

@media (max-width: 480px) {

    #post-10 .woocommerce-MyAccount-navigation ul {
        grid-template-columns: 1fr;
    }

    #post-10 .woocommerce-MyAccount-content {
        padding: 20px 16px !important;
    }
}

/* RDA — Icônes du menu Mon compte */

#post-10 .woocommerce-MyAccount-navigation
li.woocommerce-MyAccount-navigation-link--dashboard a::before {
    content: "\f3fd" !important; /* Tableau de bord */
}

#post-10 .woocommerce-MyAccount-navigation
li.woocommerce-MyAccount-navigation-link--miscellaneous a::before {
    content: "\f00a" !important; /* Divers */
}

#post-10 .woocommerce-MyAccount-navigation
li.woocommerce-MyAccount-navigation-link--apiary a::before {
    content: "\f06c" !important; /* Ruchers */
}

#post-10 .woocommerce-MyAccount-navigation
li.woocommerce-MyAccount-navigation-link--orders a::before {
    content: "\f07a" !important; /* Commandes */
}

#post-10 .woocommerce-MyAccount-navigation
li.woocommerce-MyAccount-navigation-link--edit-address a::before {
    content: "\f3c5" !important; /* Adresses */
}

#post-10 .woocommerce-MyAccount-navigation
li.woocommerce-MyAccount-navigation-link--edit-account a::before {
    content: "\f007" !important; /* Détails du compte */
}

#post-10 .woocommerce-MyAccount-navigation
li.woocommerce-MyAccount-navigation-link--customer-logout a::before {
    content: "\f2f5" !important; /* Déconnexion */
}