/********************************************************************************************************************************************************************** * * * PAGE VOIR CE LOT entre 1150 et 1025 * * * ***********************************************************************************************************************************************************************/ /* ========================================================= VIEW LOT — layout vertical UNIQUEMENT entre 1025 et 1150 ========================================================= */ @media (min-width: 1025px) and (max-width: 1150px) { body.view_lot .fiche { display: block !important; } body.view_lot .visuels, body.view_lot .details { float: none !important; width: 100% !important; max-width: 100% !important; clear: both !important; } body.view_lot .visuels { margin-bottom: 20px; } } /* ========================================================= VIEW LOT — centrer l’image entre 1150 et 1199 ========================================================= */ @media (min-width: 1025px) and (max-width: 1150px) { body.view_lot .visuels { float: none !important; margin-left: auto !important; margin-right: auto !important; text-align: center; } /* sécurité si l’image a une largeur max */ body.view_lot .visuels img { margin-left: auto; margin-right: auto; display: block; } } /* ========================================================= VIEW LOT — CENTRER L’IMAGE (SLIDER) ENTRE 1025 ET 1150 ========================================================= */ @media (min-width: 1025px) and (max-width: 1150px) { /* on neutralise le float du visuel */ body.view_lot .fiche .visuels { float: none !important; width: 100% !important; } /* le conteneur réel du slider */ body.view_lot .images-viewer, body.view_lot .product-images, body.view_lot .main-img-slider { margin-left: auto !important; margin-right: auto !important; } /* le slide actif */ body.view_lot .main-img-slider .slick-slide { display: flex !important; justify-content: center; } /* sécurité image */ body.view_lot .main-img-slider img { margin-left: auto; margin-right: auto; display: block; } } /* ========================================================= VIEW LOT — RECENTRAGE FIN IMAGE (AJUSTEMENT MANUEL) 1025 → 1150 ========================================================= */ @media (min-width: 1025px) and (max-width: 1150px) { body.view_lot .fiche .visuels .img-container { margin-left: auto !important; margin-right: auto !important; } } /* ========================================================= VIEW LOT — AJUSTEMENT OPTIQUE IMAGE (PIXEL FIX) 1025 → 1150 ========================================================= */ @media (min-width: 1025px) and (max-width: 1150px) { body.view_lot .fiche .visuels .img-container { margin-left: auto !important; margin-right: auto !important; transform: translateX(-57px); /* ← ajuste ici */ } } /* ========================================================= VIEW LOT — CENTRAGE DU BLOC TEXTE SOUS IMAGE 1025 → 1150 ========================================================= */ @media (min-width: 1025px) and (max-width: 1150px) { /* conteneur texte */ body.view_lot .fiche .details { width: 100%; max-width: 720px; /* ajuste si besoin */ margin-left: auto; margin-right: auto; text-align: center; } /* titre */ body.view_lot .fiche .details h1 { text-align: center; } /* meta (auteur, étoiles, date) */ body.view_lot .fiche .details .membre, body.view_lot .fiche .details .date { justify-content: center; text-align: center; } /* boutons */ body.view_lot .fiche .details .btn, body.view_lot .fiche .details .backlist { display: inline-block; } } /*ETOILES ET TAILLE DU TEXTE */ @media (max-width: 1300px) { .lot-page-mobile .membre-avis { font-size: inherit; } .lot-page-mobile .membre-avis i.fa, .lot-page-mobile .membre-avis i.fa-star, .lot-page-mobile .membre-avis i.fa-star-o, .lot-page-mobile .membre-avis i.fa-star-half-o { color: #ff6400; font-size: 0.9em; } /*taille du texte avis pour ce membre*/ .lot-page-mobile .membre-avis .avis-label { font-size: 0.90em; color: #666; } /*Note entre parenthese*/ .lot-page-mobile .membre-avis .note { color: #ff6400; font-size: 0.9em; } } /*TEXTE NOMBRE DE VOTE REALISE */ @media (max-width: 1300px) { .lot-page-mobile .membre-avis .votes-count { color: #666; font-size: 0.9em; } } /* Centrage du bouton Retirer cet article */ @media (min-width: 1025px) and (max-width: 1150px) { body.view_lot .fiche .details .details-container { display: flex; justify-content: center; align-items: center; gap: 14px; flex-wrap: wrap; } body.view_lot .fiche .details .details-container a.backlist { margin: 0 !important; } } /* Retrait du lien "retour à la liste" bas de page */ @media (min-width: 1025px) and (max-width: 1150px) { body.view_lot .fiche .details a.backlist { display: none !important; } } /* ===================================================== BOUTON VOIR CET ARTICLE : VIEW_ALL_LOTS — HOVER UNIQUEMENT SUR LE TEXTE (DESKTOP — override final) ===================================================== */ /* style du lien */ body.view_all_lots .lot-view-link { display: block; margin-bottom: 10px; font-size: 13px; text-align: center; text-decoration: none; color: #291b95; background: transparent; position: relative; transition: color 0.15s ease; } /* Trait fin permanent */ body.view_all_lots .lot-view-link::after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0px; width: 29%; height: 0.1px; background: currentColor; opacity: 0.6; transition: width 0.2s ease, opacity 0.2s ease; } /* Hover : le trait disparaît */ body.view_all_lots .lot-view-link:hover { color: #666; } body.view_all_lots .lot-view-link:hover::after { width: 0; opacity: 0; } @media (max-width: 500px) { body.view_all_lots .lot-view-link::after { width: 55%; /* 👈 nouvelle longueur du trait de soulignage mobile */ } } /* ===================================================== VIEW_ALL_LOTS — CENTRAGE HORIZONTAL IMAGE ===================================================== */ .visuel .img-frame { display: flex; justify-content: center; /* ✅ centrage horizontal */ align-items: center; /* (on garde le vertical, propre) */ } /* sécurité supplémentaire */ .visuel .img-frame img { margin-left: auto; margin-right: auto; } /* ========================================= VIEW_ALL_LOTS — TEXTE "VOIR L’ARTICLE" MOBILE ÉTROIT (≤ 450px) ========================================= */ @media (max-width: 450px) { body.view_all_lots .lot-view-link { font-size: 11px; /* au lieu de 13px */ line-height: 1.2; } } /********MESSAGERIE******/ @media (min-width: 1025px) and (max-width: 1150px) { /* ✅ Centrage du bouton "Demande d'info" (même si margin inline) */ body.view_lot .details a.btn.btn-default.nk-btn-info-small { margin-left: auto !important; margin-right: auto !important; display: block !important; /* important: centrer via margin auto */ text-align: center !important; } } /* ✅ Centrage bouton "Demande d'info" en dessous de 1025px */ @media (max-width: 1024px){ body.view_lot .details a.btn.btn-default.nk-btn-info-small{ display: block !important; margin-left: auto !important; margin-right: auto !important; text-align: center !important; } } /*Espace entre bulle et corbeille de voir messagerie */ @media (max-width:600px){ .conv-action a{ display:block; margin-bottom:10px; } }