/*
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;
}

/* 12/12/2025 Masquer le bloc "Magasin" sur toutes les pages encheres, annonces et boutique qui mettait le magasin et la note apres chaque produit */
.wcfmmp_sold_by_container {
    display: none !important;
}


/* CV 18/01/2026 : dans gestion-annonces/enchere bloque le bouton enchere et on le grise */
.okaz-locked {
    opacity: 0.5;
    pointer-events: none;
}

/* CV 18/02/2026 : Masque le label user_label_pack qui donne l'information du pack a l'inscription et en modification en bas de page, dois etre masqué en modification */
body.user-registration-edit-profile .only-registration {
    display: none !important;
}

/* CV 19/02/2026 : Empêcher la modification de l'email en édition de profil */
body.user-registration-edit-profile #user_registration_user_email {
    pointer-events: none;
    background-color: #f5f5f5;
    color: #777;
}
/* CV 01/03/2026 : Empêcher la modification de l'identifiant */
body.user-registration-edit-profile #user_registration_user_login {
    pointer-events: none;
    background-color: #f5f5f5;
    color: #777;
}


/* CV 24/07/2026 : Lieu de disponibilité sur 2 lignes dans les pages annonces, boutiques, encheres */
.okaz-two-lines {
    min-height: 32px; /* 2 lignes */
    line-height: 16px;
    display: block;
}


/* CV 05/01/2026 : statut comme wcfm sur annonce-manager */
/* Badge statut produit (identique WCFM) */
.product-status {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
}
/* Publié = vert */
.product-status-publish {
    background-color: #46b450; /* vert WCFM */
}
/* Brouillon = bleu */
.product-status-draft {
    background-color: #0073aa; /* bleu WCFM */
}

/* CV 14/01/2025 Largeur 100% uniquement pour les champs prix OKAZ dans form-builder-advert.php et les autres form-builder-... */
.okaz-edit-form input.okaz-price-field {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    box-sizing: border-box !important;
}


/* 12/12/2025 : Intégrer le formulaire de message Front End PM directement dans la page produit, plutôt que d’ouvrir une nouvelle page. */
#okaz-message-container {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
#okaz-message-container iframe {
  width: 100%;
  max-width: 100%;
}







/* 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; /* IMPORTANT : empile tout verticalement */
  align-items: flex-start !important;
  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;
}



/* CV 02/04/2026 : Met les titres sur 2 lignes max et met ... si plus long uniquement dans WCFM pour page-accueil au dessus */
li.title h2 a {
  font-weight: bold;
  font-size: 14px;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 38px;
  line-height: 19px;
}




.product-cat-item {
  background: transparent;
  padding: 0;
  margin-right: 5px;
  color: #777;
  font-size: 12px;
  display: inline-block;
}


.product-categories,
.product-zones,
.date-produit {  
    font-size: 12px !important;
    color: #777 !important;
    font-style: italic !important;
    text-align: left !important; 
}
.product-categories,
.product-zones {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    white-space: normal !important;

    line-height: 16px !important;
    min-height: 32px !important;
    padding: 0 !important;
		margin-bottom: 10px !important; /* espace entre cat et zones */
}

.date-produit {
    white-space: nowrap !important;
    display: block;
    width: 100%;
    margin: 4px 0 2px 0 !important;
}


/*.product-categories {  
    font-size: 12px !important;
    color: #777 !important;
    font-style: italic !important;
    text-align: left !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    white-space: normal !important;

    line-height: 16px !important;
    min-height: 32px !important;
    padding: 0 !important;     
}
.product-zones {
    font-size: 12px !important;
    color: #777 !important;
    font-style: italic !important;
    text-align: left !important; 
    
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    white-space: normal !important;

    line-height: 16px !important;
    min-height: 32px !important;
    padding: 0 !important;
}
.date-produit {
    font-size: 12px !important;
    color: #777 !important;
    font-style: italic !important;
    text-align: left !important; 
    white-space: nowrap !important;
    display: block;
    width: 100%;
    margin: 4px 0 2px 0 !important;
}
*/




/* 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;
}
/* TITRE — Desktop */
.titre-produit,
.woocommerce-loop-product__title,
.woo-entry-inner .title h2 {
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    width: 100%;

    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

    overflow: hidden;
    text-overflow: ellipsis;

    line-height: 19px !important;   /* 19px x 2 = 38px */
    min-height: 38px !important;    /* hauteur stable */
    margin: 6px 0 6px 0 !important; /* même espace partout */
}

/* ===========================
   CATÉGORIES INDIVIDUELLES
   (inline, pas de clamp ici)
   =========================== */
.product-cat-item {
    display: inline !important;   /* IMPORTANT */
    white-space: normal !important;
}

