/*
Theme Name: Astra Child
Template: astra
Version: 1.0
*/

/* =========================================================
   1. BASE GLOBALE
   ========================================================= */

/* Fond page (ex. blog) */
#page .site-content {
    background-color: #ffffff;
}

/* Logo centré dans le header */
.site-branding {
    line-height: 1;
    align-self: center !important;
    text-align: center;
}

/* Position bouton remonter en haut de page*/
.ast-scroll-to-top-right {
    right: 20px;
    bottom: 80px;
}


/* =========================================================
   2. HEADER, NAV & ICÔNES
   ========================================================= */

/* Ombre permanente sur le header Astra (desktop + mobile) */
.site-header,
header#masthead,
.main-header-bar,
.ast-primary-header-bar,
.ast-mobile-header-wrap .main-header-bar {
    position: sticky;
    top: 0;
    z-index: 99;
    box-shadow: 0 6px 16px rgba(0,0,0,.12);
    transition: box-shadow .2s ease;
}

/* Icône panier flottant Xoo-WSC */
.xoo-wsc-sc-bki {
    font-size: 20px;
    color: #F3CF35;
}


/* =========================================================
   3. TYPO : BLOG & TITRES HOME
   ========================================================= */

/* Titre des catégories de blog (archive) */
.ast-archive-description .ast-archive-title {
    font-size: 80px !important;
}

/* Supprimer padding/margin surplus archive */
body.archive .ast-archive-description {
    padding: 0;
    margin: 0;
}

/* H2 de la page d'accueil (sauf ceux marqués .no-css) */
.page-id-240 h2 {
    font-family: 'parisienne', cursive !important;
    font-size: 80px !important;
}

/* H2 “classiques” sur la home */
.page-id-240 h2.no-css {
    font-family: 'Merriweather', serif !important;
    font-size: 28px !important;
}

/* H2 “footel menus” sur la home */
h2.widget-title {
    font-family: 'Merriweather', serif !important;
    font-size: 28px !important;
}

/* Forcer Merriweather sur les titres des produits (home/boutique) */
ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-family: "Merriweather", serif !important;
    font-size: 1.5rem !important;
    line-height: 1.25em !important;
    text-align: center !important;
    font-weight: 700 !important;
}




/* =========================================================
   5. BOUTONS (GÉNÉRAL & SPÉCIFIQUES)
   ========================================================= */

/* Style bouton “Personnaliser” (Lumise dans les listes) */
.lumise-list-button,
body.woocommerce .products .product .lumise-list-button {
    background-color: #B79A25;
    border-radius: 3px;
}

/* Transitions douces sur les boutons “classiques” (hors Lumise) */
button,
input[type="submit"],
.wp-block-button__link,
a.button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    position: relative;
    transition: all 0.35s ease-in-out !important;
    overflow: hidden;
}

button:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover,
a.button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
    filter: brightness(1.15);
    transform: scale(1.04);
}

/* Bouton “Valider la commande” (panier) */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    background-color: #B79A25;
    border-radius: 0;
    text-transform: none;
    font-weight: 600;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
    background-color: #957e1e;
}

/* Bouton “Modifier le design” dans le panier */
.woocommerce a.lumise-edit-design {
    color: #ffffff !important;
    background-color: #B79A25 !important;
}

/* Boutons “Lire plus” sur widget/section blog home (Astra Posts) */
#apbAdvancedPosts-7 .apbPost .apbReadMore a {
    font-weight: 500 !important;
    font-size: 18px !important;
    padding: 5px 15px !important;
    text-transform: none !important;
}


/* entête chekout*/
.woocommerce-checkout.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview {
    color: inherit;
    padding: 1.5em 1.5em 1em 1.5em;
    background: #fff;
    margin: 2.5em auto 3em;
}

/* thnubail cart */
.lumise-checkout-thumbnail {
display: none  !important;
}

/* ajouter au panier page boutique */
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart
{
    font-size: 18px;
}

/* Bouton choix point relai*/
#container-method-chronorelay .button {
    background: #b79a25;
    border-color: #b79a25;
    color: #fff;
    border-radius: 5px;
}

