/* =========================================================
   GOTIQUE — account.css
   Chargé sur : toutes les pages "Mon compte"
   (connexion, tableau de bord, commandes, adresses,
   moyens de paiement, formulaires, ressources PDF).
   ========================================================= */


/* =========================================================
   MON COMPTE — NON CONNECTÉ (connexion / inscription)
   ========================================================= */

#customer_login {
    display:flex;
    gap:45px;
    align-items:stretch;
}

/* Cartes */
#customer_login .u-column1,
#customer_login .u-column2 {
    width:50%;
    background:#fff;
    padding:32px 42px;
    border-bottom:3px solid #5b1264;
    box-shadow:
        0 8px 25px rgba(0,0,0,.08);
}

/* Titres */
#customer_login h2 {
    text-align:center;
    font-size:25px;
    margin:0 0 25px;
}

/* SVG commun */
#customer_login h2::before {
    content:"";
    display:block;
    width:48px;
    height:48px;
    margin:0 auto 12px;
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center;
}

/* Connexion */
#customer_login .u-column1 h2::before {
    background-image:url("/wp-content/uploads/icons/connexion.svg");
}

/* Inscription */
#customer_login .u-column2 h2::before {
    background-image:url("/wp-content/uploads/icons/inscription.svg");
}

/* Suppression cadre WooCommerce */
#customer_login form {
    border:none!important;
    padding:0!important;
    margin:0!important;
}

/* Labels */
#customer_login label {
    font-weight:700;
    margin-bottom:8px;
}

/* Champs */
#customer_login input.input-text {
    height:46px;
    background:#fff;
    border:1px solid #cfd5dd;
    padding:0 15px;
}

/* Espacement */
#customer_login .form-row {
    margin-bottom:18px;
}

/* Boutons */
#customer_login button.button {
    height:auto;
    min-width:220px;
    padding:18px 28px;
    background:#5b1264;
    border:1px solid #5b1264;
    border-radius:0;
    color:#fff;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    transition:.2s ease;
}

#customer_login button.button:hover {
    background:transparent;
    color:#5b1264;
}

/* Se souvenir de moi */
#customer_login .woocommerce-form-login__rememberme {
    display:inline-flex!important;
    align-items:center;
    margin-left:20px;
}

/* Checkbox */
#customer_login input[type="checkbox"] {
    width:16px;
    height:16px;
    margin-right:8px;
}

/* Mot de passe perdu */
#customer_login .lost_password {
    margin-top:18px;
}

#customer_login .lost_password a {
    color:#5b1264;
    font-weight:600;
}

/* Tablette */
@media(max-width:1024px){
    #customer_login {
        gap:30px;
    }
    #customer_login .u-column1,
    #customer_login .u-column2 {
        padding:30px;
    }
}

/* Mobile */
@media(max-width:768px){
    #customer_login {
        display:block;
    }
    #customer_login .u-column1,
    #customer_login .u-column2 {
        width:100%;
        padding:30px 22px;
        margin-bottom:30px;
    }
    #customer_login h2 {
        font-size:23px;
    }
    #customer_login h2::before {
        width:45px;
        height:45px;
    }
    #customer_login button.button {
        width:100%;
        text-align:center;
    }
    #customer_login .woocommerce-form-login__rememberme {
        display:flex!important;
        margin-left:0;
        margin-top:15px;
    }
}


/* =========================================================
   MENU COMPTE
   ========================================================= */

.account-navigation-wrap {
    background:#f7f7f7;
    padding:24px;
}

.woocommerce-MyAccount-navigation ul {
    list-style:none;
    margin:0;
    padding:0;
}

.woocommerce-MyAccount-navigation li {
    margin-bottom:8px;
}

.woocommerce-MyAccount-navigation li a {
    display:block;
    padding:13px 18px;
    text-decoration:none;
    color:#1c2331;
    font-size:16px;
    transition:.2s ease;
    border-left:4px solid transparent;
}

.woocommerce-MyAccount-navigation li a:hover {
    background:#fff;
    border-left-color:#5b155f;
}

.woocommerce-MyAccount-navigation li.is-active a {
    background:#fff;
    border-left-color:#5b155f;
    font-weight:600;
}

/* Déconnexion */
.woocommerce-MyAccount-navigation-link--customer-logout {
    margin-top:25px;
}

.woocommerce-MyAccount-navigation-link--customer-logout a {
    opacity:.65;
}


/* =========================================================
   DASHBOARD
   ========================================================= */

.gotique-account-home {
    max-width:760px;
}

.gotique-account-home h2 {
    font-size:28px;
    margin-bottom:15px;
}

.gotique-account-intro {
    font-size:18px;
    line-height:1.5;
    max-width:650px;
}

