/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */


/** {*/
/*    opacity: 1 !important;*/
/*    filter: none !important;*/
/*}*/

/**::before, *::after {*/
/*    display: none !important;*/
/*}*/

/* Désactive l'overlay d'assombrissement pendant le chargement AJAX */
/*.prdctfltr_woocommerce .prdctfltr_loading,*/
/*.prdctfltr_woocommerce .prdctfltr_overlay,*/
/*.prdctfltr_wc.prdctfltr_loading::before,*/
/*.prdctfltr_wc.prdctfltr_loading::after {*/
/*    display: none !important;*/
/*    opacity: 0 !important;*/
/*    visibility: hidden !important;*/
/*}*/

/* Évite l'animation de fondu sur les images pendant le scroll infini */
/*.prdctfltr_woocommerce.prdctfltr_loading img,*/
/*.prdctfltr_wc img {*/
/*    opacity: 1 !important;*/
/*    transition: none !important;*/
/*}*/

/* Désactive l'overlay pendant le chargement infinite scroll */
.prdctfltr-pagination-infinite-load::before,
.prdctfltr-pagination-infinite-load::after,
.prdctfltr-pagination-load-more::before,
.prdctfltr-pagination-load-more::after {
    display: none !important;
}

/* Empêche l'assombrissement des produits pendant le chargement AJAX */
body.prdctfltr-ajax-load-more .products,
body.prdctfltr-ajax-load-more .products li,
body.prdctfltr-ajax-load-more img {
    opacity: 1 !important;
    filter: none !important;
}

/* Si l'overlay est sur le conteneur principal */
.prdctfltr_wc::before,
.prdctfltr_wc::after,
ul.products::before,
ul.products::after {
    display: none !important;
}


/* ========================================
   MINI PANIER
======================================== */
.owp-grid.content h3 a {
color: #000 !important;
}

/* ========================================
   PAGE PANIER
======================================== */
.wc-block-components-sidebar-layout.wc-block-cart {
  padding-top: 60px!important;
  margin-left: 60px!important;
  margin-right: 60px!important;
}

/* Texte général page panier */
.wc-block-cart,
.wc-block-cart-items__header th,
.wc-block-components-product-name,
.wc-block-components-product-details__name,
.wc-block-components-product-details__value,
.wc-block-components-totals-item__label,
.wc-block-cart__totals-title {
    color: #B0B0B0 !important;
}

/* ========================================
   PAGE COMMANDE
======================================== */
.wc-block-components-sidebar-layout.wc-block-checkout {
  padding-top: 60px !important;
  margin-left: 60px !important;
  margin-right: 60px !important;
}


/* ========================================
   MENU DESKTOP
======================================== */

/* supprimer toute bordure ou outline lors du clic/focus sur les liens du menu */
#site-navigation .menu-item > a:focus,
#site-navigation .menu-item > a:active {
outline: none !important;
border: none !important;
/*color: #D1AD61 !important;*/
}

/* ========================================
MENU MOBILE - APPARENCE
======================================== */

/* menu mobile : espacer logo et icône */
@media (max-width: 959px) {
#site-header-inner {
padding: 0 20px !important;
}
}

/* couleur de fond du menu mobile */
#mobile-dropdown {background-color: #1B1B1BE0 !important;
}

/* fond des items au survol, focus et clic */
#mobile-dropdown nav ul#menu-main-menu-1 li a:hover,
#mobile-dropdown nav ul#menu-main-menu-1 li a:focus,
#mobile-dropdown nav ul#menu-main-menu-1 li a:active,
#mobile-dropdown nav ul#menu-main-menu-1 li.current_page_item > a,
#mobile-dropdown nav ul#menu-main-menu-1 li.current-menu-item > a {
background-color: #1B1B1BF2 !important;
transition: none !important;
}

/* supprimer les effets de tap highlight sur mobile */
#mobile-dropdown nav ul#menu-main-menu-1 li a {
-webkit-tap-highlight-color: transparent !important;
tap-highlight-color: transparent !important;
}

