/*
Theme Name: OceanWP okaz
Template: oceanwp
*/


/* 24/10/2025 supprime le menu de gauche accordeon YITH sur les pages /store/ */
body[class*="wcfm-store"] .left_sidebar {
    display: none !important;
    width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}
body[class*="wcfm-store"] .right_side {
    width: 100% !important;
}


/* CV 27/11/2025 : bouton signaler un produit qui envois un message a l'administateur */
a.button.report-abuse {
    margin-top: 15px; /* espace au-dessus */
    display: inline-block;
}



/* CV 12/11/2025 mise en forme entete grise page Accueil a gauche */
.page-header {
    background: #f5f5f5;
    padding: 15px 0;
    margin-bottom: 20px;
}
.page-header-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.page-header-title {
    margin: 0;
    font-size: 24px;
    font-weight: bold;
    text-align: left;
}
.site-breadcrumbs {
    font-size: 14px;
}


/* 29/11/2025 : Ajouter une icône personnalisée pour les produits de type "advert" dans la liste des produits : Dans ton CSS admin/front */
.wcicon-advert:before {
  font-family: "Font Awesome 5 Free"; /* ou la version chargée par WCFM */
  font-weight: 900;                   /* nécessaire pour les icônes solides */
  content: "\f07a";                   /* fa-shopping-cart */
}



/* Desactive la barre de recherche native dans le menu déroulant version mobile : Masquer la barre de recherche dans le menu mobile OceanWP */
@media (max-width: 768px) {
  #mobile-menu-search {
    display: none !important;
  }
}


/* CV 27/11/2025 : créer les produits annonce de type advert et le menu de vente entre particulier : masques les champs non utiles */
/* Catalogue, Virtuel, Téléchargeable */
body.is-advert #is_catalog,
body.is-advert #is_catalog + p { display:none !important; }
body.is-advert #is_virtual,
body.is-advert #is_virtual + p { display:none !important; }
body.is-advert #is_downloadable,
body.is-advert #is_downloadable + p { display:none !important; }

/* Prix soldé + planification */
body.is-advert #sale_price,
body.is-advert p.sale_price,
body.is-advert .sales_schedule,
body.is-advert .sales_schedule_ele,
body.is-advert p.sale_date_from { display:none !important; }

/* Description courte (TinyMCE + textarea + titre) */
body.is-advert #wp-excerpt-wrap,
body.is-advert #excerpt,
body.is-advert p.excerpt { display:none !important; }





/* CV 05/11/2025 Masquer le badge NON PAYÉ pour les commandes terminées */
tr:has(.wcicon-status-completed) .wcpv-unpaid-status {
    display: none !important;
}


/* CV 09/11/2025 : supprime sur mobile la double barre de recherche par defaut en plus de Fibo dans le menu */
@media (max-width: 768px) {
  /* Masquer la barre de recherche WordPress par défaut dans le menu mobile */
  .mobile-menu form.search-form,
  .mobile-menu .widget_search,
  .mobile-menu .header-search,
  .mobile-menu input[type="search"]:not(.dgwt-wcas-search-input) {
    display: none !important;
  }
}




/* CV 09/11/2025 Affichage page accueil des articles 20 par catégories */

/* Conteneur principal */
.container {
  max-width: 1200px;
  margin: auto;
  padding: 40px 20px;
  box-sizing: border-box;
  width: 100%;
}
/* Grille des produits */
.products.grid-produits {
  display: grid;
  grid-template-columns: repeat(8, 1fr); /* Desktop : 8 colonnes */
  gap: 20px;
  margin-top: 20px;
  margin: 15px
}
/* Carte produit */
.carte-produit {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  color: inherit;
  border-radius: 8px;
  background: #fff;
  transition: box-shadow 0.2s ease;
  overflow: hidden;
  padding: 10px;
  box-sizing: border-box;
}
/* Image produit */
.carte-produit img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  display: block;
}
/* Texte produit */
.titre-produit {
  font-weight: bold;
  font-size: 14px;
  margin-top: 8px;
  text-align: center;
}
.prix-produit {
  color: #2c7;
  font-size: 16px;
  margin-top: 4px;
  text-align: center;
}
/* Bouton "Voir tout" */
.btn-voir-tout {
  display: inline-block;
  margin: 15px 0;
  padding: 8px 16px;
  background: #2c7;
  color: #fff;
  border-radius: 4px;
  text-decoration: none;
  font-weight: bold;
}
/* Responsive Mobile */
@media (max-width: 768px) {
  .container {
    max-width: 100%;
    padding: 4px;
  }
  body {
    overflow-x: hidden;
  }
/* Grille des produits */
.products.grid-produits {
	width: 115px;
  display: grid;
  grid-template-columns: repeat(3, 1fr); 
  gap: 4px;
  margin-top: 8px;
  margin: 15px
}
/* Carte produit */
.carte-produit {
	width: 115px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  color: inherit;
  border-radius: 6px;
  background: #fff;
  transition: box-shadow 0.2s ease;
  overflow: hidden;
  padding: 4px;
  box-sizing: border-box;
}
/* Image produit */
.carte-produit img {
		width: 100%
    height: 115px;
  object-fit: cover;
  display: block;
}
/* Texte produit */
.titre-produit {
  font-weight: bold;
  font-size: 12px;
  margin-top: 6px;
  text-align: center;
}
.prix-produit {
  color: #2c7;
  font-size: 14px;
  margin-top: 4px;
  text-align: center;
}
/* Bouton "Voir tout" */
.btn-voir-tout {
  display: block;
  width: 100px;
  box-sizing: border-box;
  padding: 8px 16px;
  background: #2c7;
  color: #fff;
  border-radius: 4px;
  text-align: center;
  font-weight: bold;
  white-space: normal;
}
}