/* NOTE : l'ancienne règle
     .woocommerce-MyAccount-content > p:not(.gotique-account-intro){display:none;}
   a été supprimée — elle était intégralement recouverte par la
   règle `.woocommerce-MyAccount-content > p{display:none;}`
   de la section ADRESSES ci-dessous. */


/* =========================================================
   CARTES DASHBOARD
   ========================================================= */

.gotique-account-cards {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
    margin-top:45px;
}

.gotique-account-card {
    background:#fff;
    height:250px;
    padding:28px 22px;
    text-align:center;
    color:#1c2331;
    text-decoration:none;
    border-bottom:3px solid #5b155f;
    transition:.25s ease;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}

.gotique-account-card:hover {
    transform:translateY(-5px);
}

/* SVG */
.gotique-card-icon {
    display:block;
    width:44px;
    height:44px;
    object-fit:contain;
    margin:0 0 22px 0;
}

.gotique-account-card strong {
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:55px;
    font-size:18px;
    line-height:1.25;
    margin-bottom:8px;
}

.gotique-account-card span {
    display:flex;
    justify-content:center;
    min-height:65px;
    max-width:170px;
    font-size:15px;
    line-height:1.45;
    opacity:.75;
}


/* =========================================================
   TABLETTE + MOBILE — contenu avant menu
   ========================================================= */

@media(max-width:1024px){
    .woocommerce-account .woocommerce {
        display:flex !important;
        flex-direction:column !important;
    }
    .woocommerce-MyAccount-content {
        order:1;
    }
    .account-navigation-wrap {
        order:2;
        margin-top:35px;
    }
}

@media(max-width:768px){
    /* Dashboard */
    .gotique-account-home h2 {
        font-size:24px;
    }
    .gotique-account-intro {
        font-size:16px;
        line-height:1.5;
    }
    /* Cartes */
    .gotique-account-cards {
        grid-template-columns:1fr;
        gap:14px;
        margin-top:30px;
    }
    .gotique-account-card {
        height:auto;
        min-height:170px;
        padding:25px 20px;
        flex-direction:column;
        justify-content:center;
        align-items:center;
        text-align:center;
        border-left:0;
        border-bottom:3px solid #5b155f;
    }
    .gotique-card-icon {
        width:38px;
        height:38px;
        margin:0 0 15px 0;
    }
    .gotique-account-card strong {
        display:block;
        min-height:auto;
        font-size:18px;
        line-height:1.25;
        margin-bottom:10px;
    }
    .gotique-account-card span {
        display:block;
        min-height:auto;
        max-width:230px;
        font-size:15px;
        line-height:1.4;
    }
    /* Menu */
    .account-navigation-wrap {
        padding:15px;
    }
    .woocommerce-MyAccount-navigation li {
        margin-bottom:4px;
    }
    .woocommerce-MyAccount-navigation li a {
        padding:10px 14px;
        font-size:15px;
    }
}


/* =========================================================
   ADRESSES
   ========================================================= */

/* Cache la phrase WooCommerce
   "Les adresses suivantes seront utilisées..." */
.woocommerce-MyAccount-content > p {
    display:none;
}

/* Parent des cartes */
.woocommerce-MyAccount-content .woocommerce-Addresses {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:28px !important;
    width:100% !important;
}

/* Reset colonnes WooCommerce */
.woocommerce-MyAccount-content .woocommerce-Address,
.woocommerce-MyAccount-content .u-column1,
.woocommerce-MyAccount-content .u-column2,
.woocommerce-MyAccount-content .col-1,
.woocommerce-MyAccount-content .col-2 {
    float:none !important;
    width:auto !important;
    max-width:none !important;
    margin:0 !important;
}

/* Placement forcé */
.woocommerce-Address.u-column1 {
    grid-column:1 !important;
}

.woocommerce-Address.u-column2 {
    grid-column:2 !important;
}

/* Carte */
.woocommerce-Address {
    background:#fff;
    padding:35px 28px;
    text-align:center;
    border-bottom:3px solid #5b155f;
    box-sizing:border-box;
}

/* Icônes */
.woocommerce-Address::before {
    content:"";
    display:block;
    width:48px;
    height:48px;
    margin:0 auto 22px;
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
}

/* Facturation */
.woocommerce-Address.u-column1::before {
    background-image:url("/wp-content/uploads/icons/facturation.svg");
}

/* Livraison */
.woocommerce-Address.u-column2::before {
    background-image:url("/wp-content/uploads/icons/livraison.svg");
}

/* Titre + bouton */
.woocommerce-Address-title {
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
}

.woocommerce-Address-title h2 {
    font-size:20px;
    margin:0 0 18px;
}

