.edd-add-to-cart,
.edd-submit {
    margin-top: 0.7em;
    padding: 0.5em 0.74em;    
    font-size: 1.4rem;
}

.edd-submit.button.blue {
    background: #b2310e;
    border-color: #b2310e !important;
}

.singular.single-download .entry-image .featured-media {
    width: auto;
    max-height: 100%;
}


/* LE FORMAT DE PAGE GENERIQUE
------------------------------------------------------------------------------*/


/* body */
.edd-checkout.singular {
    min-height: 100vh;
    display: grid;
    grid-template-rows: auto 1fr auto;
}


.singular article.generic-edd  {
    grid-template-columns: 1fr;
    grid-template-areas:
        "header"
        "entry-image"
        "entry-content";
}

/**
* Display de chaque article à télécharger
*/

.edd_downloads_list {
    display: grid;
    gap: 1em;
}

.edd_downloads_list .edd_download {
    width: auto;
    /* border: 1px solid rebeccapurple; */
}

.edd_download_inner {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 1em 0;
    margin: 0;
    padding: 0.8em;
}

.edd_download_image {

}

.entry-content .edd_download_title {
    margin: 0;
}

.edd_download_buy_button {
    text-align: center;
    width: 100% !important;
}

.edd_download_full_content {
    font-size: 1.1rem;
}

/* Le bouton acheter d'un article */
.edd_downloads_list .edd_download_buy_button .edd_purchase_submit_wrapper a.edd-add-to-cart {
    margin-top: 0 !important;
    width: 100% !important;
}

/* Le bouton commander d'un article */
.edd_downloads_list .edd_download_purchase_form .edd_purchase_submit_wrapper .edd-submit.button {
    width: 100% !important;
    margin-top: 0;
}

.edd-cart-added-alert {
    position: initial;
}

@media (min-width: 992px) {

    .edd_downloads_list {
        /* grid-template-columns: repeat(auto-fit, minmax(20em, 1fr)); */
        grid-template-columns: repeat(4, 1fr);
        gap: 1em;
    }

    .edd_download_inner {
        height: 100%;
        grid-template-rows: repeat(3, auto) 1fr;
    }

    .edd_download_buy_button {
        align-self: end;
    }

    .singular .generic-edd .entry-image {
        height: auto;
    }
}


/* La page d'achat d'un magazine
------------------------------------------------------------------------------*/
.single-download.singular .entry-title {
    font-size: 2.3rem;
}


.single-download.singular .entry-image {
    display: block;
}

.single-download.singular .entry-content {
    justify-self: auto;
}

@media (min-width: 992px) {
    .single-download.singular .entry-title {
        font-size: 2.7rem;
    }
}

/* La page de paiement
------------------------------------------------------------------------------*/

.edd-checkout.singular article {
    grid-template-columns: 1fr;
    grid-template-areas:
        "header"
        "entry-image"
        "entry-content";
}

.edd-checkout #edd_checkout_wrap {
    width: auto;
    max-width: unset;
    margin: 0;
}

#edd_checkout_form_wrap fieldset {
    margin: 0;
    padding: 0;
}

.edd_empty_cart {
    display: block;
    text-align: center;
}


#edd-purchase-button {
    width: -webkit-fill-available;
    margin-top: 1em;
    padding: 0.5em 0.74em;
    font-size: 1.2rem;
}

@media (max-width: 992px) {

    /* Modifie la zone d'affichage des prix */
    #edd_checkout_cart thead {
        display: none;
    }

    #edd_checkout_cart .edd_cart_item {
        display: grid;
        justify-self: stretch;
    }

    #edd_checkout_cart th {
        padding: 0.5em 0;
    }

    #edd_checkout_cart .edd_cart_item > td {
        margin: 0;
        padding: 0.2em;
    }

    .edd_cart_item_name {
        /* display: flex; */
    }

    .edd_cart_item_name:before {
        display: block;
        content: "Nom de l’article";
        font-size: 0.8em;
        margin-right: 0.4em;
    }

    .edd_cart_item_price::before {
        display: block;
        content: "Prix unitaire";
        font-size: 0.8em;
        margin-right: 0.4em;
    }

    #edd_checkout_cart .edd_cart_item_price {
        text-align: right;
    }

    .edd_cart_actions {
        grid-column: 1 / 3;
        grid-row: 2;
    }

}


@media (min-width:992px) {

    .edd-checkout.singular #site-content {
        padding: 1.5rem 3rem;
    }

    .edd-checkout.singular article {
        grid-template-columns: 1fr auto 1fr;
        grid-template-areas:
            ". header ."
            ". entry-image ."
            ". entry-content .";
    }

    .edd-checkout.singular .entry-title {
        margin: 0.9rem 0;
        font-size: 2.3rem;
    }

    .edd-checkout.singular .entry-image {
        height: auto;
    }

}


/* LE FORMAT DE PAGE EDD DIALOGUE
------------------------------------------------------------------------------*/

.page-template-template-page-edd-dialog.singular article {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas:
        "entry-header"
        "entry-image"
        "entry-content";
}

.page-template-template-page-edd-dialog.singular .entry-header {
    grid-area: entry-header;
}

.page-template-template-page-edd-dialog.singular .entry-image {
    height: auto;
}

.page-template-template-page-edd-dialog.singular .entry-content {
    padding: 0;
    justify-self: center;
    text-align: center;
}


@media (min-width: 992px) {

    .page-template-template-page-edd-dialog.singular article {
        grid-template-columns: 1fr auto 1fr;
        grid-template-areas:
        ". entry-header ."
        ". entry-image ."
        ". entry-content .";
        gap: 2em;
    }

    .page-template-template-page-edd-dialog.singular .entry-image {
        display: block;
        height: unset;
        max-height: 49vh;
    }

    .page-template-template-page-edd-dialog.singular .entry-content {
        /* padding: 0;
        justify-self: center;
        text-align: center; */
    }

    /* Pour que l'image occupe toute la largeur de la grille article */
    .page-template-template-page-edd-dialog.singular article {
        grid-template-columns: 1fr minmax(30rem, 58rem) 1fr;
    }

    .page-template-template-page-edd-dialog.singular .entry-image .featured-media {
        width: max-content;
        object-fit: cover;
    }

}