#container-method-chronorelay .button:hover {
    background: #b79a25;
    border-color: #b79a25;
    color: #fff;
    border-radius: 5px;
}
/* =========================================================
   6. AVIS, ÉTOILES & NOTES
   ========================================================= */

/* Couleur des étoiles WooCommerce (global) */
.woocommerce .star-rating,
.woocommerce .comment-form-rating .stars a,
.woocommerce .star-rating::before {
    color: #B79A25 !important;
}

/* Cacher l’avatar dans les avis produit */
.woocommerce-js #reviews #comments ol.commentlist li img.avatar {
    display: none;
}
.woocommerce-js #reviews #comments ol.commentlist li .comment-text {
    margin: 0 0 0 -20px;
    padding: 0;
}

/* Étoiles éventuelles dans un ancien slider home */
#wps-slider-section .wps-product-section .star-rating {
    height: 25px;
    line-height: 20px;
    font-size: 15px;
    width: 100px;
}

/* Centrer les étoiles dans les cartes produit */
ul.products li.product .review-rating {
    text-align: center !important;
    width: 100% !important;
}
ul.products li.product .review-rating .star-rating {
    display: inline-block !important;
    float: none !important;
    margin: 5px auto !important;
}


/* étoiles slider avis home */ 
.shortcode-wcpr-grid .shortcode-wcpr-grid-item .shortcode-wcpr-content .shortcode-review-content-container .star-rating, .shortcode-wcpr-modal-light-box .shortcode-wcpr-modal-light-box-wrapper .shortcode-wcpr-modal-wrap .shortcode-wcpr-modal-content .star-rating {
 width: 80px !important;
}



/* =========================================================
   7. PANIER & CHECKOUT
   ========================================================= */

/* Table du panier */
.woocommerce-cart table.shop_table {
    border: none;
    box-shadow: 0 0 13px rgba(0,0,0,0.04);
    border-radius: 8px;
}
.woocommerce-cart table.shop_table th,
.woocommerce-cart table.shop_table td {
    border-bottom: 1px solid #eee;
    padding: 12px 1px;
}
.woocommerce-cart table.shop_table tr:last-child td {
    border-bottom: none;
}

/* Bloc total panier à droite */
.woocommerce-cart .cart-collaterals .cart_totals {
    border: none;
    padding: 20px;
    box-shadow: 0 0 15px rgba(0,0,0,0.04);
    border-radius: 8px;
}
.woocommerce-Address h3,
.cart-collaterals h2 {
    padding: 0 0 10px 0;
}

/* Entêtes panier */
.woocommerce-cart table.shop_table td,
.woocommerce-cart table.shop_table th {
    border-right: 0;
    background-color: #ffffff;
}
.woocommerce-cart .cart-collaterals .cart_totals > h2 {
    background-color: #ffffff;
    padding-left: 20px;
}

/* Miniatures panier */
.woocommerce-js table.shop_table .product-thumbnail img,
.woocommerce-page table.shop_table .product-thumbnail img {
    width: auto;
    max-width: 150px;
}

/* Cacher miniature sur le résumé de commande (checkout blocs) */
.wc-block-components-order-summary .wc-block-components-order-summary-item__image {
    display: none !important;
}

/* Cacher bloc livraison dans le panier (totaux) */
.woocommerce-cart .woocommerce-shipping-totals {
    display: none !important;
}

/* Centrer colonnes panier */
.woocommerce-cart table.cart td,
.woocommerce-cart table.cart th {
    text-align: center;
    vertical-align: middle;
}

/* Laisser la colonne produit alignée à gauche */
.woocommerce-cart table.cart td.product-name,
.woocommerce-cart table.cart th.product-name {
    text-align: left;
}

/* Hauteur uniforme des entêtes */
.woocommerce-cart table.cart th {
    padding: 17px 10px !important;
    font-weight: 600;
}

/* Espacement autour du tableau */
.woocommerce-cart table.cart {
    margin-bottom: 20px;
}

/* Alignement vertical miniature produit */
.woocommerce-cart table.cart td.product-thumbnail {
    vertical-align: middle;
}