/* supprimer bordure et décalage de l'icône menu hamburger */
.mobile-menu-toggle,
#mobile-menu-toggle,
a.mobile-menu {
outline: none !important;
border: none !important;
-webkit-tap-highlight-color: transparent !important;
tap-highlight-color: transparent !important;
}

.mobile-menu-toggle:focus,
.mobile-menu-toggle:active,
#mobile-menu-toggle:focus,
#mobile-menu-toggle:active,
a.mobile-menu:focus,
a.mobile-menu:active {
outline: none !important;
border: none !important;
box-shadow: none !important;
transform: none !important;
position: relative;
top: 0 !important;
left: 0 !important;
}

/* supprimer l'outline Firefox */
.mobile-menu-toggle::-moz-focus-inner,
#mobile-menu-toggle::-moz-focus-inner {
border: 0 !important;
}

/* ========================================
SECTIONS
======================================== */
/* ========================================
#bienvenue
======================================== */
#bienvenue{
animation: zoomOut 2s ease-out forwards;
}

@keyframes zoomOut {
    0% { scale: 1.2; }
    100% { scale: 1; }
}

/* ========================================
/*présentation
======================================== */
/* Animation premium au survol */
.img-grow {
overflow: hidden;
}
.img-grow img {
transition: transform 1s ease-out;
transform-origin: center;
}
.img-grow:hover img {
transform: scale(1.02);
/*box-shadow: 0 18px 40px rgba(0,0,0,0.18);*/
}

/* Mobile uniquement */
@media (max-width: 767px) {
/* Forcer la même hauteur pour les 2 images */
.elementor-element-1a76f8fe img,
.elementor-element-fe9c064 img {
object-fit: cover !important;
aspect-ratio: 3/2 !important; /* Ratio de la première image (1024x683) */
}
}

/* ========================================
#maîtres-mots
======================================== */
/* Conteneur principal */
.service-box {
position: relative;
overflow: hidden;
padding: 20px;
min-height: 200px;
}

/* Wrapper qui remonte */
.service-box .elementor-icon-box-wrapper {
transition: transform 0.4s ease;
}

/* Description - cachée au départ */
.service-box .elementor-icon-box-description {
opacity: 0;
transition: opacity 0.4s ease;
}

/* AU SURVOL - tout remonte ensemble */
.service-box:hover .elementor-icon-box-wrapper {
transform: translateY(-70px);
}

/* Description apparaît */
.service-box:hover .elementor-icon-box-description {
opacity: 1;
}

/* ========================================
#nos univers
======================================== */
/* Styles communs pour tous les backgrounds avec effet grow */
[class*="bg-grow"]::before {
content: '' !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
background-position: bottom center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
transition: transform 1s ease-out !important;
}

[class*="bg-grow"]:hover::before {
transform: scale(1.03) !important;
}

/* Images spécifiques pour chaque catégorie */
.bg-grow1::before {
background-image: url("https://www.boucherie-misk.fr/wp-content/uploads/2025/12/viande-bovine-1-860x450-1.jpg") !important;
}

.bg-grow2::before {
background-image: url("https://www.boucherie-misk.fr/wp-content/uploads/2025/12/boucherie_misk_univers_charcuterie-1-768x571.jpg") !important;
}

.bg-grow3::before {
background-image: url("https://www.boucherie-misk.fr/wp-content/uploads/2025/12/boucherie_misk_univers_traiteur-768x432.jpg") !important;
}

.bg-grow4::before {
background-image: url("https://www.boucherie-misk.fr/wp-content/uploads/2025/12/boucherie_misk_univers_reception-768x432.jpg") !important;
}

/* ========================================
#vos avis
======================================== */
.elementor-testimonial__icon svg {
margin-top: 4px;
}


/* ========================================
#commander
======================================== */
.woocommerce ul.products li.product:not(.product-category) .woo-product-info {
background-color: #282828!important;
}

