/* Vina Domus – retouches communes à tout le site (en ligne depuis le 14/10/2026, validées par Alexis). Chargé par templates/_partials/head.tpl (ligne « VD SITE »). Les textes sont ajoutés par vd-site.js. Retour arrière : supprimer les lignes « VD SITE » dans head.tpl et footer.tpl. */ @media (max-width: 767px) { /* ===== A. COMMUN À TOUTES LES PAGES ===== */ /* A1. En-tête compact (le même que sur l'accueil depuis le 13/10) */ body .tvcmsmobile-header-search-logo-wrapper{display:flex!important;flex-direction:column;align-items:stretch;gap:8px;padding:8px 15px 10px!important;margin:0!important} body .tvcmsmobile-header-logo-right-wrapper{align-self:center;width:auto!important;max-width:none!important;padding:0!important;margin:0!important;float:none!important} body #tvcmsmobile-header-logo,body #tvcmsmobile-header-logo .tv-header-logo{padding:0!important;margin:0!important;width:auto!important} body #tvcmsmobile-header-logo img{height:40px!important;width:auto!important;max-width:none!important} body .tvcmsmobile-header-search{width:100%!important;max-width:none!important;padding:0!important;margin:0!important;float:none!important} body .tvcmsmobile-header-search .tvsearch-top-wrapper{padding:0!important} body #tvcmsmobile-search,body #tvcmsmobile-search .search-widget{margin:0!important;padding:0!important;width:100%!important} body #tvcmsmobile-search .tvheader-top-search{display:flex!important;align-items:center;width:100%!important} body #tvcmsmobile-search .tvheader-top-search-wrapper-info-box{flex:1 1 auto!important;min-width:0!important;width:auto!important} body #tvcmsmobile-search .tvcmssearch-words{width:100%!important;min-width:0!important;padding-left:16px!important;padding-right:8px!important;font-size:13px!important;height:42px!important} body #tvcmsmobile-search .tvheader-top-search-wrapper{flex:0 0 52px!important;width:52px!important;min-width:0!important;padding:0!important;height:42px!important;display:flex;align-items:center;justify-content:center} /* A2. Fil d'Ariane : une seule ligne discrète au lieu d'un cadre de 2 à 3 lignes */ body .breadcrumb{border:0!important;background:transparent!important;padding:12px 0 4px!important;margin:0 0 6px!important;text-align:left!important} body .breadcrumb ol{display:flex!important;flex-wrap:nowrap!important;align-items:center;white-space:nowrap;overflow:hidden;text-align:left!important} body .breadcrumb li{flex:none;font-size:12px!important;line-height:1.4!important} body .breadcrumb li:last-child{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis} body .breadcrumb li:last-child a{color:#777!important} /* ===== B. FICHE PRODUIT ===== */ /* B1. Un seul cadre au lieu de trois : le texte récupère la largeur de l'écran */ body#product .tvprduct-image-info-wrapper{border:0!important;padding:0!important} body#product .tv-product-page-content{padding-left:0!important;padding-right:0!important} /* B2. Titre sur toute la largeur (150 px étaient réservés à droite pour un logo de marque d'ordinateur) */ body#product .tvproduct-title-brandimage h1{padding-right:0!important;font-size:20px!important;line-height:1.3!important} /* B2 bis. Logo de la maison (quand la fiche en a un) : en petit au-dessus du titre, au lieu d'être posé par-dessus sa fin */ body#product .tvproduct-title-brandimage{display:flex!important;flex-direction:column!important} body#product .tvproduct-title-brandimage>*{order:2} body#product .tvproduct-title-brandimage>.tvcms-product-brand-logo{order:1;width:auto!important;margin:0!important;padding:0!important} body#product .tvcms-product-brand-logo .tvproduct-brand{position:static!important;display:inline-flex!important;width:auto!important;height:auto!important;margin:0 0 8px!important;padding:0!important} body#product .tvcms-product-brand-logo .tvproduct-brand img{height:56px!important;width:auto!important;max-width:160px!important;object-fit:contain} /* B3. Ordre : titre, prix, remises et bouton Ajouter, puis la dégustation */ body#product .tv-product-page-content{display:flex!important;flex-direction:column} body#product .tv-product-page-content>.tvproduct-title-brandimage{order:1} body#product .tv-product-page-content>.product-prices{order:2} body#product .tv-product-page-content>.vd-price-litre{order:3} body#product .tv-product-page-content>.product-information{order:4} body#product .tv-product-page-content>.tvproduct-page-decs{order:5;margin-top:18px} body#product .tv-product-page-content>*:not(.tvproduct-title-brandimage):not(.product-prices):not(.vd-price-litre):not(.product-information):not(.tvproduct-page-decs){order:6} /* B4. Description longue : plus large et plus lisible (le texte héritait de 1 px d'espace entre chaque lettre) */ body#product #tab-content{padding:18px 0 8px!important;border:0!important;box-shadow:none!important} body#product #tab-content .elementor-column-wrap.elementor-element-populated{padding:0!important} body#product #description :is(p,li,td){letter-spacing:.1px!important} body#product .product-tabs .nav-tabs,body#product .tvproduct-tab .nav-tabs{margin:0!important} /* ===== C. LISTES DE PRODUITS : catégories, recherche, marques, promotions, nouveautés, meilleures ventes ===== */ /* C1. Deux produits par ligne, avec les cartes compactes de l'accueil (mêmes infos, mêmes boutons) */ body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) #js-product-list .products{display:flex!important;flex-wrap:wrap!important;align-items:stretch!important;gap:12px 10px!important;margin:0!important} body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) #js-product-list .products>article{flex:0 0 calc(50% - 5px)!important;width:calc(50% - 5px)!important;max-width:none!important;padding:0!important;margin:0!important} body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) #js-product-list .products .tvproduct-wrapper{border-radius:20px!important} body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) #js-product-list .products .tvproduct-image{height:138px!important;min-height:0!important;padding:6px 0 0!important;display:flex;align-items:center;justify-content:center} body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) #js-product-list .products .tvproduct-image a.thumbnail{height:132px!important;display:flex;align-items:center;justify-content:center} body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) #js-product-list .products .tvproduct-image img.tvproduct-defult-img{height:132px!important;width:132px!important;object-fit:contain} body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) #js-product-list .products .pastiles{left:6px!important;top:6px!important;width:auto!important;height:auto!important;gap:4px} body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) #js-product-list .products .pastile,body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) #js-product-list .products .pastile img{width:24px!important;height:24px!important;min-width:0!important} body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) #js-product-list .products .tvproduct-hover-btn{display:none!important} body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) #js-product-list .products .tvproduct-info-box-wrapper,body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) #js-product-list .products .product-description{padding:0!important;margin:0!important} body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) #js-product-list .products .product-description-2{padding:4px 8px 0!important;min-height:0!important} body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) #js-product-list .products .tvproduct-name,body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) #js-product-list .products .product-title{min-height:0!important;margin:0!important;padding:0!important} body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) #js-product-list .products .product-title h2{font-size:12.5px!important;font-weight:700!important;line-height:1.3!important;letter-spacing:normal!important;margin:0!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:48px} body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) #js-product-list .products .grc-category-stars{transform:scale(.8);transform-origin:center;margin:0!important} body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) #js-product-list .products .tvproduct-features{font-size:10px!important;line-height:1.3!important;margin:2px 0 0!important;letter-spacing:normal!important} body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) #js-product-list .products .tvproduct-features *{font-size:10px!important;letter-spacing:normal!important} body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) #js-product-list .products .vue-specific_quantities{flex-direction:column!important;align-items:center!important;gap:4px!important;padding:6px 6px 0!important;margin:0!important;height:auto!important} body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) #js-product-list .products .specific-quantities{gap:5px!important;width:auto!important;justify-content:center;margin:0!important} body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) #js-product-list .products .specific-qty-option{width:68px!important;min-width:0!important;height:auto!important;padding:4px 4px 5px!important;border-radius:10px!important;margin:0!important} body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) #js-product-list .products .specific-qty-option *{font-size:10px!important;line-height:1.3!important;letter-spacing:normal!important} body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) #js-product-list .products .specific-qty-option .price,body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) #js-product-list .products .specific-qty-option [class*="price"]{font-size:11px!important;font-weight:700!important} body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) #js-product-list .products .vue-initial-price{border:0!important;width:auto!important;height:auto!important;padding:2px 0 0!important;margin:0!important;text-align:center} body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) #js-product-list .products .vue-initial-price *{text-align:center!important;letter-spacing:normal!important} body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) #js-product-list .products .normal-price{height:auto!important;padding:0!important;border:0!important} body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) #js-product-list .products .vue-add-cart-container{flex-direction:column!important;align-items:stretch!important;gap:6px!important;padding:7px 8px 8px!important;margin-top:6px!important;height:auto!important} body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) #js-product-list .products .stock_available-text{font-size:10px!important;line-height:1.2!important;width:auto!important;max-width:none!important;letter-spacing:normal!important} body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) #js-product-list .products .vue-add-cart{width:100%!important;height:36px!important;margin:0!important} body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) #js-product-list .products .vue-add-cart .btn-qty{height:30px!important;min-width:38px!important;width:38px!important;font-size:13px!important;padding:0!important} body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) #js-product-list .products .vue-add-cart .btn-vue{height:30px!important;flex:1 1 auto;font-size:14px!important;padding:0 6px!important;width:auto!important} body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) #js-product-list .products .vue-add-cart{position:relative!important} body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) #js-product-list .products .vue-product-qty{left:0!important;right:0!important;width:auto!important;top:auto!important;bottom:calc(100% + 6px)!important;height:auto!important;transform:none!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;padding:6px!important;z-index:5!important} body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) #js-product-list .products .vue-product-qty>*{min-width:0!important;width:auto!important;height:34px!important;font-size:13px!important;padding:0!important;margin:0!important} body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) #js-product-list .products>article,body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) #js-product-list .products .thumbnail-container{height:auto!important;display:flex!important;flex-direction:column} body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) #js-product-list .products .thumbnail-container{flex:1 1 auto} body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) #js-product-list .products .tvproduct-wrapper{flex:1 1 auto;display:flex!important;flex-direction:column;height:auto!important} body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) #js-product-list .products .tvproduct-image{flex:none} body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) #js-product-list .products .tvproduct-info-box-wrapper{flex:1 1 auto;display:flex!important;flex-direction:column} body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) #js-product-list .products .product-description{flex:1 1 auto;display:flex!important;flex-direction:column} body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) #js-product-list .products .grc-category-stars{height:26px!important;min-height:26px!important;display:flex;align-items:center;justify-content:center;overflow:visible} body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) #js-product-list .products .tvproduct-features{min-height:26px!important;display:block!important;text-align:center} body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) #js-product-list .products .vue-specific_quantities{margin-top:auto!important} body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) #js-product-list .products .vue-add-cart-container{margin-top:0!important} body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) #js-product-list .products .specific-quantities{display:flex!important;flex-direction:column-reverse!important;gap:4px!important;width:100%!important;padding:0 2px!important} body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) #js-product-list .products .specific-qty-option{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;width:100%!important;height:26px!important;padding:0 8px!important;border-radius:8px!important;background:#e3e3e3!important;gap:6px} body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) #js-product-list .products .specific-qty-option-1{display:flex!important;flex-direction:row-reverse!important;align-items:center!important;gap:6px!important;margin:0!important} body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) #js-product-list .products .specific-qty-option .qty-number{font-size:11px!important;color:#333!important;text-transform:capitalize;margin:0!important;white-space:nowrap} body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) #js-product-list .products .specific-qty-option .discount-2{font-size:10px!important;line-height:1!important;padding:3px 6px!important;border-radius:6px!important;margin:0!important;white-space:nowrap} body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) #js-product-list .products .specific-qty-option-2{margin:0!important} body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) #js-product-list .products .specific-qty-option .price{font-size:11.5px!important;font-weight:700!important;white-space:nowrap} body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) #js-product-list .products .vue-initial-price{padding-top:6px!important} body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) #js-product-list .products .normal-price .product-price{font-size:17px!important} body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) #js-product-list .products .normal-price .product-price-text{font-size:10px!important} /* C2. Filtres repliés derrière le bouton « Filtrer » (aujourd'hui dépliés en haut, et le bouton ne fait rien de visible) */ body#category:not(.vd-filtres-ouverts) #_mobile_search_filters_wrapper{display:none!important} /* C3. Barre « Filtrer · nombre de produits · tri » ramassée (un cadre de 165 px de haut aujourd'hui) */ body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) .products-selection{display:flex!important;flex-direction:column;gap:10px;padding:0!important;margin:0 0 14px!important;border:0!important;box-shadow:none!important;background:transparent!important} body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) .products-selection>[class*="col-"]{width:100%!important;max-width:none!important;flex:none!important;padding:0!important;float:none!important} body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) .products-selection .tv-grid-list-all-wrapper{display:none!important} body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) .tv-left-search-totle-product{display:flex!important;align-items:center;justify-content:space-between;gap:10px} body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) .products-selection .sort-by-row{margin:0!important;display:flex!important;align-items:center;gap:10px} body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) .products-selection .sort-by{flex:none!important;width:auto!important;max-width:none!important;padding:0!important;font-size:13px!important;line-height:1.2!important;white-space:nowrap} body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) .products-selection .products-sort-order{flex:1 1 auto!important;width:auto!important;max-width:none!important;padding:0!important} /* C4. Petits téléphones : la ligne de remise garde un peu d'air autour du prix */ @media (max-width: 359px){ body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) #js-product-list .products .specific-qty-option{padding:0 5px!important;gap:3px} body:is(#category,#search,#manufacturer,#prices-drop,#new-products,#best-sales) #js-product-list .products .specific-qty-option .discount-2{padding:2px 4px!important} } /* ===== D. PAGES DE CONTENU (Nos appellations…) ===== */ /* D1. Un seul cadre : le contenu reprend la largeur de l'écran */ body#cms #content.page-content{border:0!important;padding:0!important;box-shadow:none!important} body#cms #content.page-content .elementor-column-wrap.elementor-element-populated{padding:0!important} body#cms .appellations-container{padding:20px 0 40px!important} body#cms.cms-id-29 .toolbar .toolbar-inner{padding:14px!important} body#cms.cms-id-29 .toolbar .toolbar-top{display:flex!important;flex-wrap:wrap!important;align-items:center;gap:8px!important;width:100%!important} body#cms.cms-id-29 .toolbar .toolbar-top>.search-wrap{flex:1 1 100%!important;width:100%!important;max-width:none!important;margin:0!important} body#cms.cms-id-29 .toolbar .toolbar-top>.search-wrap input{width:100%!important;max-width:none!important} body#cms.cms-id-29 .toolbar .toolbar-top>button{flex:none!important;margin:0!important} body#cms .appellations-container .region-trigger{padding:12px!important} } /* ===== E. RECHERCHE — ordinateur ET téléphone (le texte est ajouté par vd-site.js) ===== */ body#search .vd-mot{color:#49011b} body#search .vd-zero{display:flex;flex-direction:column;gap:12px;font:400 14px/1.55 Montserrat,sans-serif;color:#333;letter-spacing:normal} body#search .vd-zero b{font-weight:700;color:#49011b} body#search .vd-zero .vd-zero-titre{font-size:17px;font-weight:700;color:#222;line-height:1.3} body#search .vd-zero .vd-rayons{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:2px 0 0} body#search .vd-zero .vd-rayons a{display:flex;align-items:center;justify-content:center;text-align:center;min-height:38px;border:1px solid #d7ba69;color:#49011b;border-radius:999px;padding:5px 6px;font:600 11.5px/1.15 Montserrat,sans-serif;text-decoration:none;background:#fff} body#search .vd-zero .vd-tel{font-size:13px;color:#555} /* ===== F. PAGES LÉGALES (CGV, mentions, CGU, confidentialité, cookies, retours) — ordinateur ET téléphone ===== Le style des pages colore en blanc le titre du bandeau quand c'est un

. Le titre est devenu un

: il prend alors le gris du thème (#444) sur le bandeau bordeaux, contraste 1,1 pour 1, quasiment invisible. */ .vd-legal .vd-legal__hero h2,.vd-legal__hero h2{position:relative;text-shadow:0 2px 8px rgba(0,0,0,.15);font-family:Georgia,"Times New Roman",serif!important;font-size:3em!important;font-weight:400!important;margin:0 0 12px!important;letter-spacing:.5px!important;color:#fff!important;line-height:1.2!important} @media (max-width: 700px){.vd-legal__hero h2{font-size:2em!important}} /* ===== G. CORRECTIONS COMMUNES — ordinateur ET téléphone ===== */ /* G1. Police « Josefin Sans » demandée par le thème mais jamais chargée : le navigateur affichait une police de secours (Times). Concerne les titres du pied de page, la légende des labels, la lettre d'info, la fenêtre « liste d'envies » et les titres du diaporama. */ #left-column .tvservices-content-box .tvservices-title,#right-column .tvservices-content-box .tvservices-title, .block_newsletter .tvnewsletter-title,.tvdekstop-footer-all-title-wrapper .tvfooter-title,.tvfooter-title-wrapper .tvfooter-title, .wishlist-modal .modal-header .h5,.tvmain-slider-contant .tvmain-slider-title{font-family:Montserrat,sans-serif!important} /* G2. Pagination : le numéro de la page en cours était blanc sur fond blanc, donc invisible */ .pagination li.current a,.pagination li.current a:hover{background:#49011b!important;color:#fff!important;border-color:#49011b!important;opacity:1!important} /* G3. Description de catégorie vide : vd-site.js ajoute cette classe quand le bloc ne contient aucun texte */ .block-category.vd-vide{display:none!important} /* ===== H. « Lire plus » sur la description des fiches produit et le texte des catégories — ordinateur ET téléphone ===== Tout le texte reste dans la page (Google le lit en entier) ; vd-site.js masque seulement la suite à l'écran. Les « Questions fréquentes » ne sont jamais repliées (elles sont déclarées à Google en données structurées). */ .vd-lp-off{display:none!important} /* Catégories : l'ancien bouton « Voir plus » du thème ne repliait rien (texte toujours ouvert) : remplacé par « Lire plus » */ body#category #category-description .read-more-cat{display:none!important} .vd-lp-coupe{overflow:hidden!important;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 80px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 80px),transparent)} .vd-lp-barre{display:flex!important;justify-content:center!important;align-items:center!important;margin:6px 0 30px!important;padding:0!important;clear:both;border:0!important;background:none!important;width:auto!important;float:none!important;position:static!important} .vd-lp-ouvert .vd-lp-barre{margin-top:18px!important} .vd-lp-barre .vd-lp-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:auto!important;height:auto!important;min-width:0!important;min-height:44px!important;margin:0!important;padding:10px 26px!important;border:1px solid #49011b!important;border-radius:999px!important;background:#fff!important;color:#49011b!important;font:600 14px/1.2 Montserrat,sans-serif!important;letter-spacing:.3px!important;text-transform:none!important;text-decoration:none!important;box-shadow:none!important;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none} @media (hover:hover){.vd-lp-barre .vd-lp-btn:hover{background:#49011b!important;color:#fff!important}} .vd-lp-barre .vd-lp-btn:focus-visible{outline:2px solid #d7ba69!important;outline-offset:3px!important} .vd-lp-barre .vd-lp-btn::before{content:none!important} .vd-lp-barre .vd-lp-btn::after{content:""!important;display:block!important;position:static!important;width:7px!important;height:7px!important;margin:0!important;border:0!important;border-right:2px solid currentColor!important;border-bottom:2px solid currentColor!important;background:none!important;transform:translateY(-2px) rotate(45deg)!important} .vd-lp-barre .vd-lp-btn[aria-expanded="true"]::after{transform:translateY(2px) rotate(-135deg)!important} /* ===== I. ACCUEIL SUR ORDINATEUR ET TABLETTE (14/10) ===== « Nouveaux produits » et « Meilleures ventes » démarraient collés au bord de l'écran (0 px) alors que le menu, le diaporama et les catégories ont une marge : on les aligne. */ @media (min-width: 768px) { body#index .np-section,body#index .bsp-section{margin-left:0!important;margin-right:0!important} body#index .np-section .np-container,body#index .bsp-section .bsp-container{padding-left:0!important;padding-right:0!important} } /* ===== J. FILTRES DES LISTES SUR ORDINATEUR ET TABLETTE (14/10) ===== */ /* J1. Grand écran : la colonne des filtres est déjà affichée à gauche, le bouton « Filtrer » ne servait à rien */ @media (min-width: 1200px) { body .tv_search_filter_wrapper{display:none!important} } /* J2. Tablettes et petits portables (768 à 1199 px) : le thème cache la colonne des filtres et « Filtrer » ne l'ouvrait pas. vd-site.js ajoute body.vd-filtres-ouverts au clic : les filtres s'affichent au-dessus des produits. */ @media (min-width: 768px) and (max-width: 1199px) { body.vd-filtres-ouverts #left-column{display:block!important;width:100%!important;max-width:none!important;flex:none!important;float:none!important;margin:0 0 20px!important} body.vd-filtres-ouverts #left-column .theiaStickySidebar{position:static!important;transform:none!important;top:auto!important;left:auto!important;width:auto!important} body.vd-filtres-ouverts #left-column .tvsearch-filter-content-wrapper{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px} body.vd-filtres-ouverts #left-column .tvsearch-filter-content-wrapper>.facet{width:auto!important;max-width:none!important;flex:none!important;float:none!important;padding-left:0!important;padding-right:0!important} } /* J3. Libellés des filtres : chaque nom était posé « en l'air » sur une ligne de 20 px et débordait sur ses voisins quand il était long (« Afrique du Sud », « Aloxe-Corton Premier Cru »). Case, nom, puis nombre aligné à droite. */ @media (min-width: 768px) { #left-column #search_filters .facet ul{width:100%!important;max-height:280px} #left-column #search_filters .facet li{height:auto!important;min-height:0!important;margin:0 0 7px!important;padding:0!important} #left-column #search_filters .facet li>label.facet-label{display:flex!important;align-items:flex-start!important;gap:8px!important;height:auto!important;width:100%!important;margin:0!important;padding:0!important} #left-column #search_filters .facet li>label.facet-label>.custom-radio,#left-column #search_filters .facet li>label.facet-label>.custom-checkbox{flex:none!important;margin:0!important;top:0!important} #left-column #search_filters .facet li>label.facet-label>a.search-link{position:static!important;display:flex!important;justify-content:space-between!important;align-items:baseline!important;gap:6px!important;flex:1 1 auto!important;min-width:0!important;width:auto!important;height:auto!important;line-height:1.35!important;padding:1px 4px 0 0!important;margin:0!important;white-space:normal!important} #left-column #search_filters .facet li>label.facet-label .magnitude{float:none!important;display:inline!important;flex:none!important;height:auto!important;margin:0!important;white-space:nowrap!important} } /* ===== K. CARTES PRODUITS SUR ORDINATEUR ET TABLETTE (14/10) ===== */ /* K1. Fiche produit, « 8 autres produits à découvrir » : les cartes dépassaient du cadre de la page de 10 px de chaque côté */ @media (min-width: 768px) { body#product .tvsame-category-product{margin-left:-5px!important;margin-right:-5px!important} /* K2. Le nom du vin touchait les bords de la carte : un peu d'air à gauche et à droite */ .product-miniature .tvproduct-name{padding-left:12px!important;padding-right:12px!important} } /* ===== L. MENU DU TÉLÉPHONE ET DE LA TABLETTE (14/10) ===== */ /* Le thème déplace le même menu entre la barre d'ordinateur et le tiroir du téléphone : le bloc L2 n'existe que dans le tiroir */ .vd-menu-infos{display:none!important} @media (max-width: 991px) { /* L1. Les flèches des rubriques qui s'ouvrent (Vins, Champagnes…) étaient masquées par une règle du thème, et prévues gris rosé très pâle : on les affiche, en plus foncé */ #tvmobile-megamenu .tvMegamenu .vdm-l1-parent > a::after{content:''!important;display:block!important;position:absolute!important;top:23px!important;right:22px!important;left:auto!important;bottom:auto!important;width:9px!important;height:9px!important;margin:0!important;padding:0!important;font-size:0!important;line-height:0!important;background:none!important;box-shadow:none!important;outline:0!important;border:0!important;border-right:2px solid #7a4a57!important;border-bottom:2px solid #7a4a57!important} #tvmobile-megamenu .tvMegamenu .vdm-l1-open > a::after{top:27px!important;border-color:#49011b!important} /* L2. Bas du menu (vide jusqu'ici) : téléphone, horaires, compte et contact. Le bloc est ajouté par vd-site.js */ #tvmobile-megamenu .tvMegamenu .menu-content > li.vd-menu-infos{display:block!important;list-style:none!important;margin:0!important;padding:18px 20px 28px!important;border:0!important;border-top:1px solid #eadde0!important;background:#faf6f2!important;font:400 13px/1.5 Montserrat,sans-serif!important;color:#444!important;letter-spacing:normal!important;text-transform:none!important} .vd-menu-infos .vd-mi-q{display:block;font-size:12px;color:#7a4a57;margin:0 0 2px} #tvmobile-megamenu .vd-menu-infos a.vd-mi-tel{display:inline-flex!important;align-items:center;min-height:44px;padding:0!important;font-weight:700!important;font-size:17px!important;color:#49011b!important;text-decoration:none!important;letter-spacing:.3px!important;background:none!important;border:0!important} .vd-menu-infos .vd-mi-h{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;margin:6px 0 14px;font-size:12.5px} .vd-menu-infos .vd-mi-h span:nth-child(odd){color:#7a4a57} .vd-menu-infos .vd-mi-liens{display:flex;gap:8px;flex-wrap:wrap} #tvmobile-megamenu .vd-menu-infos .vd-mi-liens a{display:inline-flex!important;align-items:center;min-height:40px;padding:0 16px!important;border:1px solid #d7ba69!important;border-radius:999px!important;background:#fff!important;color:#49011b!important;font:600 12.5px/1 Montserrat,sans-serif!important;text-decoration:none!important;text-transform:none!important;letter-spacing:normal!important} }