/*
Theme Name: Martfury Child
Theme URI: http://drfuri.com/unero
Author: DrFuri
Author URI: http://drfuri.com
Description: Martfury Child Theme.
Version: 1.0
License: GNU General Public License v2+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: martfury
Domain Path: /lang/
Tags: one-column, two-columns, left-sidebar, right-sidebar, full-width-template, post-formats, theme-options, threaded-comments, translation-ready
Template: martfury
*/

.mf-catalog-page .woocommerce-products-header {
    display: none !important;
}

/* Style pour afficher le bouton Filtrer et Annuler côte à côte */
.filter-buttons-wrapper {
    display: flex; /* Utilise Flexbox pour aligner les éléments */
    gap: 10px;    /* Ajoute un espace entre les boutons */
    margin-top: 10px; /* Espace au-dessus des boutons */
    align-items: center; /* Centre les éléments verticalement */
}

.filter-buttons-wrapper .button.filter-button,
.filter-buttons-wrapper .button.cancel-button {
    /* Assurez-vous que les boutons ont une largeur flexible ou automatique */
    flex-grow: 1; /* Permet aux boutons de prendre la largeur disponible (optionnel) */
    text-align: center; /* Centre le texte dans le bouton */
    padding: 8px 10px; /* Ajuste le padding si nécessaire */
    margin: 0; /* Retire les marges par défaut si elles existent */
    line-height: 1.5;
}


/* ============================
   DÉFILEMENT VERTICAL DES ARTICLES
   DANS LE RÉSUMÉ DE COMMANDE
============================ */

/* Cibler spécifiquement le conteneur des articles du résumé WooCommerce */
.woocommerce-checkout-review-order .woocommerce-checkout-review-order-table,
.woocommerce-checkout-review-order-table {
    /* Conserver l'affichage normal pour l'en-tête et le pied du tableau */
    display: table;
    width: 100%;
}

/* Cibler le corps du tableau (contenant les articles) */
.woocommerce-checkout-review-order .woocommerce-checkout-review-order-table tbody,
.woocommerce-checkout-review-order-table tbody {
    display: block;
    max-height: 300px; /* Hauteur maximale avant défilement */
    overflow-y: auto;
    overflow-x: hidden;
}

/* Conserver l'affichage table pour les lignes */
.woocommerce-checkout-review-order .woocommerce-checkout-review-order-table tbody tr,
.woocommerce-checkout-review-order-table tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed; /* Pour une largeur uniforme */
}

/* Style de la barre de défilement */
.woocommerce-checkout-review-order .woocommerce-checkout-review-order-table tbody::-webkit-scrollbar,
.woocommerce-checkout-review-order-table tbody::-webkit-scrollbar {
    width: 6px;
}

.woocommerce-checkout-review-order .woocommerce-checkout-review-order-table tbody::-webkit-scrollbar-track,
.woocommerce-checkout-review-order-table tbody::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.woocommerce-checkout-review-order .woocommerce-checkout-review-order-table tbody::-webkit-scrollbar-thumb,
.woocommerce-checkout-review-order-table tbody::-webkit-scrollbar-thumb {
    background: var(--primary-color);
    border-radius: 3px;
}

.woocommerce-checkout-review-order .woocommerce-checkout-review-order-table tbody::-webkit-scrollbar-thumb:hover,
.woocommerce-checkout-review-order-table tbody::-webkit-scrollbar-thumb:hover {
    background: var(--primary-dark);
}

/* S'assurer que l'en-tête et le pied restent fixes */
ge produit à gauche */
.mf-product-images {
  grid-column: 1;
}

/* Résumé (titre, prix, bouton) au centre */
.mf-product-summary {
  grid-column: 2;
}



/* Enlever le fond vert et ajouter un contour vert */
button[name="update_cart"] {
    background-color: transparent !important;
    border: 2px solid #009e12 !important;
    color: #009e12 !important;
}

/* Styles au survol */
button[name="update_cart"]:hover:not([disabled]) {
    background-color: #009e12 !important;
    color: white !important;
}

/* Style quand le bouton est désactivé */
button[name="update_cart"]:disabled {
    border-color: #cccccc !important;
    color: #cccccc !important;
    cursor: not-allowed !important;
}

/* === SINGLE PRODUCT AVEC SIDEBAR DROITE === */
.mf-single-product-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 30px 15px;
}

.mf-single-product-row {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 25px;
}

/* Partie principale du produit */
.mf-product-content {
  flex: 0 0 75%;
  max-width: 75%;
}

/* Sidebar droite */
.mf-product-sidebar {
  flex: 0 0 25%;
  max-width: 25%;
  background: #fff;
  border: 1px solid #eaeaea;
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
}

/* Widget dans la sidebar */
.mf-widget {
  margin-bottom: 25px;
}

.mf-widget-title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 2px solid #4CAF50; /* vert fourmi */
  color: #333;
}

/* Texte du widget */
.mf-widget p {
  font-size: 14px;
  color: #555;
  margin: 0;
}

@media (max-width: 767px) {
    body.woocommerce-cart .woocommerce table.cart td.product-quantity {
        width: 30% !important;
        max-width: 30% !important;
    }
}





/* Pour tous les écrans */
.woocommerce-tabs.wc-tabs-wrapper {
    clear: both !important;
}

/* Pour grands écrans seulement */
@media (min-width: 992px) {
  .mf-product-layout-6 .woocommerce-tabs.wc-tabs-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  
  .mf-product-layout-6 .woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
  }
  
  .mf-product-layout-6 .woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs li {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 2px !important;
  }
  
  .mf-product-layout-6 .woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs #tl-wc-tab {
    display: none !important;
  }
}
  
  ul.tabs.wc-tabs #tl-wc-tab {
    display: none !important;
  }
}