/* Sous-total par ligne centré proprement */
.woocommerce-cart table.cart td.product-subtotal {
    text-align: center !important;
    padding: 12px 12px 12px 1px;
}

/* Page paiement espace client */
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
    background-color: #fff !important;
}

.Input, .p-FauxInput {
    background-color: #fff;
}
/* =========================================================
   8. PRODUITS : LISTE HOME / BOUTIQUE
   ========================================================= */

/* Cacher le nom de catégorie au-dessus des titres sur les vignettes */
.woocommerce-js ul.products li.product .ast-woo-product-category,
.woocommerce-page ul.products li.product .ast-woo-product-category {
    display: none;
}

/* 2 colonnes sur mobile */
@media (max-width: 768px) {
    ul.products.columns-4 li.product {
        width: 50% !important;
        clear: none !important;
    }
}

/* 1 colonne sur très petits écrans */
@media (max-width: 480px) {
    ul.products.columns-4 li.product {
        width: 100% !important;
    }
}

/* Centrer le texte des cartes produit */
.woocommerce-js ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
    text-align: center;
    padding: 5px;
}
.woocommerce ul.products li.product.desktop-align-left,
.woocommerce-page ul.products li.product.desktop-align-left {
    text-align: center;
}
.woocommerce ul.products li.product .ast-woo-shop-product-description p:last-child,
.woocommerce ul.products li.product > .ast-loop-product__link:last-child .woocommerce-loop-product__title,
.woocommerce ul.products li.product > .button:last-child,
.woocommerce ul.products li.product > :last-child,
.woocommerce-page ul.products li.product .ast-woo-shop-product-description p:last-child,
.woocommerce-page ul.products li.product > .ast-loop-product__link:last-child .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product > .button:last-child,
.woocommerce-page ul.products li.product > :last-child {
    padding-top: 5px;
    text-align: center;
}

/* --- ALIGNEMENT PARFAIT des cartes produits (bouton + étoiles) --- */

/* La carte produit devient une colonne flex */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

/* Le bloc résumé occupe la hauteur et centre son contenu */
.woocommerce ul.products li.product .astra-shop-summary-wrap,
.woocommerce-page ul.products li.product .astra-shop-summary-wrap {
    flex: 1 0 auto;
    text-align: center;
}

/* Neutraliser les flottements internes (titre, prix, étoiles, bouton) */
ul.products li.product .star-rating,
ul.products li.product .review-rating,
ul.products li.product .price,
ul.products li.product .woocommerce-loop-product__title,
ul.products li.product a.lumise-button {
    float: none !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Bouton Personnaliser bien centré */
ul.products li.product a.lumise-button.lumise-list-button {
    display: inline-block;
    margin: 0.5rem auto 0;
    width: auto !important;
}

/* Garder un petit espace sous le prix */
ul.products li.product .price {
    margin-bottom: 0.5rem !important;
}

/* Style du bouton "Personnaliser" sur les listes produits */
ul.products a.lumise-button.lumise-list-button,
ul.products a.button {
    background-color: #b89c33 !important; /* Or */
    color: #fff !important;               /* Texte blanc */
    padding: 5px 10px !important;
    border-radius: 4px !important;
    display: inline-block !important;
    text-align: center !important;
    border: none !important;
    transition: background-color .2s ease;
}

/* Hover cohérent */
ul.products a.lumise-button.lumise-list-button:hover,
ul.products a.button:hover {
    filter: brightness(1.15) !important; 
    transform: scale(1.04) !important; 
    color: #fff !important;
    text-decoration: none !important;
}

/* Retire TOUS les styles de hover imposés aux liens */
ul.products .lumise-button.lumise-list-button,
ul.products a.button {
    box-shadow: none !important;
}

/* Enlève badge sur image ajouter au panier*/ 
.ast-on-card-button .ahfb-svg-iconset {
    display: none;
}

/* =========================================================
   9. PAGE PRODUIT SEUL
   ========================================================= */

/* Taille titre produit simple */
.woocommerce-js div.product .product_title {
    clear: none;
    margin-top: 0;
    padding: 0;
    font-size: 40px;
}

/* Couleur des attributs dans l’onglet “Infos complémentaires” */
.woocommerce-js div.product .woocommerce-tabs .shop_attributes th {
    color: #000000;
}

/* Conncetion avis */
.mde-review-login-box {
  margin-top: 15px;
  padding: 16px;
  border-radius: 6px;
  background: #F7F7F9;
  border: 1px solid #E3E3EA;
}

.mde-review-login-title {
  margin: 0 0 8px;
  font-size: 0.95rem;
  font-weight: 600;
}

.mde-review-login-register {
  margin-top: 10px;
  font-size: 0.9rem;
}

/* ligne RGPD */
.single-product #wcal_gdpr_message_block {
    display: none !important;
}