/*----------------------------------------------------------------------------*/
/*1.8 section filtre */
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*1.8.1 objet Filtre*/
/*----------------------------------------------------------------------------*/

/*.myfilterplt {
height:210px !important;
}*/

/*placer le bloc de filtre en bas*/
.myfilterplt .prdctfltr_woocommerce .prdctfltr_filter {
float: none !important;
}

/*ajuster la hauteur de l'objet filtre*/
/*.myfilterplt .prdctfltr_wc {
margin-bottom: 40px !important;*/ /*!!! une hauteur de 40px permet sur écran pc une stabilité parfaite du bloc d'icônes*/
/*margin-left: 5px !important;*/ /*compenser l'alignement central*/ 
/*}*/

/*----------------------------------------------------------------------------*/
/*1/8 bandeau d'effacement*/
/*----------------------------------------------------------------------------*/

/*maintenir un décalage bas*/
/*.prdctfltr_wc.prdctfltr_click_filter span.prdctfltr_reset {
margin-top: 0;
margin-bottom: 6px;
}*/
/*----------------------------------------------------------------------------*/
/*2/8 bandeau collecteur de sélecteurs*/
/*----------------------------------------------------------------------------*/

/*corriger marge intérieure haute et basse et marge extérieure*/
/*permet le maintien de position des fitres après filtrage*/
.myfilterplt .prdctfltr_wc .prdctfltr_buttons {
margin-top: 10px !important;                     /*stabilité de hauteur X*/
margin-bottom: -2px !important;                  /*stabilité de hauteur X*/
padding: 0 !important;
}

/*centrer les sélecteurs (filtres actifs) */
.myfilterplt .prdctfltr_aftertitle {
margin-bottom: -6px !important;                 /*stabilité de hauteur X*/
text-align: center !important;
}

/*réduire la hauteur des sélecteurs*/
.myfilterplt .prdctfltr_aftertitle > span, .prdctfltr_collector > span {
padding: .10em 1em !important;
}


/*----------------------------------------------------------------------------*/
/*3/8 colonnes*/
/*----------------------------------------------------------------------------*/

/*augmenter le nombre de colonnes 3 à 10 du bandeau de 1er filtrage*/
.myfilterplt .prdctfltr_woocommerce .prdctfltr_3_columns.prdctfltr_filter label {
flex: 0 0 8.33% !important;
flex-wrap: wrap !important;
justify-content: center !important;
bottom: 0;
}

/*aligner et centrer les colonnes intégrant les icônes après 1er filtrage*/
.prdctfltr_3_columns .prdctfltr_checkboxes > .prdctfltr_sub:first-child, .prdctfltr_2_columns .prdctfltr_show_subs + .prdctfltr_sub, .prdctfltr_3_columns .prdctfltr_show_subs + .prdctfltr_sub {
display: flex !important;
/*flex-wrap: wrap !important;*/
justify-content: center !important;
}


/*----------------------------------------------------------------------------*/
/*4/8 blocs*/
/*----------------------------------------------------------------------------*/

/*centrer les blocs (icônes + text)*/
.myfilterplt .prdctfltr_customize_block {
text-align: center !important;
}
/*définr la hauteur de ligne qi distance les compteurs verticalement*/
.myfilterplt .prdctfltr_customize_block.prdctfltr_customize {
line-height: 24px !important;/*correction du contenant filtre version .com */
}

/*----------------------------------------------------------------------------*/
/*5/8 icônes*/
/*----------------------------------------------------------------------------*/

/*définir la hauteur des icônes et supprimer toute bordure*/
.myfilterplt .prdctfltr_customize_image_text img {
/*height: 35px !important;*/
/*height: auto !important;
width: 100% !important; */
border: none !important;
}
/*
.myfilterplt .prdctfltr_customize_image_text img.lazyload {
height: 35px !important;
width: auto !important;  
}*//*
.myfilterplt .prdctfltr_customize_image_text .lazyloaded {
height: auto !important;
width: 100% !important;  
}
*/
/*----------------------------------------------------------------------------*/
/*6/8 checkbox*/
/*----------------------------------------------------------------------------*/

