/* en rose violet : les zones de saisie */

iframe#wkmp_about_shop_ifr #tinymce p {
    margin: 0 !important;
    line-height: 1.5 !important;
}

/* Zoom modal */
#image-zoom-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.image-zoom-modal-content {
  position: relative;
  max-width: 90%;
  max-height: 90%;
}

#zoomed-image {
  max-width: 100%;
  max-height: 90vh;
  object-fit: contain;
}

.image-zoom-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.75);
    color: #fff;
    border: none;
    border-radius: 50%;
    font-size: 22px !important;
    line-height: 1;
    cursor: pointer;
    z-index: 10001;
    transition: all 0.25s ease;
    padding: 5px !important;
}

.image-zoom-close:hover {
    background: #ff4d4d;
    transform: scale(1.08);
}

.image-zoom-close:focus {
    outline: 2px solid #fff;
    outline-offset: 2px;
}


/*
.woocommerce-MyAccount-content input,
.woocommerce-MyAccount-content textarea,
.woocommerce-MyAccount-content .select2-container--default .select2-selection--single {
    background-color: #ece6f7 !important;
}*/
.wkmp-vendor-search-form { display: flex !important;margin-bottom: 0 !important; }
.wkmp-vendor-search-form input[type="text"] { width: 60% !important; }
.wkmp-vendor-search-form .wkmp-vendor-search-btn { width: 40% !important; padding: 5px !important; }

/* Masquer le nombre de produits dans la carte vendeur dans vendor list*/
.wkmp-vendor-card .wkmp-vendor-card-content .wkmp-vendor-products {
    display: none !important;
}

/* Cadre autour des prestas qui ont répondu */
/* Row as card */
.wkmprfq-quotation-list-wrapper
.woocommerce-orders-table__row--status-processing {
    display: flex; /* instead of block */
    align-items: center;
    border: 1px solid #7f54b3;
    border-radius: 6px;
    margin-bottom: 10px;
    overflow: hidden;
}
/* Cells alignment */
.wkmprfq-quotation-list-wrapper
.woocommerce-orders-table__row--status-processing td {
    flex: 1; /* equal width */
    padding: 12px 15px;
    border: none;
}

/* Supprime les marges des offres RFQ */
.wkmprfq-quotation-list-wrapper .woocommerce-orders-table__row--status-processing {
	line-height: 1 !important;
    margin-bottom: 0 !important;
}



/* Supprime les espaces (marges) au-dessus et au-dessous du message de succès et limite l'épaisseur */
.woocommerce-message {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    line-height: 1 !important;
}


/* Masque uniquement le label "Catégorie" dans le tableau des devis en cours de traitement */
.woocommerce-orders-table__row--status-processing .woocommerce-orders-table__cell-quote-product::before {
    display: none !important;
}


/* Masque les titres des RFQ */
/* .wkmprfq-rfq-main-quote table.widefat tbody tr.alt-table-row td.product-name.toptable:not(.wkmp-quot-attr-show) {
    display: none !important;
} */


/* texte + grand et uniforme pour les ordinateurs */
@media (min-width: 768px)  {
    .woocommerce-account .woocommerce-MyAccount-content *,body, p, li {
        font-size: 18px;
        letter-spacing: -0.012em !important;
    }
}


/* Cible l'onglet actif en couleur même après le clic */
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.current-menu-background a {
    background-color: #ece6f7;
}

/* Couleur du texte quand on survole les onglets */
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
    background-color: #ece6f7;
}

/* masque le propriétaire  produit admin
div.entry-summary p {
    display: none !important;
}*/

/* Masquer le bloc image inutile du vendeur */
div.wkmp_profile_img.wkmp-seller-profile-image-grids {
    display: none !important;
}
/* Masquer encart des taxes */
div.form-group.wkmp-tax-details-wrapper {
    display: none !important;
}

/* Masque espace dans la page vendor */
.wkmp-seller-profile-wrapper {
    padding-bottom: 0 !important;
}

/* Masque encarts dans la page vendor */
h2.wkmp-seller-profile-content-title,
.wkmp-seller-profile-collections-wrap,
h2.wkmp-seller-profile-sidebar-title {
    display: none !important;
}


/* Masque la banniere dans la page vendor */
.wkmp-seller-profile-card-header {
    display: none !important;
}