/* Bouton modifier */
.woocommerce-account
.woocommerce-Address-title.title .edit {
    float:none !important;
    display:inline-flex !important;
    justify-content:center;
    align-items:center;
    width:auto !important;
    max-width:100% !important;
    margin:0 auto 25px auto !important;
    background:#5b155f;
    color:#fff !important;
    padding:12px 22px !important;
    text-decoration:none;
    font-size:13px;
    line-height:1.25;
    letter-spacing:.8px;
    text-transform:uppercase;
    text-align:center;
    white-space:normal !important;
    transition:.25s ease;
}

.woocommerce-account
.woocommerce-Address-title.title .edit:hover {
    background:#3d0e40;
}

/* Texte adresse */
.woocommerce-Address address {
    margin:0;
    font-style:normal;
    font-size:16px;
    line-height:1.6;
    opacity:.8;
}

/* Mobile */
@media(max-width:768px){
    .woocommerce-MyAccount-content .woocommerce-Addresses {
        grid-template-columns:1fr !important;
        gap:18px !important;
    }
    .woocommerce-Address.u-column1,
    .woocommerce-Address.u-column2 {
        grid-column:auto !important;
    }
    .woocommerce-Address {
        padding:30px 22px;
    }
    .woocommerce-Address::before {
        width:42px;
        height:42px;
    }
}


/* =========================================================
   MOYENS DE PAIEMENT
   ========================================================= */

.woocommerce-MyAccount-paymentMethods {
    width:100%;
    background:#fff;
    padding:30px;
    border-collapse:separate !important;
    border-spacing:0 !important;
    border-bottom:3px solid #5b155f;
}

.woocommerce-MyAccount-paymentMethods th,
.woocommerce-MyAccount-paymentMethods td {
    border:0 !important;
    padding:18px 15px !important;
}

.woocommerce-MyAccount-paymentMethods thead th {
    font-size:15px;
    text-transform:uppercase;
    letter-spacing:.8px;
    border-bottom:1px solid #eee !important;
}

.woocommerce-MyAccount-paymentMethods td {
    font-size:16px;
}

/* Bouton supprimer */
.payment-method-actions .delete {
    background:transparent !important;
    color:#5b155f !important;
    border:1px solid #5b155f !important;
    border-radius:0 !important;
    padding:12px 26px !important;
    font-size:13px;
    letter-spacing:.8px;
    text-transform:uppercase;
}

.payment-method-actions .delete:hover {
    background:#5b155f !important;
    color:#fff !important;
}

/* Bouton ajouter */
.woocommerce-MyAccount-content > a.button {
    display:inline-flex !important;
    justify-content:center;
    align-items:center;
    margin-top:30px;
    background:#5b155f !important;
    color:#fff !important;
    border-radius:0 !important;
    padding:15px 34px !important;
    text-transform:uppercase;
    letter-spacing:.8px;
    text-align:center;
}

.woocommerce-MyAccount-content > a.button:hover {
    background:#3d0e40 !important;
}

/* Mobile */
@media(max-width:600px){
    .account-payment-methods-table {
        display:block !important;
        padding:28px 25px !important;
    }
    .account-payment-methods-table thead {
        display:none !important;
    }
    .account-payment-methods-table tbody,
    .account-payment-methods-table tr,
    .account-payment-methods-table td {
        display:block !important;
        width:100% !important;
    }
    .account-payment-methods-table td {
        padding:14px 0 !important;
        text-align:left !important;
    }
    /* Neutralise Woo */
    .woocommerce table.shop_table_responsive tr td::before {
        float:none !important;
    }
    /* Titres propres */
    .payment-method-method::before {
        content:"Méthode" !important;
        display:block !important;
        margin-bottom:8px;
        font-weight:700;
        font-size:16px;
    }
    .payment-method-expires::before {
        content:"Expiration" !important;
        display:block !important;
        margin-bottom:8px;
        font-weight:700;
        font-size:16px;
    }
    /* Pas de faux titre sur supprimer */
    .payment-method-actions::before {
        display:none !important;
        content:none !important;
    }
    .payment-method-actions {
        margin-top:10px;
    }
    .payment-method-actions .delete {
        display:inline-flex !important;
        margin:0 !important;
    }
    .woocommerce-MyAccount-content > a.button {
        display:flex !important;
        width:100% !important;
        justify-content:center !important;
        white-space:normal !important;
        line-height:1.4;
    }
}


/* =========================================================
   FORMULAIRES COMPTE (Compte + Adresses)
   ========================================================= */

.woocommerce-EditAccountForm,
.woocommerce-address-fields {
    background:#fff;
    padding:35px;
    border-bottom:3px solid #5b155f;
}

/* Titre adresse */
.woocommerce-MyAccount-content > form > h2 {
    margin-bottom:30px;
}

/* Lignes */
.woocommerce-EditAccountForm .form-row,
.woocommerce-address-fields .form-row {
    margin-bottom:22px !important;
}