/* CV 02/10/2025 : Page Mes Favoris avec user-favoris.php  titre-produit et prix-produit vienne du css plus haut */
/* Conteneur principal */
.favori-container {
  max-width: 1200px;
  margin: auto;
  padding: 40px 20px;
  box-sizing: border-box;
  width: 100%;
}
.favori-produit {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
     overflow: hidden;
}
.image-produit img {
  width: 150px;
  height: 150px;
  object-fit: cover;
  border-radius: 5px;
  margin-right: 15px;
  display: block;
}
.image-carree {
  width: 150px;
  height: 150px;
  object-fit: cover;
  border-radius: 5px;
  display: block;
}
.etat-termine {
    color: #d00; /* rouge vif */
    align-items: center;
    font-size: 14px;
}
.infos-produit {
    flex: 1;
}
@media (max-width: 768px) {
	.favori-container {
  max-width: 100%;
  margin: auto;
  padding: 4px;
  width: 100%;
  }
.image-produit img {
  width: 115px;
  height: 115px;
  object-fit: cover;
}
.image-carree {
  width: 115px;
  height: 115px;
  object-fit: cover;
  border-radius: 5px;
  display: block;
}
.etat-termine {
    color: #d00; /* rouge vif */
    align-items: right;
    font-size: 12px;
}
   body {
    overflow-x: hidden;
  }
}




/* CV 11/11/2025 changer les couleurs des boutons dans les encheres */
/* Montant dans le bouton : couleur claire pour contraste */
.uwa_buttons .single_add_to_cart_button .woocommerce-Price-amount {
    color: #fff200 !important; /* jaune vif pour contraste */
    font-weight: bold;
}





/* CV 29/10/2025 : WCFM Produit, ajout assenceur marques et categories horizontal pour eviter les retours a la ligne */
/* Bloc Catégories : scroll vertical + horizontal */
.wcfm_product_manager_cats_checklist_fields {
    max-height: 300px;
    overflow: auto;
    box-sizing: border-box;
    padding-right: 5px;
    padding-bottom: 5px; /* Ajouté pour éviter que l'ascenseur horizontal cache le contenu */
    position: relative; /* Important pour le bon positionnement des barres de scroll */
}
/* UL interne : largeur minimale pour forcer le scroll horizontal */
#product_cats_checklist {
    min-width: 300px;
    box-sizing: border-box;
    display: inline-block; /* Permet de respecter la largeur sans forcer un bloc complet */
}
/* Empêche le conteneur de masquer l'ascenseur vertical */
.wcfm_product_manager_cats_checklist_fields::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
/* Bloc Marques : scroll vertical + horizontal */
.wcfm_product_taxonomy_product_brand {
    max-height: 300px;
    overflow: auto;
    box-sizing: border-box;
    padding-right: 5px;
    padding-bottom: 5px;
    position: relative;
}
/* UL interne : largeur minimale pour forcer le scroll horizontal */
#product_brand {
    min-width: 300px;
    box-sizing: border-box;
    display: inline-block;
}
/* Scrollbar visible et fine */
.wcfm_product_taxonomy_product_brand::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}





/* CV 19/10/2025 : Ajoute l'avatar de l'utilisateur connecté dans la barre de menu */
.menu-avatar {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px;
    z-index: 999;
}
.menu-avatar img {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    object-fit: cover;
}