/* ===========================
   VIRGULES AUTOMATIQUES
   =========================== */
.product-cat-item::after {
    content: ", ";
}

.product-cat-item:last-child::after {
    content: "";
}

.prix-produit {
    color: #2c7 !important;          /* vert OKAZ */
    font-size: 16px !important;      /* taille desktop */
    font-weight: normal !important;  /* pas de gras */

    text-align: center !important;   /* centré */
    margin-top: 4px;
    display: block;
    width: 100%;
}
/* Neutraliser les LI WCFM qui créent le décalage */
.woocommerce ul.products li.product .title,
.woocommerce ul.products li.product .category,
.woocommerce ul.products li.product .price-wrap {
    margin: 0 !important;
    padding: 0 !important;
    line-height: normal !important;
}

/* TITRE — hauteur FIXE */
.woocommerce ul.products li.product .title h2,
.woocommerce ul.products li.product .title a {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;

    line-height: 18px !important;
    height: 36px !important; /* FIXE */
    margin: 0 !important;
    padding: 0 !important;
}

/* CATÉGORIE — hauteur FIXE */
.woocommerce ul.products li.product .category {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;

    font-size: 12px !important;
    text-align: left !important;
    color: #777 !important;
    font-style: italic !important;

    line-height: 16px !important;
    height: 32px !important; /* FIXE */
    margin: 0 !important;
    padding: 0 !important;
}

/* Liens inline */
.woocommerce ul.products li.product .category a {
    display: inline !important;
    white-space: normal !important;
}

/* Virgules */
.woocommerce ul.products li.product .category a::after {
    content: ", ";
}
.woocommerce ul.products li.product .category a:last-child::after {
    content: "";
}
/* PAGE ANNONCES (ID 453) — Forcer les images en carré en mode LISTE */
.woo-entry-image img {
    width: 150px !important;
    height: 150px !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
}









/* 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: flex-start !important;
    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;
  }




	/* CV 02/04/2026 : Met les titres sur 2 lignes max et met ... si plus long uniquement dans WCFM pour page-accueil au dessus */
	li.title h2 a {
    font-weight: bold;
    font-size: 12px;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 32px;
    line-height: 16px;
  }
  



 	.product-cat-item {
    font-size: 10px;
    padding: 2px 5px;
    margin-right: 3px;
  }




  /* 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;
  }
  .titre-produit,
  .woocommerce-loop-product__title,
  .woo-entry-inner .title h2 {
      font-size: 12px;
      line-height: 16px !important;   /* 16px x 2 = 32px */
      min-height: 32px !important;    /* hauteur stable */
      margin: 6px 0 6px 0 !important;
  }
  .prix-produit {
      color: #2c7 !important;
      font-size: 14px !important;    /* taille mobile */
      font-weight: normal !important;

      text-align: center !important;
      margin-top: 4px;
      display: block;
      width: 100%;
  }
  

/*
  .product-categories,
  .product-zones,
  .date-produit {
      font-size: 10px !important;
      color: #777 !important;
      font-style: italic !important;
      line-height: 14px !important;
  }

  .product-categories,
  .product-zones {
      display: -webkit-box !important;
      -webkit-line-clamp: 2 !important;
      -webkit-box-orient: vertical !important;
      overflow: hidden !important;
      white-space: normal !important;
      min-height: 28px !important;
  }

  .date-produit {
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
  }
*/
	.product-categories,
	.product-zones,
	.date-produit {
	    font-size: 10px !important;
	    color: #777 !important;
	    font-style: italic !important;
	    line-height: 14px !important;
	    text-align: left !important;
	}
	.product-categories,
	.product-zones {
	    min-height: 28px !important;
	    margin-bottom: 8px !important; /* espace entre cat et zones */
	}
	.date-produit {
	    white-space: nowrap !important;
	}








}






/* 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;
    align-items: center;
    font-size: 14px;
}
.infos-produit {
    flex: 1;
}



.favori-container .product-cat-item {
  background: transparent !important;
  padding: 0 !important;
  margin-right: 3px;
  color: #777 !important;
  font-size: 12px;
  display: inline;
  font-style: italic;
}

/* Virgules automatiques uniquement dans Favoris */
.favori-container .product-cat-item::after {
  content: ", ";
}
.favori-container .product-cat-item:last-child::after {
  content: "";
}




@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;
      align-items: right;
      font-size: 12px;
  }
  body {
    overflow-x: hidden;
  }
  .favori-container .product-cat-item {
    font-size: 10px;
  }


}


/* 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 !important;
    overflow: hidden !important;
    z-index: 1 !important;
}
.okaz-voile-vu {
    mix-blend-mode: multiply;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 200, 0, 0.15); /* vert clair */
    z-index: 9999 !important;
    pointer-events: none !important;
    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 */
}