/* Labels */
.woocommerce-EditAccountForm label,
.woocommerce-address-fields label {
    display:block;
    margin-bottom:8px;
    font-weight:700;
}

/* Inputs */
.woocommerce-EditAccountForm input.input-text,
.woocommerce-address-fields input.input-text,
.woocommerce-address-fields .select2-selection {
    width:100%;
    height:48px !important;
    background:#fff;
    border:1px solid #ddd !important;
    padding:0 15px;
    transition:.2s ease;
}

.woocommerce-EditAccountForm input.input-text:focus,
.woocommerce-address-fields input.input-text:focus {
    border-color:#5b155f !important;
    outline:none;
}

/* Select pays */
.woocommerce-address-fields .select2-selection__rendered {
    line-height:48px !important;
}

.woocommerce-address-fields .select2-selection__arrow {
    height:48px !important;
}

/* Prénom / Nom 50-50 */
.woocommerce-EditAccountForm .form-row-first,
.woocommerce-EditAccountForm .form-row-last,
.woocommerce-address-fields .form-row-first,
.woocommerce-address-fields .form-row-last {
    width:48% !important;
}

/* Description nom affiché */
#account_display_name_description {
    display:block;
    margin-top:8px;
    opacity:.65;
    font-size:14px;
}

/* Mot de passe */
.woocommerce-EditAccountForm fieldset {
    margin-top:35px;
    padding:30px;
    border:0;
    background:#f7f7f7;
}

.woocommerce-EditAccountForm legend {
    padding:0;
    margin-bottom:20px;
    font-size:20px;
    font-weight:700;
}

.woocommerce-EditAccountForm .password-input {
    width:100%;
}

/* Boutons */
.woocommerce-EditAccountForm button[type="submit"],
.woocommerce-address-fields button[type="submit"] {
    background:#5b155f !important;
    color:#fff !important;
    border-radius:0 !important;
    border:0 !important;
    padding:16px 35px !important;
    text-transform:uppercase;
    letter-spacing:.8px;
    margin-top:25px;
}

.woocommerce-EditAccountForm button[type="submit"]:hover,
.woocommerce-address-fields button[type="submit"]:hover {
    background:#3d0e40 !important;
}

/* Mobile */
@media(max-width:768px){
    .woocommerce-EditAccountForm,
    .woocommerce-address-fields {
        padding:28px 22px;
    }
    .woocommerce-EditAccountForm .form-row-first,
    .woocommerce-EditAccountForm .form-row-last,
    .woocommerce-address-fields .form-row-first,
    .woocommerce-address-fields .form-row-last {
        width:100% !important;
        float:none !important;
    }
    .woocommerce-EditAccountForm fieldset {
        padding:25px 18px;
    }
    .woocommerce-EditAccountForm button[type="submit"],
    .woocommerce-address-fields button[type="submit"] {
        width:100%;
    }
}


/* =========================================================
   GUIDES & RESSOURCES PDF
   ========================================================= */

.woocommerce-MyAccount-content .wp-block-file {
    background:#fff;
    border-bottom:3px solid #5b155f;
    padding:35px;
    margin-bottom:25px;
    display:flex;
    align-items:center;
    gap:30px;
}

/* Icône PDF */
.woocommerce-MyAccount-content .wp-block-file:before {
    content:"";
    display:block;
    width:65px;
    height:65px;
    flex-shrink:0;
    background:url('/wp-content/uploads/icons/pdf.svg') center / contain no-repeat;
}

/* Nom du document */
.woocommerce-MyAccount-content .wp-block-file > a:first-child {
    flex:1;
    color:#111827;
    text-decoration:none !important;
    font-size:22px;
    font-weight:700;
    line-height:1.35;
}

/* Bouton Télécharger */
.woocommerce-MyAccount-content .wp-block-file .wp-block-file__button {
    background:#5b155f !important;
    color:#fff !important;
    border:0 !important;
    border-radius:0 !important;
    padding:16px 35px !important;
    margin:0 !important;
    font-size:16px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.8px;
    white-space:nowrap;
}

.woocommerce-MyAccount-content .wp-block-file .wp-block-file__button:hover {
    background:#3d0e40 !important;
}

/* Mobile */
@media(max-width:768px){
    .woocommerce-MyAccount-content .wp-block-file {
        flex-direction:column;
        text-align:center;
        align-items:center;
        padding:35px 25px;
    }
    .woocommerce-MyAccount-content .wp-block-file:before {
        width:60px;
        height:60px;
    }
    .woocommerce-MyAccount-content .wp-block-file > a:first-child {
        font-size:20px;
    }
    .woocommerce-MyAccount-content .wp-block-file .wp-block-file__button {
        width:100%;
        text-align:center;
    }
}