/* CV 19/10/2025 : Mise en forme de la page messagerie  */
.fep-wrapper {
    max-width: 800px;
    margin: 0 auto;
    padding: 2rem;
}

/* CV 19/10/2025 : Menu de my-account personalisé et ordoné */
.ur-account-navigation li[data-menu-slug="spacer-1"] {
    margin-top: 2rem;
    border-top: 1px solid #ddd;
    padding-top: 1rem;
    pointer-events: none;
}


/*  CV 21/10/2025 : Force l'affichage des icones Vue en liste et Vue en Grille dans woocommerce, bug li矡 la menu YITH WooCommerce Category Accordion */
.grid-btn svg,
.list-btn svg {
  fill: currentColor;
  vertical-align: middle;
  width: 20px;
  height: 20px;
}




/* CV 04/10/2025 masquer le Ou au dessus de Valider la commande dans le panier car le bouton Paypal avait déja été masqué */
.woocommerce-cart .wc-block-cart__submit-paypal + p,
.woocommerce-cart .paypal-separator,
.woocommerce-cart p:empty,
.woocommerce-cart .wc-block-components-express-payment-continue-rule--cart {
    display: none !important;
}


/* CV 06/10/2025 : désactive dans le checkout les Smart Buttons PayPal sur la page de commande, garde seulement la méthode de paiement classique */
.wc-block-components-express-payment--checkout,
.wc-block-components-express-payment-continue-rule--checkout {
    display: none !important;
}

/* CV 29/09/2025 : afficher deja vu */
.okaz-image-wrapper {
    position: relative;
}
.okaz-filigrane-deja-vu {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: rgba(0, 128, 0, 0.7);
    color: white;
    padding: 4px 8px;
    font-size: 0.75em;
    font-weight: bold;
    border-radius: 4px;
    z-index: 10;
    pointer-events: none;
}



/* CV 29/09/2025 Affichage NOUVEAU en bas de l'image si moins de 3 jours, fiche produit */
/* Assure que le conteneur image peut recevoir des éléments positionnés */
.woocommerce-product-gallery {
    position: relative;
}
/* Positionne le badge en bas à gauche */
.okaz-new-badge-wrapper {
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 20;
}
/* Style du badge : rectangle vert, texte noir */
.okaz-new-badge {
    background-color: #4CAF50; /* Vert vif */
    color: #000;               /* Texte noir */
    padding: 6px 12px;
    font-weight: bold;
    border-radius: 4px;
    font-size: 13px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
/* Version mobile : badge en haut */
@media (max-width: 768px) {
    .okaz-onsale-new-boutique {
        top: 10px;
        left: 10px;
    }
}


/* CV 29/09/2025 Affichage NOUVEAU en bas de l'image si moins de 3 jours, gallerie boutique grille + list */
/* Position relative sur chaque produit */
.woocommerce ul.products li.product {
    position: relative;
}

/* Badge NOUVEAU - version desktop */
.woocommerce ul.products li.product .okaz-onsale-new-boutique {
    position: absolute;
    bottom: 10px;
    left: 10px;
    background-color: #F57C00; /* Orange vif */
    color: #fff;
    padding: 0.5em 1em;
    font-weight: bold;
    font-size: 0.875em;
    text-transform: uppercase;
    border-radius: 2px;
    z-index: 10;
    font-family: inherit;
    line-height: 1;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

/* CV 25/11/2025 Affichage NOUVEAU Version mobile : badge en haut */
@media (max-width: 768px) {
    .woocommerce ul.products li.product .okaz-onsale-new-boutique {
        top: 10px;
        left: 10px;
        bottom: auto; /* on annule la position bas */
    }
}



/* CV 02/10/2025 : Affiche filigrame vert clair sur les annonces déja vu */
.product-inner.clr {
    position: relative; /* nécessaire pour que le voile soit positionné correctement */
    overflow: hidden;   /* évite que le voile déborde */
}
.okaz-voile-vu {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 200, 0, 0.15); /* vert clair */
    z-index: 2;
    pointer-events: none;
    border-radius: 4px;
}


/* CV 02/10/2025 Affche le bouton Favoris du plugin : Favorites by Kyle Phillips */
.favorite-after-date .sf-icon-favorite {
  transition: color 0.3s ease;
}
.favorite-after-date .simplefavorite-button.active .sf-icon-favorite {
  color: #FFD700 !important; /* Jaune */
}
.favorite-after-date .simplefavorite-button:not(.active) .sf-icon-favorite {
  color: #000000 !important; /* Noir */
}