/*contrer le décalage droit de l'icône lors de l'activation d'une coche*/
/*.input[type="radio"]:checked::before, input[type="checkbox"]:checked::before {
float: none !important;
}/


/*----------------------------------------------------------------------------*/
/*7/8 étiquettes*/
/*----------------------------------------------------------------------------*/

/*positionner les étiquettes sous leur icône*/
.myfilterplt .prdctfltr_customize_image_text_tip {
display: block;
/*vertical-align: middle;*/
margin-top: 9px;
margin-left: 0px !important;    
margin-bottom: 9px;
margin-right: 0px;     
height: 26px;
line-height: 20px;
font-size: 20px;
font-weight: 600;
/*letter-spacing:0;*/
color:#555555;
font-family: lato !important;    
}

/*adapter la famille de ploice des étiquettes*/
/*.prdctfltr-widget .prdctfltr_wc .prdctfltr_filter_inner {
font-family: alegreya !important;
font-size: 20px !important;
font-weight: 600 !important;
letter-spacing:0 !important;
}*/

/*colorer le texte de l'étiquette au survol de souris*/
.myfilterplt .prdctfltr_customize_image_text_tip:hover {
color:#700000;    
}

/*appliquer un filtre à l'apprence de l'icône*/
.myfilterplt .prdctfltr_checkboxes img {
filter: invert(0.85) brightness(0.8);
transition: all 0.3s ease;
transform-origin: center;
}

/*grossir et éclaircir l'icône au survol de souris*/
.myfilterplt .prdctfltr_checkboxes img:hover {
filter: invert(1) brightness(0.95);
transform: scale(1.025);
}

/* déclencher l'effet étiquette quand on survole l'icône */
.myfilterplt .prdctfltr_checkboxes label:hover .prdctfltr_customize_image_text_tip {
color:#700000;
}

/*dev: inversement déclencher l'effet icône quand on survole l'étiquette */

/*adoucir la transition de l'étiquette */
.myfilterplt .prdctfltr_customize_image_text_tip {
    transition: all 0.3s ease;
}

/*----------------------------------------------------------------------------*/
/*8/8 compteurs*/
/*----------------------------------------------------------------------------*/

/*compteurs mise en forme*/
.myfilterplt .prdctfltr_count {
/*vertical-align: inherit !important;*/
margin-left: 0 !important;
/*padding: 0 !important;*/
background-color: transparent;
height: 10px;
line-height:20px;
font-family: lato;
font-size: 20px;
font-weight: 600;
color: #A00;
border: none;    
/*border-radius: 0 !important;*/
}

/*forcer un fond transparent des icônes de filtre*/
.prdctfltr_customize_image_text {
background-color: transparent !important;
}
/*--------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* masquer le titre "Filter products" */
.myfilterplt .prdctfltr_filter_title {
    display: none !important;
}

/* Centrer les catégories principales (1er niveau) */
/*.myfilterplt .prdctfltr_filter_wrapper {*/
/*    text-align: center !important;*/
/*}*/

/*maintenir le centrage des filtres en format pc*/
.myfilterplt .prdctfltr_checkboxes {
/*    display: flex !important;
    flex-wrap: wrap !important;*/
    justify-content: center !important;
    gap: 10px !important;
}

/* S'assurer que les labels (boucherie, charcuterie, etc.) sont centrés */
/*.myfilterplt .prdctfltr_checkboxes > label {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}*/

/*définir la hauteur du conteneur principal en position relative */
.myfilterplt .prdctfltr_woocommerce_ordering {
position: relative !important;
min-height: 230px !important;
}