/* Masque le 4ème bouton (onglet) du profil vendeur */
.wkmp-seller-profile-details-tabs-wrap .wkmp-seller-profile-tab-list button.wkmp-seller-profile-tab:nth-of-type(4) {
    display: none !important;
}


/* masque type produit inutile dans le demande
div.wpmp-rfq-form-body {
    div.wpmp-rfq-form-row:first-child {
        display: none !important;
    }
}*/

/* Masque le bouton d'ajout au panier et tous les champs produits inutiles */
form.cart,
/*div.wpmp-rfq-form-row:has(input#wpmp-rfq-quote-quantity),*/
p.wcrfq-product-quoted-by-user,
p:has(span.woocommerce-Price-amount.amount),
div.summary.entry-summary > :nth-child(5)
{
    display: none !important;
}

/* espace entre les catégories */
ul.products li.product {
    margin-bottom: 0px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
}


/* Masque l'affichage du prix 0 et le bouton "Ajouter au panier" */
span.price,
a.add_to_cart_button.ajax_add_to_cart {
    display: none !important;
}

div.form-group:has(input#address-1),
select#billing-country),
div.form-group:has(input#billing-city),
div.form-group:has(input#wkmp_shop_state),
div.form-group:has(input#billing-postal-code),
div.form-group:has(input#phone_number)


{    padding: 2px !important;
}

/* Masque le champ 'Statut' */
td.woocommerce-orders-table__cell-created-on.womprf-quote-status-enable {
    display: none !important;
}

/* Point 23 Bug 3: masquer le statut "Expired" dans la vue client uniquement.
   Scoped to .wkmprfq-quotation-list-wrapper so the seller's manage-rfq table
   (which lacks that wrapper) is not affected. */
.wkmprfq-quotation-list-wrapper td.womprf-quote-status-expired {
    display: none !important;
}

td.woocommerce-orders-table__cell-quote-city {
    display: none !important;
}

/* masque champs inutiles */
div.form-group:has(input#address-2),
div.form-group:has(input#wkmp_shop_name),
div.form-group:has(input#wkmp_shop_address),
div.form-group:has(textarea#mp_seller_payment_details),
div.form-group:has(#wp-wkmp_return_policy-wrap),
div.form-group:has(#wp-wkmp_shipping_policy-wrap),
div.form-group:has(#wp-wkmp_privacy_policy-wrap),
div.form-group:has(input#wk-seller-banner-status)
{
    display: none !important;
}


#wkmp-seller-profile .form-group:has([name="wkmp_street_address"]),
#wkmp-seller-profile .form-group:has([name="wkmp_shop_latitude"]),
#wkmp-seller-profile .form-group:has([name="wkmp_shop_longitude"]),
#wkmp-seller-profile .form-group:has([name="wkmp_shop_city"]),
#wkmp-seller-profile .form-group:has([name="wkmp_shop_state"]),
#wkmp-seller-profile .form-group:has([name="wkmp_shop_country"]),
#wkmp-seller-profile .form-group:has([name="wkmp_shop_postcode"]) {
    display: none !important;
}

#wkmp-seller-profile .wkmp-rfqc-vendor-address-field,
#wkmp-seller-profile .wkmp-rfqc-vendor-address-details-field {
    display: block !important;
}

#wkmp-seller-profile .wkmp-rfqc-vendor-address-details-field textarea {
    min-height: 96px;
    resize: vertical;
}


/* supprime blanc offre côté client */
@media screen and (max-width: 767px) {td.woocommerce-orders-table__cell-quote-product,
td.woocommerce-orders-table__cell-quote-action,
td.woocommerce-orders-table__cell-created-on
{    padding: 5px !important;
}}

/* masque le blanc en dessous des questions admin */
form#wkmp-query-list-form {
    margin-bottom: 0 !important;
    }

/* Masque le le menu des news */
form#wkmp-news-list-form {
    display: none !important;
}

/* Masque l'encart de tri des produits (Storefront Sorting) */
div.storefront-sorting {
    display: none !important;
}


@media screen and (max-width: 767px) {
a.custom-logo-link {
    /* 1. Augmente la taille du bouton rouge*/
    transform: scale(1.37);

    /* marges en haut et à gauche du bouton rouge */
    display: inline-block !important;
    margin-top: 0.4em !important;
	margin-left: 0.8em !important;
	}}

/* supprime esoace en dessous bouton */
.site-branding {
    margin: 0 !important;
	text-align: center !important;
}






header.woocommerce-Address-title.title a {
    /* Cache l'ancien texte "View quotation" en mettant la taille de police à zéro */
    font-size: 0 !important;
}

/* Insérer le nouveau texte 'Editer mon adresse' */
@media (max-width: 767px) {header.woocommerce-Address-title.title a::before {
    content: "Editer mon adresse" !important;
    /* Rétablit la taille de la police */
    font-size: 16px !important;
}}

@media (min-width: 768px) {header.woocommerce-Address-title.title a::before {
    content: "Editer mon adresse" !important;
    /* Rétablit la taille de la police */
    font-size: 16px !important;
}}



@media screen and (min-width: 768px) {
    nav.woocommerce-MyAccount-navigation {
        /* Largeur barre menu ordinateur */
        width: 20% !important;
    }
    div.woocommerce-MyAccount-content {
        /* Si le menu fait 20%, le contenu doit faire 74%, laissant 6% pour la marge/espacement */
        width: 74% !important;
    }
}


nav.woocommerce-MyAccount-navigation ul li {
    /* Aucun espace autour des boutons */
    margin: 0 !important;
    padding: 0 !important;
}

/* Masque le contenu du premier onglet du profil presta */
div#wkmp-general-tab.wkmp_tab_pane {
    display: none !important;
}

/* Masque le bouton "wkmp-rfq-create-product" */
button#wkmp-rfq-create-product.button {
    display: none !important;
}

/* masque les titres des news et des questions admin */
table.table.table-bordered.table-hover thead {
    display: none !important;
}




caption.wkmp-pro-news-table-caption /* Cache titres du tableau de news */
{
    display: none !important;
}


/* Masque le menu de recherche */
div.wkmp-action-section.left {
    display: none !important;
}



/* Masque tous les titres de colonnes de mes prix proposés */
/* #manage-quote.transactionhistory thead {
    display: none !important;
}

#manage-quote.transactionhistory td:nth-child(1),
#manage-quote.transactionhistory td:nth-child(3),
#manage-quote.transactionhistory td:nth-child(7) {
    display: none !important;
} */


/* Masquer le premier et le dernier onglet (Social Profile) et les 2 images du menu du profil des prestataires */
/* ul.wkmp_nav_tabs li:last-child,
ul.wkmp_nav_tabs li:nth-child(1), */

.wkmp_shop_banner.wkmp-seller-profile-image-grids,

.wkmp_image_user.wkmp-seller-profile-image-grids
 {
    display: none !important;
}


/* Masque l'encart de l'offre du vendeur */
div.wkmp-rfq-seller-quote {
    display: none !important;
}

/* Masque la 1ère et 3ème ligne du rappel de l'offre, l'ID et la quantité, laissant le type et les images */
tr:nth-child(1):has(td.product-total.toptable),
tr:nth-child(3):has(td.product-total.toptable){
    display: none !important;
}

/* ── Point 1 fix: custom material field rows (matériel_déjà_disponible / matériel_manquant)
   Problem: on mobile the value column is crushed to near-zero width (text goes vertical),
   and the table overflows the viewport.
   Fix:
   1. Switch the recap table to auto layout so columns share space by content.
   2. Force word-wrap on both cells.
   3. On narrow screens give the value cell a guaranteed minimum width. */

.wkmprfq-rfq-main-quote-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
    clear: both;
}

@media (max-width: 767px) {

    table.widefat:has(td.product-name.toptable) tr {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    td.product-name.toptable.wkmp-quot-attr-show,
    td.product-total.toptable {
        display: block;
        width: 100% !important;
        box-sizing: border-box;
    }
}

div.col-full {
    /* Diminue la largeur maximale du conteneur */
    max-width: 100% !important;
}

/* réduit la hauteur verticale des champs de saisie */
input[type="text"],
input[type="email"],
input[type="password"],
.input-text {
    /* height: 35px !important; */

    /* Marge autour du texte à l'intérieur de la case */
   /* padding: 15px 20px !important;*/
}

/* Masquer le champ d'email de facturation inutile */
p:has(input#billing_email) {
    display: none !important;
}

/* taille boutons de menu de la barre principale mobile */
@media (max-width: 767px) {.woocommerce-MyAccount-navigation ul li a {
    padding: 3px 15px !important; /* 3px en vertical */
}}

@media (max-width: 767px) {

    nav.nav-tab-wrapper.woo-nav-tab-wrapper {
        display: flex;
        flex-wrap: wrap;
        gap: 3px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    nav.nav-tab-wrapper.woo-nav-tab-wrapper .nav-tab {
        padding: 2px 6px !important;
        margin: 0 !important;
        font-size: 12px !important;
        white-space: nowrap !important;
    }
}

/* taille boutons de menu de la barre principale mobile */
@media (min-width: 768px) {.woocommerce-MyAccount-navigation ul li a {
    padding: 7px 0px !important; /* 3px en vertical */
}}

/* masquer user_name inutile*/
p:has(input#account_display_name) {
    display: none !important;
}

    /* Masquage des colonnes ID & REQUESTED QUANTITY & STATUS (mobiles) */
    td.woocommerce-orders-table__cell-quote-id {
        display: none !important;
    }
    td.woocommerce-orders-table__cell-quote-quantity {
        display: none !important;
    }

    .woocommerce-orders-table__row td[data-title*="Status"],
    td.woocommerce-orders-table__cell-quote-data-title {
        display: none !important;
    }

@media (max-width: 767px) {
    /* rajoute titres sur mobile : pas sur une ligne supplémentaire*/

    .woocommerce-orders-table__row td[data-title="Product Name"]::before {
        content: "" !important;
    }

    .woocommerce-orders-table__row td[data-title="Created On"]::before {
        content: "" !important;
    }

    .woocommerce-orders-table__row td[data-title="Actions"]::before {
        content: "" !important;
    }

    .woocommerce-orders-table__row td[data-title="Action"]::before {
        content: "" !important;
    }
}


/* Masque complètement le titre de la page ("Mon compte demandes") */
header.entry-header {
    display: none !important;
}

/* Colonnes à supprimer pour ordi : Requested Quantity & status & ID */
.woocommerce-orders-table__header-quote-id,
.woocommerce-orders-table__header-quote-quantity,
.woocommerce-orders-table__header-quote-status {
    display: none !important;
}

/* masquer des en-têtes quotations (th), Centrage du contenu des cellules (td) et  */
.woocommerce-orders-table th  {
    display: none !important;
}
.woocommerce-orders-table td {
    text-align: left !important;
}

@media (min-width: 768px) {

    /* ajout de la marge en bas du titre de la page Mon Compte pour les ordi */
    .woocommerce-account header.entry-header {
        /* cible la classe woocommerce-account */
        margin-bottom: 20px !important;
    }
}

/* Masque tous les titres (H2) des encarts de contenu de la page Mon Compte */
.woocommerce-MyAccount-content h2 {
    display: none !important;
}


/* Masque le bouton "Ajouter une nouvelle quotation" */
a.button.add-new-quotation {
    display: none !important;
}

/* Masque les éléments et réduit l'espace vertical de l'en-tête de page */
header.entry-header {
    /* Supprime tout padding ou marge interne/externe inutile */
    padding: 0 !important;
    margin: 0 !important;

    /* Masque tous les éléments enfants qui ne sont pas le titre principal */
    /* Cela cible spécifiquement les éléments qui pourraient créer la ligne vide */
    line-height: 1 !important; /* Rapproche le texte */
}

/* Cible spécifique du titre de page pour s'assurer qu'il ne crée pas de marge excessive */
header.entry-header .entry-title {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}




/* Diminue les marges internes et externes autour de la barre de navigation principale de Storefront */
div.storefront-primary-navigation {
    /* Diminue les marge internes du menu en haut */

    padding-top: 0em !important;
    padding-bottom: 0em !important;
}

/* Masque le conteneur d'arborescence spécifique au thème Storefront */
div.storefront-breadcrumb {
    display: none !important;
}

/* Masque le nom d'affichage de l'utilisateur sur la page Mon Compte */
span.woocommerce-account-gravatar__display-name {
    display: none !important;
}

/* Masque le lien du panier (icône et total) */
a.cart-contents {
    display: none !important;
}

/* 3. Masque le conteneur parent (au cas où le champ est encapsulé) */
.woocommerce-product-search {
    display: none !important;
}

/* Masquer la barre de navigation collante en bas sur mobile (Footer Bar) */
@media (max-width: 768px) {
    /* Sélecteur courant pour la barre de pied de page mobile de WooCommerce/Thèmes */
    .storefront-handheld-footer-bar,
    .site-footer .handheld-footer-bar,
    .mobile-bottom-menu {
        display: none !important;
    }
}

/* cacher footer credits | 7473384-zdc (db) */
.site-info {
	display: none;
}


/* Espace autour de la zone de l'en-tête (logo et navigation) */
.site-header {
    padding-top: 9px !important;
    padding-bottom: 0px !important;
    margin: 0 !important;
}


h1 {
    /* Marges et taille de police pour les ordinateurs */
    font-size: 2.4em;
    margin-top: 0px;
    margin-bottom: 0px !important;
   /*font-weight: bold !important; gras */
}

@media screen and (max-width: 767px) {
    h1 {
        /* Marges et taille de police pour les mobiles */
        font-size: 2em !important;
        margin-top: 6px !important;
        margin-bottom: 20px !important;
   /*     font-weight: bold !important; gras */
    }
}


/* juste avant les images : sous les éléments sous le conteneur principal */
#main > *, #primary > * {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}


/* 4. Réduction de la marge en dessous des catégories */
.product-category {
    margin-bottom: 0px !important; /* Ajustez cette valeur pour l'espace entre les rangées */
}


/* Taille des images par défaut pour tous les appareils => yc les mobiles */
.products .product img,
ul.products li.product img {
    /* largeur du conteneur pour le mobile */
    width: 45% !important;
    height: auto !important;
    margin: 0 auto !important; /* Centrage */
    display: block !important;
}

/* Media Query que pour les écrans d'ordinateur (au-dessus de 768px, par exemple) */
@media screen and (min-width: 768px) {
    .products .product img,
    ul.products li.product img {
        /* largeur du conteneur pour les grands écrans */

        width: 60% !important;

    }

}

/* taille de la police et des marges des titres de produits */
.products .product h2 {
    font-size: 1.3em !important;
    margin-top: 2px !important;
    margin-bottom: 9px !important;
}


@media screen and (max-width: 767px) {
    .wkmp-pro-first-review-msg.woocommerce-info {
        width: 100% !important;
    }
}

.wkmprfq-rfq-main-quote table tr td {
    padding: 5px 25px !important;
}

.wkmp-seller-profile-content-box p {
    margin-bottom: 3px;
}


/* Client feedback: hide the phone number field on the "Devenir prestataire" (Become a
   Vendor) form; value is auto-filled from the account's known phone server-side. */
#wkmp-customer-become-seller p.woocommerce-form-row:has(#wkmp-shopphone) {
    display: none !important;
}


/* Point 23 Bug 1 & 2: expired quote page — hide form and refusal button.
   Body class wkmp-rfqc-quote-expired is set by wkmp_rfqc_add_expired_quote_body_class(). */
.wkmp-rfqc-quote-expired .womprfq-seller-quotation-form,
.wkmp-rfqc-quote-expired .wkmp-rfqc-decline-wrapper,
.wkmp-rfqc-quote-expired .womprfq_quote_wxpired {
    display: none !important;
}


/* Seller quote form (add & edit): enforce 30/70 th:td column ratio on desktop.
   table-layout:auto uses visible rows to size columns.
   The edit form's first row (single <td>) is hidden via tr.wkmp-seller-quote-quantity,
   so columns are sized correctly from the th/td rows.
   The add form's first row has NO that class and stays visible — its lone <td>
   would set column 1 to 70%, flipping the ratio. Clamping it to 30% fixes that. */
@media (min-width: 768px) {
    #womprfq-seller-quotation-form table.form-table tr:first-child > td {
        width: 30% !important;
    }
    #womprfq-seller-quotation-form table.form-table th {
        width: 30% !important;
        vertical-align: top;
        padding-top: 10px;
        font-weight: normal;
    }
    #womprfq-seller-quotation-form table.form-table td {
        width: 70% !important;
    }
}

@media (min-width: 768px) {
    .wkmp-rfq-seller-quote-table th {
        width: 30% !important;
        vertical-align: top;
        padding-top: 10px;
        font-weight: normal;
    }

    #womprfq-seller-quotation-form table.wc_status_table {
        table-layout: auto !important;
    }

    .wkmp-rfq-seller-quote-table td {
        width: 70% !important;
    }
}