/*
Theme Name: Medicross Child
Theme URI: http://demo.casethemes.net/medicross
Author: Case-Themes
Author URI: https://casethemes.net/
Description:Medicross is a beautifully handcraftedfor doctors, clinics, medical care and health care centers, hospitals, dentists, orthopedic doctors, pediatricians, psychologists on Elementor Page Builder & designed with great attention to details, flexibility and performance. Medicross has stunning styles and elements to help you make a professional website in no time.
Version: 1.0.4
License: ThemeForest
License URI: https://themeforest.net/licenses
Template: medicross
Text Domain: medicross-child
Tags:appointment booking, chiropractor, dentist, doctor, doctor appointment, doctor booking, health, health theme, healthcare, hospital, medical, medical appointment, medical booking, medical theme, pharmacy
Requires at least: 5.8 or Higher
Requires PHP: 7.4 or Higher
Tested up to: 6.4.1
*/

/* ===================================================
   1. VUE GRILLE (Colonnes) : Bouton rond avec icône seule
   =================================================== */
.woocommerce ul.products:not(.list) li.product .button,
.product-grid .button {
    text-indent: -9999px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    position: relative !important;
    width: 45px !important;
    height: 45px !important;
    padding: 0 !important;
    border-radius: 50% !important;
}

.woocommerce ul.products:not(.list) li.product .button::before,
.product-grid .button::before,
.woocommerce ul.products:not(.list) li.product .button i {
    text-indent: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    font-size: 18px !important;
}

/* ===================================================
   2. VUE LISTE (Ligne par ligne) : Bouton normal réaffiché
   =================================================== */
/* Réinitialise le style pour que l'icône + texte ou le bouton s'affiche correctement en ligne */
.woocommerce ul.products.list li.product .button,
.woocommerce ul.products.list-view li.product .button,
.product-list .button {
    text-indent: 0 !important;
    width: auto !important;
    height: auto !important;
    padding: 10px 20px !important;
    border-radius: 4px !important;
    overflow: visible !important;
    display: inline-block !important;
}

.woocommerce ul.products.list li.product .button::before,
.woocommerce ul.products.list-view li.product .button::before {
    position: static !important;
    display: inline-block !important;
    margin-right: 8px !important;
}

/* Masque le sélecteur de vue Grille/Liste de Medicross */
.pxl-view-layout,
ul.pxl-view-layout {
    display: none !important;
}

/* Forcer un fond blanc pur sur woocommerce-product-header et woocommerce-product-gallery-wrapper */
.woocommerce-product-header,
.woocommerce-product-gallery-wrapper,
.woocommerce ul.products li.product .woocommerce-product-header,
.woocommerce ul.products li.product .woocommerce-product-gallery-wrapper {
    background-color: #ffffff !important;
    background: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
}

/* S'assurer que les images à l'intérieur ont également un fond blanc */
.woocommerce-product-header img,
.woocommerce-product-gallery-wrapper img 
/*.woocommerce-gallery.col-xl-6.col-lg-6.col-md-6 img */
{
    background-color: #ffffff !important;
    display: block !important;
    margin: 0 auto !important;
}