/*définir la hauteur de la zone scrollable des filtres en cas de filtres en retour à la ligne*/
/*dev: c'est ici qu'il faut proscrire le retour à la ligne et permettre un défilement horizontale sans perturber la largeur de la page*/
.prdctfltr_add_scroll {
height: 155px !important;
}

/*fixer les boutons Clear filters en HAUT */
/*.myfilterplt .prdctfltr_buttons {
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
z-index: 2 !important;
}*/

/*définir la position verticale des filtres */
.myfilterplt .prdctfltr_filter_wrapper {
position: absolute !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
z-index: 1 !important;
}

/*styliser l'apparence des icônes defiltres*/
.myfilterplt .prdctfltr_checkboxes img {
filter: invert(0.9) brightness(0.85) contrast(0.9) !important;
}

/*dimensionner et colorer le "x" de suppression de tout filtre actif */
.prdctfltr_selected_title {
font-size: 22px;
color: #700000;
}

/*dimensionner et colorer le "x" de suppression de tout filtre actif */
.prdctfltr-delete {
font-size: 20px;
color: #700000;
}

/*adaptation pour smartphone*/ /*640*/
@media (max-width: 767px) {
/*ramener les marges à 0 en format smartphone (contrer une marge droite native de -36px)*/
.prdctfltr_wc.prdctfltr_woocommerce.pf_mod_row .prdctfltr_filter_inner {
margin: 0 !important;
}
 /*définir la hauteur du conteneur principal en position relative */
.myfilterplt .prdctfltr_woocommerce_ordering {
min-height: 220px !important;
}   
 /*maintenir le centrage des filtres en format pc*/
.myfilterplt .prdctfltr_checkboxes {
gap: 5px !important;
} 

/* SCROLL HORIZONTAL sur le conteneur prdctfltr_sub */
.myfilterplt .prdctfltr_sub {
display: flex !important;
flex-wrap: nowrap !important;
overflow-x: auto !important;
overflow-y: hidden !important;
-webkit-overflow-scrolling: touch !important;
height: 155px;  
}

/* LARGEUR FIXE - 4 icônes visibles */
.myfilterplt .prdctfltr_sub > label {
flex: 0 0 25% !important;
min-width: 25% !important;
}

/* ANNULER le centrage en mode scroll pour éviter le rognage */
.prdctfltr_3_columns .prdctfltr_checkboxes > .prdctfltr_sub:first-child, 
.prdctfltr_2_columns .prdctfltr_show_subs + .prdctfltr_sub, 
.prdctfltr_3_columns .prdctfltr_show_subs + .prdctfltr_sub {
justify-content: flex-start !important;
}
}


/*ci-dessus placé en personnaliser js/css*/
/*@media (max-width: 660px) {*/
/*.woocommerce span.onsale {*/
/*left: 10px !important;*/
/*}*/
/*}*/



/*page woocommerce panier*/
.wp-block-woocommerce-empty-cart-block {
  margin-top: 60px;
}

/*désactiver les liens hypertextes vers les pages produit*/
/*vignettes et titres en page panier*/
td.wc-block-cart-item__image a,
a.wc-block-components-product-name {
    pointer-events: none;
    cursor: default;
}

.wp-block-woocommerce-empty-cart-block h2:not(.wc-block-cart__empty-cart__title),
.wp-block-woocommerce-empty-cart-block .wc-block-product-new {
    visibility: hidden;
    height: 0;
    overflow: hidden;
}


/*page woocommerce commande*/
.react-datepicker {
    font-size: 14px !important;
    width: 280px !important;
}
.react-datepicker__month-container {
    width: 100% !important;
}
.react-datepicker__header {
    padding-bottom: 10px !important;
}
.react-datepicker__current-month {
    font-size: 15px !important;
    margin-bottom: 8px !important;
}
.react-datepicker__day {
    width: 2.2rem !important;
    line-height: 2.2rem !important;
    margin: 2px !important;
}
.react-datepicker__day-name {
    width: 2.2rem !important;
}

.wc-blocks-components-select .wc-blocks-components-select__label{
display: none !important;}