/* =========================================================
   10. SECTIONS HOME (HERO, FONCTIONNALITÉS)
   ========================================================= */

/* Réduction padding bloc fonctionnalités home (classe à appliquer dans l’éditeur) */
.hero-features {
    padding-bottom: 0 !important;
    margin-bottom: -20px !important;
}


/* =========================================================
   11. BLOG : LISTES & DERNIERS ARTICLES
   ========================================================= */

/* Centrer le contenu des cartes articles (archive/blog) */
.archive .ast-article-post .ast-article-inner,
.blog .ast-article-post .ast-article-inner,
.archive .ast-article-post .ast-article-inner:hover,
.blog .ast-article-post .ast-article-inner:hover {
    text-align: center;
}

/* ---- Section “Derniers articles” (shortcode custom) ---- */

.mdt-latest-posts {
    margin: 60px 0 40px;
}

/* Grille responsive */
.mdt-posts-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}
@media (max-width: 900px) {
    .mdt-posts-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media (max-width: 600px) {
    .mdt-posts-grid {
        grid-template-columns: 1fr;
}
}
/* Carte article */
.mdt-post-card {
    background: #ffffff;
    border-radius: 8px;
    border: none;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Vignette */
.mdt-post-thumb {
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.mdt-post-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Corps de carte */
.mdt-post-body {
    padding: 16px 18px 18px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Titre article */
.mdt-post-title {
    font-family: "Merriweather", serif;
    font-size: 1.2rem;
    line-height: 1.3;
    margin: 0 0 10px;
    text-align: center;
    min-height: 4em;      /* 2 lignes de titre max */
}
.mdt-post-title a {
    color: #000000 !important;
    text-decoration: none;
}
.mdt-post-title a:hover {
    text-decoration: none;

}

/* Extrait */
.mdt-post-excerpt {
    font-size: 0.95rem;
    line-height: 1.45;
    margin-bottom: 5px;
    flex-grow: 1;
    text-align: center;
    min-height: 4.5em;      /* ajuste si tu veux plus/moins de texte */
}

/* Bouton “Lire l’article” */
.mdt-post-button {
    align-self: center;
    display: inline-block;
    padding: 8px 14px;
    border-radius: 3px;
    background: #b89a00;
    color: #ffffff;
    font-size: 0.9rem;
    text-decoration: none;
    font-weight: 600;
}
.mdt-post-button:hover {
    filter: brightness(1.15) !important; 
    transform: scale(1.04) !important; 
    color: #ffffff;
}

/* Catégorie pill (au-dessus du titre) */
.mdt-post-category {
    display: inline-block;
    margin: 0 auto 10px;
    padding: 4px 14px;
    background: #b89a00;
    color: #ffffff;
    font-size: 0.8rem;
    font-weight: 600;
    border-radius: 3px;
    text-decoration: none;
}

.mdt-post-category:hover {
    filter: brightness(1.15) !important; 
    transform: scale(1.04) !important; 
    color: #ffffff !important;
}

/* =========================================================
   12. FILTRES BOUTIQUE
   ========================================================= */

/* Couleur bouton filtres */
.woocommerce .astra-shop-filter-button .astra-woo-filter-text, .woocommerce button.astra-shop-filter-button .astra-woo-filter-text, .woocommerce-page .astra-shop-filter-button .astra-woo-filter-text, .woocommerce-page button.astra-shop-filter-button .astra-woo-filter-text {
    color: #000;
}