/* ================================================================== LORENTS — UNIVERS LOCATION EN BLANC (feuille complete, v1.0) ------------------------------------------------------------------ 1. 67 regles produites par pose/generer_clair.py a partir de la feuille sombre du module lrs-lc (gabarit 351750, widget lrslocw1, identique au fichier servi lrs-lc-css-f01a19318e.css). Le theme sombre n emploie qu une encre, la creme #F6F1EC a alpha variable ; chaque emploi se retourne vers l encre #241A14 (rgba 38,26,19), les alphas de TEXTE releves, ceux des VOILES conserves. Les blocs poses sur une photo (heros, barre de recherche, etiquette de packshot, en-tete, pied, barre mobile) sont ecartes : ils restent la nuit. 2. 10 regles du kit portees par #devis-formulaire, converties de la meme facon en gardant l identifiant : un identifiant bat n importe quel nombre de classes. 3. Le cadre, ecrit a la main — jetons, fond de page, raccord du heros, cartes, et les regles dont le SENS s inverse. Il passe en dernier : a specificite egale, c est lui qui tranche. ================================================================== */ /* 67 regles generees */ body.lrs-blanc.lrs-blanc #grille-produits ul.products li.product{background:linear-gradient(180deg,rgba(38,26,19,.065),rgba(38,26,19,.022)) !important} body.lrs-blanc.lrs-blanc #grille-produits ul.products li.product:hover{background:linear-gradient(180deg,rgba(38,26,19,.085),rgba(38,26,19,.035)) !important} body.lrs-blanc.lrs-blanc #devis-formulaire.e-con{background-image:linear-gradient(180deg,rgba(38,26,19,.07),rgba(38,26,19,.025)) !important} body.lrs-blanc.lrs-blanc .lrs-lc-fh{border-bottom:1px solid rgba(38,26,19,.1) !important} body.lrs-blanc.lrs-blanc .lrs-lc-fh__d{color:rgba(38,26,19,.7) !important} body.lrs-blanc.lrs-blanc .lrs-lead{color:rgba(38,26,19,.84) !important} body.lrs-blanc.lrs-blanc .lrs-loc .lrs-b--g.lrs-b--g{border-color:rgba(38,26,19,.28) !important} body.lrs-blanc.lrs-blanc .lrs-loc .lrs-b--g.lrs-b--g:hover{background:rgba(38,26,19,.08) !important} body.lrs-blanc.lrs-blanc .lrs-c{background:linear-gradient(180deg,rgba(38,26,19,.065),rgba(38,26,19,.022)) !important} body.lrs-blanc.lrs-blanc .lrs-lc-chips a{color:rgba(38,26,19,.92) !important;background:rgba(38,26,19,.05) !important;border:1px solid rgba(38,26,19,.16) !important} body.lrs-blanc.lrs-blanc .lrs-lc-chips a i{color:rgba(38,26,19,.62) !important} body.lrs-blanc.lrs-blanc .lrs-lc-rea__c span{color:rgba(38,26,19,.76) !important} body.lrs-blanc.lrs-blanc .lrs-lc-univ__c{background:rgba(38,26,19,.043) !important;border:1px solid rgba(38,26,19,.13) !important} body.lrs-blanc.lrs-blanc .lrs-lc-univ__c:hover{background:rgba(38,26,19,.06) !important} body.lrs-blanc.lrs-blanc .lrs-lc-univ__d{color:rgba(38,26,19,.7) !important} body.lrs-blanc.lrs-blanc .lrs-lc-univ__sub a{color:rgba(38,26,19,.78) !important;background:rgba(38,26,19,.05) !important;border:1px solid rgba(38,26,19,.1) !important} body.lrs-blanc.lrs-blanc .lrs-lc-batt{background:linear-gradient(100deg,rgba(224,122,74,.16),rgba(38,26,19,.03) 62%) !important} body.lrs-blanc.lrs-blanc .lrs-lc-batt__tx span{color:rgba(38,26,19,.8) !important} body.lrs-blanc.lrs-blanc .lrs-lc-step__c span{color:rgba(38,26,19,.78) !important} body.lrs-blanc.lrs-blanc .lrs-lc-step__ft{background:rgba(38,26,19,.035) !important;border:1px solid rgba(38,26,19,.11) !important} body.lrs-blanc.lrs-blanc .lrs-lc-step__ft p{color:rgba(38,26,19,.84) !important} body.lrs-blanc.lrs-blanc .lrs-lc-prod__cat{color:rgba(38,26,19,.62) !important} body.lrs-blanc.lrs-blanc .lrs-lc-prod__ft{border-top:1px solid rgba(38,26,19,.1) !important} body.lrs-blanc.lrs-blanc .lrs-lc-prod__pr{color:rgba(38,26,19,.7) !important} body.lrs-blanc.lrs-blanc .lrs-lc-prod__cta{border:1px solid rgba(38,26,19,.24) !important} body.lrs-blanc.lrs-blanc .lrs-lc-pack__l li{color:rgba(38,26,19,.84) !important} body.lrs-blanc.lrs-blanc .lrs-lc-pack__l li i{color:rgba(38,26,19,.62) !important} body.lrs-blanc.lrs-blanc .lrs-lc-pack__ft{border-top:1px solid rgba(38,26,19,.1) !important} body.lrs-blanc.lrs-blanc .lrs-lc-pack__pr{color:rgba(38,26,19,.7) !important} body.lrs-blanc.lrs-blanc .lrs-lc-pack__pr i{color:rgba(38,26,19,.78) !important} body.lrs-blanc.lrs-blanc .lrs-lc-liv__c p{color:rgba(38,26,19,.82) !important} body.lrs-blanc.lrs-blanc .lrs-lc-liv__vil li{background:rgba(38,26,19,.05) !important;border:1px solid rgba(38,26,19,.11) !important;color:rgba(38,26,19,.8) !important} body.lrs-blanc.lrs-blanc .lrs-lc-liv__note{color:rgba(38,26,19,.66) !important} body.lrs-blanc.lrs-blanc .lrs-lm{border:1px solid rgba(38,26,19,.14) !important} body.lrs-blanc.lrs-blanc .lrs-lc-liv__bar{border:1px solid rgba(38,26,19,.12) !important} body.lrs-blanc.lrs-blanc .lrs-lc-liv__bar li{background:rgba(38,26,19,.03) !important;border-bottom:1px solid rgba(38,26,19,.08) !important} body.lrs-blanc.lrs-blanc .lrs-lc-liv__bar li span{color:rgba(38,26,19,.86) !important} body.lrs-blanc.lrs-blanc .lrs-lc-liv__bar li b i{color:rgba(38,26,19,.66) !important} body.lrs-blanc.lrs-blanc .lrs-lc-cond__c span{color:rgba(38,26,19,.8) !important} body.lrs-blanc.lrs-blanc .lrs-lc-faq details{background:linear-gradient(180deg,rgba(38,26,19,.065),rgba(38,26,19,.022)) !important} body.lrs-blanc.lrs-blanc .lrs-lc-faq__a{color:rgba(38,26,19,.82) !important} body.lrs-blanc.lrs-blanc .lrs-lc-pass{border:1px solid rgba(38,26,19,.14) !important;background:linear-gradient(115deg,rgba(224,122,74,.22),rgba(13,13,13,.4) 55%,rgba(124,58,237,.18)), rgba(38,26,19,.03) !important} body.lrs-blanc.lrs-blanc .lrs-lc-pass__l a{border:1px solid rgba(38,26,19,.14) !important} body.lrs-blanc.lrs-blanc .lrs-lc-seo__g{border-top:1px solid rgba(38,26,19,.1) !important} body.lrs-blanc.lrs-blanc .lrs-lc-seo p{color:rgba(38,26,19,.7) !important} body.lrs-blanc.lrs-blanc .lrs-lc-seo a{color:rgba(38,26,19,.86) !important} body.lrs-blanc.lrs-blanc .lrs-lc-dv__pts li{color:rgba(38,26,19,.86) !important} body.lrs-blanc.lrs-blanc .lrs-lc-dv__f{background:linear-gradient(180deg,rgba(38,26,19,.07),rgba(38,26,19,.025)) !important} body.lrs-blanc.lrs-blanc .lrs-lc-dv__fd label{color:rgba(38,26,19,.7) !important} body.lrs-blanc.lrs-blanc .lrs-lc-dv__fd :is(input,textarea,select){background:rgba(38,26,19,.05) !important;border:1px solid rgba(38,26,19,.16) !important} body.lrs-blanc.lrs-blanc .lrs-lc-dv__fd ::placeholder{color:rgba(38,26,19,.38) !important} body.lrs-blanc.lrs-blanc .lrs-lc-dv__fd .lrs-lc-dv__aide{color:rgba(38,26,19,.62) !important} body.lrs-blanc.lrs-blanc .lrs-lc-dv__sw label{color:rgba(38,26,19,.86) !important;background:rgba(38,26,19,.04) !important;border:1px solid rgba(38,26,19,.16) !important} body.lrs-blanc.lrs-blanc .lrs-lc-dv__sw input{border:2px solid rgba(38,26,19,.4) !important} body.lrs-blanc.lrs-blanc .lrs-lc-dv__sel{border:1px dashed rgba(38,26,19,.22) !important} body.lrs-blanc.lrs-blanc .lrs-lc-dv__sel > b{color:rgba(38,26,19,.7) !important} body.lrs-blanc.lrs-blanc .lrs-lc-dv__list li{background:rgba(38,26,19,.05) !important} body.lrs-blanc.lrs-blanc .lrs-lc-dv__list li button{border:1px solid rgba(38,26,19,.2) !important;color:rgba(38,26,19,.68) !important} body.lrs-blanc.lrs-blanc .lrs-lc-dv__vide{color:rgba(38,26,19,.66) !important} body.lrs-blanc.lrs-blanc .lrs-lc-dv__tot{border-top:1px solid rgba(38,26,19,.12) !important;color:rgba(38,26,19,.68) !important} body.lrs-blanc.lrs-blanc .lrs-lc-dv__tot b em{color:rgba(38,26,19,.7) !important} body.lrs-blanc.lrs-blanc .lrs-lc-dv__leg{color:rgba(38,26,19,.62) !important} body.lrs-blanc.lrs-blanc .lrs-lc-dv__leg a{color:rgba(38,26,19,.76) !important} body.lrs-blanc.lrs-blanc .lrs-loc .lrs-lc-chips a{color:rgba(38,26,19,.92) !important} body.lrs-blanc.lrs-blanc .lrs-loc .lrs-lc-univ__sub a{color:rgba(38,26,19,.78) !important} body.lrs-blanc.lrs-blanc .lrs-loc .lrs-lc-dv__fd.lrs-lc-dv__fd.lrs-lc-dv__fd :is(input,textarea,select){background:rgba(38,26,19,.05) !important;border:1px solid rgba(38,26,19,.16) !important} body.lrs-blanc.lrs-blanc .lrs-loc .lrs-lc-dv__sw.lrs-lc-dv__sw.lrs-lc-dv__sw input{border:2px solid rgba(38,26,19,.4) !important} body.lrs-blanc.lrs-blanc #devis-formulaire :is(input,textarea,select).elementor-field,body.lrs-blanc.lrs-blanc #devis-formulaire .elementor-field-textual{background:rgba(38,26,19,.06) !important;border:1px solid rgba(38,26,19,.2) !important;color:#241A14 !important} body.lrs-blanc.lrs-blanc #devis-formulaire ::placeholder{color:rgba(38,26,19,.62) !important} body.lrs-blanc.lrs-blanc #devis-formulaire input:-webkit-autofill{-webkit-text-fill-color:#241A14 !important} body.lrs-blanc.lrs-blanc #devis-formulaire :is(label,.elementor-field-label,.elementor-field-subgroup, .elementor-field-option,.elementor-field-type-acceptance, .elementor-field-type-acceptance label,.elementor-field-type-upload label, .elementor-field-type-upload .elementor-field-label){color:rgba(38,26,19,.82) !important} body.lrs-blanc.lrs-blanc #devis-formulaire .elementor-field-type-acceptance span[style],body.lrs-blanc.lrs-blanc #devis-formulaire .elementor-field-type-acceptance label span{color:rgba(38,26,19,.82) !important} body.lrs-blanc.lrs-blanc #devis-formulaire input[type="checkbox"],body.lrs-blanc.lrs-blanc #devis-formulaire input[type="radio"]{border:1px solid rgba(38,26,19,.4) !important} body.lrs-blanc.lrs-blanc #devis-formulaire button[type="submit"]:hover{background:#FFFFFF !important;border-color:#241A14 !important} body.lrs-blanc.lrs-blanc #devis-formulaire .elementor-field-type-upload input[type="file"],body.lrs-blanc.lrs-blanc #devis-formulaire .elementor-field-type-upload{color:rgba(38,26,19,.82) !important} body.lrs-blanc.lrs-blanc #devis-formulaire input[type="file"]::file-selector-button{color:#241A14 !important;border:1px solid rgba(38,26,19,.28) !important} body.lrs-blanc.lrs-blanc #devis-formulaire .elementor-message{color:rgba(38,26,19,.9) !important} /* ================================================================== LORENTS — UNIVERS LOCATION EN BLANC : LE CADRE ------------------------------------------------------------------ Ce fichier tient ce qui ne se deduit pas de la feuille sombre : les jetons, le fond de page, l en-tete, le pied, et la poignee de regles dont le SENS s inverse (un survol qui peint en blanc sur du blanc, une pastille sombre posee sur une carte devenue claire). La conversion mecanique — 76 regles, la creme a alpha variable — est dans genere-module.css, produite par generer_clair.py. Portee : body.lrs-blanc.lrs-blanc, posee par le greffon sur les seules pages de l univers location. Rien ailleurs. ================================================================== */ /* ---- 1. LES JETONS --------------------------------------------- Le module lrs-lc lit --lrs-paper comme couleur de TEXTE : le jeton se retourne donc vers l encre, il ne devient pas du papier. Valeurs reprises de la palette .lrs-jour deja ecrite dans le kit (l.468) — #241A14, un brun encre, jamais du noir pur. ---------------------------------------------------------------- */ body.lrs-blanc.lrs-blanc{ --lrs-ink:#FFFFFF; /* la surface */ --lrs-ink-2:#FAF8F5; /* les surfaces d appui */ --lrs-ink-t:255,255,255; --lrs-tint:38,26,19; /* les voiles s inversent : encre sur papier */ --lrs-paper:#241A14; /* le texte */ /* L orange de charte passe a sa valeur DE PAPIER sur tout l univers clair. C est le jeton qui porte tout : le kit peint le mot-cle des titres par var(--lrs-accent) dans une regle a CINQ classes redoublees (0,5,2) — inutile de lui courir apres a coups de specificite, il suffit de lui donner la bonne couleur. #E07A4A ne tient que 2,8:1 sur blanc. Le site a deja son orange de papier, #BA4C18 (lorents-boutons.php), mais il est calibre sur du BLANC PUR : 4,59. Sur les surfaces teintees de cette page — creme #FAF7F2, voiles de carte — il retombe a 4,17 et 4,30, sous le seuil. Mesure du miroir sur neuf textes. #BA4C18 tient 5,08 sur blanc, 4,75 sur creme et 4,61 sur le voile le plus fonce : il passe partout. C est le seul endroit ou je m ecarte de la palette jour du site. Les zones restees la nuit reprennent #E07A4A plus bas. */ --lrs-accent:#BA4C18; --lrs-accent-lit:#BA4C18; /* l orange DU SITE sur papier : c est la valeur que lorents-boutons.php a deja calibree pour sa palette jour — 4,6:1 sur blanc. Ne pas en inventer une autre. */ /* Le systeme de boutons du site est a jetons et possede DEJA sa palette jour (html body .lrs-jour dans lorents-boutons.php). On la recopie mot pour mot : sans elle, le bouton fantome « demander un devis » reste creme sur blanc — mesure du miroir, contraste 1,05:1. */ --lb-accent:#BA4C18; --lb-accent-h:#BA4C18; --lb-on:#FFFFFF; --lb-ink:#12100E; --lb-surface:rgba(18,16,14,.045); --lb-surface-h:rgba(18,16,14,.085); --lb-line:rgba(18,16,14,.46); --lb-line-h:rgba(224,122,74,.85); --lb-ring:#E07A4A; --lb-eclat:rgba(255,255,255,.45); --lb-eclat-t:rgba(18,16,14,.10); --lrs-carte-fond:#FFFFFF; --lrs-carte-filet:rgba(38,26,19,.13); --lrs-carte-filet-actif:rgba(224,122,74,.85); /* le halo neon est calcule pour le noir : sur papier il fait une aureole sale. Une ombre portee courte + un filet orange disent la meme chose. */ --lrs-neon:0 0 0 1px rgba(224,122,74,.55),0 10px 26px rgba(38,26,19,.10); } /* ---- 2. LE FOND DE PAGE ---------------------------------------- Le champ « nuit profonde » est pose sur body dans le kit en !important a (0,3,1) — deux copies, regle principale et bloc LRS-AR. Un !important ne suffit donc pas : a importance egale, c est la specificite qui tranche, et html+body+2 classes ne fait que (0,2,2). Mesure faite dans le miroir : le kit gagnait. D ou les QUATRE classes, (0,4,2) — la regle maison du module redouble, ici on redouble deux fois. La couche fixe animee .lrs-bgfx, elle, s eteint par le greffon (elle n est meme pas imprimee). ---------------------------------------------------------------- */ html body.lrs-blanc.lrs-blanc.lrs-blanc.lrs-blanc{ background:#FFFFFF !important; background-image:none !important; color:#241A14; } html body.lrs-blanc.lrs-blanc.lrs-blanc.lrs-blanc::before{content:none !important} body.lrs-blanc.lrs-blanc .lrs-bgfx{display:none !important} /* ---- 3. LE HEROS RESTE LA NUIT --------------------------------- Un catalogue entierement blanc n a pas d entree : la page commence sans qu on l ait vue commencer. Le heros garde donc son voile sombre sur la photo — c est aussi ce qui rend le blanc du catalogue voulu plutot que subi, et ce qui laisse lisibles la barre de recherche en verre fume et le logo blanc de l en-tete. Ce qui change : le raccord. Sous le heros, une page blanche contre un bloc presque noir fait une arete. On l adoucit sur 120 px. ---------------------------------------------------------------- */ body.lrs-blanc.lrs-blanc .lrs-lc-hero{position:relative} body.lrs-blanc.lrs-blanc .lrs-lc-hero::after{ content:"";position:absolute;left:0;right:0;bottom:0;height:120px; z-index:1;pointer-events:none; background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.55) 62%,#FFFFFF 100%); } body.lrs-blanc.lrs-blanc .lrs-lc-hero > *{position:relative;z-index:2} /* ---- 4-5. CE QUI RESTE LA NUIT --------------------------------- PIEGE. L en-tete (lrs-hd) et le pied (lrs-ft) ne codent presque aucune couleur en dur : ils DERIVENT --pp de --lrs-paper et leur fond de --lrs-ink, dans une regle de leur propre portee. Retourner ces deux jetons sur body repeindrait donc le pied en blanc a texte blanc, et rendrait le menu illisible sur le heros. Le kit avait deja rencontre ce mur : son bloc « ce qui reste la nuit, meme en section jour » (l.514) repose les jetons de nuit sur ces memes modules. On reprend ce contrat, mot pour mot. Ce qui reste la nuit, et pourquoi : - l en-tete : son logo est un aplat blanc detoure, et sa barre posee est deja un aplat sombre (rgba(13,13,13,.95) pilote par --fd). Un bandeau sombre sur un catalogue blanc est la bonne convention : il tient la marque, on n y touche pas. - le pied : son texte est clair, l inverser le rendrait illisible. - le heros : voir 3. - la barre d action mobile : elle est POSEE sur le contenu, pas dedans. ---------------------------------------------------------------- */ body.lrs-blanc.lrs-blanc .lrs-hd.lrs-hd, body.lrs-blanc.lrs-blanc .lrs-hd__pan.lrs-hd__pan, body.lrs-blanc.lrs-blanc .lrs-ft.lrs-ft, body.lrs-blanc.lrs-blanc .lrs-lc-hero, body.lrs-blanc.lrs-blanc .lrs-lc-bar{ --lrs-ink:#12100E; --lrs-ink-2:#1B1613; --lrs-ink-t:18,16,14; --lrs-tint:246,241,236; --lrs-paper:#F6F1EC; --lrs-accent:#E07A4A; --lrs-accent-lit:#E07A4A; --pp:#F6F1EC; --nk:#12100E; color:var(--lrs-paper); } /* ---- 6. LES CARTES --------------------------------------------- Sur noir, une carte se dit par un voile clair a 4 %. Sur blanc, ce voile devient un gris sale : la carte se dit par un FILET et un blanc pur, c est la convention du catalogue. Ces regles passent APRES les 76 regles generees, qui avaient converti le voile a l identique — meme specificite, la derniere gagne. ---------------------------------------------------------------- */ body.lrs-blanc.lrs-blanc .lrs-c, body.lrs-blanc.lrs-blanc .lrs-lc-faq details, body.lrs-blanc.lrs-blanc .lrs-lc-dv__f, body.lrs-blanc.lrs-blanc .lrs-lc-univ__c, body.lrs-blanc.lrs-blanc .lrs-lc-prod__c, body.lrs-blanc.lrs-blanc #grille-produits ul.products li.product{ background:#FFFFFF !important; border:1px solid rgba(38,26,19,.13) !important; box-shadow:0 1px 2px rgba(38,26,19,.04) !important; } body.lrs-blanc.lrs-blanc .lrs-c:hover, body.lrs-blanc.lrs-blanc .lrs-lc-faq details:hover, body.lrs-blanc.lrs-blanc .lrs-lc-univ__c:hover, body.lrs-blanc.lrs-blanc #grille-produits ul.products li.product:hover{ background:#FFFFFF !important; border-color:rgba(224,122,74,.85) !important; box-shadow:0 10px 26px rgba(38,26,19,.10) !important; } /* les sections d appui (etapes, questions, devis) sur un blanc casse : sans elles, quinze sections blanches a la file n ont plus de rythme. */ body.lrs-blanc.lrs-blanc .lrs-lc-step, body.lrs-blanc.lrs-blanc .lrs-lc-faq, body.lrs-blanc.lrs-blanc #devis-formulaire.e-con{background:#FAF8F5 !important} /* ---- 7. LES REGLES DONT LE SENS S INVERSE ---------------------- Un survol qui peint en --lrs-paper devenait blanc sur blanc ; une pastille sombre posee sur une carte devenue claire devenait un trou. Six cas, releves un par un dans la feuille sombre. ---------------------------------------------------------------- */ /* bouton plein : au survol il se vidait vers le papier. Sur blanc, il s eclaircit d un ton et garde sa terre. */ body.lrs-blanc.lrs-blanc .lrs-loc .lrs-b.lrs-b:hover{ background:#BA4C18 !important;color:#fff !important;border-color:#BA4C18 !important} /* etiquette de filtre : texte blanc sur un fond orange a 10 % = illisible */ body.lrs-blanc.lrs-blanc .lrs-loc .lrs-lc-chips a:hover{ background:#E07A4A !important;color:#fff !important;border-color:#E07A4A !important} /* passerelle prestations : le survol peignait en noir a 60 % */ body.lrs-blanc.lrs-blanc .lrs-lc-pass__l a:hover{ background:rgba(224,122,74,.08) !important;border-color:rgba(224,122,74,.6) !important} /* mention « en option » : pastille sombre sur carte claire */ body.lrs-blanc.lrs-blanc .lrs-lc-batt__of{ background:rgba(38,26,19,.05) !important;border:1px solid rgba(38,26,19,.12) !important} /* cadre du packshot : blanc sur blanc, il lui faut un filet */ body.lrs-blanc.lrs-blanc .lrs-lc-prod__ph{border:1px solid rgba(38,26,19,.08) !important} /* ---- 8. WOOCOMMERCE : LA GRILLE ET LA FICHE -------------------- Le kit habille l archive et la fiche produit en creme (blocs ZONE LOCATION l.2025 et ZONE LOCATION v2 l.4295). On reprend les memes selecteurs, prefixes : la specificite monte d une classe, le sens s inverse. ---------------------------------------------------------------- */ body.lrs-blanc.lrs-blanc.post-type-archive-product h1,body.lrs-blanc.lrs-blanc.post-type-archive-product h2, body.lrs-blanc.lrs-blanc.post-type-archive-product h3,body.lrs-blanc.lrs-blanc.post-type-archive-product h4, body.lrs-blanc.lrs-blanc.tax-product_cat h1,body.lrs-blanc.lrs-blanc.tax-product_cat h2, body.lrs-blanc.lrs-blanc.tax-product_tag h1,body.lrs-blanc.lrs-blanc.tax-product_tag h2, body.lrs-blanc.lrs-blanc.tax-product_cat h3,body.lrs-blanc.lrs-blanc.tax-product_cat h4, body.lrs-blanc.lrs-blanc.tax-product_tag h3,body.lrs-blanc.lrs-blanc.tax-product_tag h4, body.lrs-blanc.lrs-blanc.single-product .product_title{color:#241A14 !important} body.lrs-blanc.lrs-blanc.post-type-archive-product .elementor-widget-text-editor, body.lrs-blanc.lrs-blanc.post-type-archive-product .elementor-widget-text-editor *, body.lrs-blanc.lrs-blanc.post-type-archive-product .elementor-icon-list-text, body.lrs-blanc.lrs-blanc.tax-product_cat .elementor-widget-text-editor, body.lrs-blanc.lrs-blanc.tax-product_tag .elementor-widget-text-editor, body.lrs-blanc.lrs-blanc.tax-product_cat .elementor-widget-text-editor *, body.lrs-blanc.lrs-blanc.tax-product_tag .elementor-widget-text-editor *, body.lrs-blanc.lrs-blanc.tax-product_cat .elementor-icon-list-text{color:rgba(38,26,19,.8) !important} body.lrs-blanc.lrs-blanc.tax-product_tag .elementor-icon-list-text{color:rgba(38,26,19,.8) !important} /* cartes produits de la boutique et des archives de categorie */ body.lrs-blanc.lrs-blanc.post-type-archive-product ul.products li.product, body.lrs-blanc.lrs-blanc.tax-product_cat ul.products li.product, body.lrs-blanc.lrs-blanc.tax-product_tag ul.products li.product, body.lrs-blanc.lrs-blanc.single-product :is(.up-sells,.related,.cross-sells) ul.products li.product{ background:#FFFFFF !important;border:1px solid rgba(38,26,19,.13) !important; box-shadow:0 1px 2px rgba(38,26,19,.04) !important} body.lrs-blanc.lrs-blanc.post-type-archive-product ul.products li.product:hover, body.lrs-blanc.lrs-blanc.tax-product_cat ul.products li.product:hover, body.lrs-blanc.lrs-blanc.tax-product_tag ul.products li.product:hover, body.lrs-blanc.lrs-blanc.single-product :is(.up-sells,.related,.cross-sells) ul.products li.product:hover{ background:#FFFFFF !important;border-color:rgba(224,122,74,.85) !important; box-shadow:0 10px 26px rgba(38,26,19,.10) !important} body.lrs-blanc.lrs-blanc.post-type-archive-product ul.products li.product img, body.lrs-blanc.lrs-blanc.tax-product_cat ul.products li.product img, body.lrs-blanc.lrs-blanc.tax-product_tag ul.products li.product img, body.lrs-blanc.lrs-blanc.single-product ul.products li.product img{ background:#FFFFFF !important;border:0 !important} body.lrs-blanc.lrs-blanc.post-type-archive-product .woocommerce-loop-product__title, body.lrs-blanc.lrs-blanc.tax-product_cat .woocommerce-loop-product__title, body.lrs-blanc.lrs-blanc.tax-product_tag .woocommerce-loop-product__title, body.lrs-blanc.lrs-blanc.single-product .woocommerce-loop-product__title{color:#241A14 !important} /* le prix garde la terre cuite, mais descendue d un ton : sur papier, #E07A4A ne tient que 2,8:1 — #BA4C18 tient 3,5:1. */ body.lrs-blanc.lrs-blanc ul.products li.product .price, body.lrs-blanc.lrs-blanc ul.products li.product .price bdi, body.lrs-blanc.lrs-blanc .elementor-widget-woocommerce-product-price .price, body.lrs-blanc.lrs-blanc .elementor-widget-woocommerce-product-price .price bdi{color:#BA4C18 !important} /* fiche produit : fil d Ariane, onglets, tableau de caracteristiques */ body.lrs-blanc.lrs-blanc.single-product .woocommerce-breadcrumb, body.lrs-blanc.lrs-blanc.single-product .product_meta{color:#241A14 !important;border-top:none !important} body.lrs-blanc.lrs-blanc.single-product .product_meta *{color:#241A14 !important} body.lrs-blanc.lrs-blanc.single-product .woocommerce-breadcrumb a{color:rgba(38,26,19,.78) !important} body.lrs-blanc.lrs-blanc.single-product .woocommerce-Tabs-panel, body.lrs-blanc.lrs-blanc.single-product .woocommerce-Tabs-panel *{color:rgba(38,26,19,.85) !important} body.lrs-blanc.lrs-blanc.single-product .woocommerce-tabs ul.tabs li a{color:rgba(38,26,19,.68) !important} body.lrs-blanc.lrs-blanc.single-product .woocommerce-tabs ul.tabs li.active a{color:#241A14 !important} body.lrs-blanc.lrs-blanc.single-product .woocommerce-tabs ul.tabs::before{background:rgba(38,26,19,.12) !important} body.lrs-blanc.lrs-blanc.single-product table.shop_attributes th{color:#241A14 !important} body.lrs-blanc.lrs-blanc.single-product table.shop_attributes td{color:rgba(38,26,19,.8) !important} body.lrs-blanc.lrs-blanc.single-product table.shop_attributes tr{border-bottom:1px solid rgba(38,26,19,.1)} /* ---- 9. LES CHAMPS --------------------------------------------- Deux familles cohabitent : les champs du module (lrs-lc-dv__fd) et ceux du formulaire Elementor Pro (.elementor-field). Le bloc D du kit habille TOUS les input de la zone en (0,4,1) : mesure faite dans le miroir, une portee a trois classes perdait et le formulaire « vos coordonnees » sortait en champs invisibles, fond creme a 6 % sur blanc. D ou les quatre classes redoublees ici aussi. Et pas de :is(input[type=...]) : un input sans attribut type ne matche aucun selecteur d attribut. On prend input tout court et on retire les types qui ne sont pas des champs de saisie. ---------------------------------------------------------------- */ body.lrs-blanc.lrs-blanc.lrs-blanc.lrs-blanc :is(input,textarea,select):not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="hidden"]), body.lrs-blanc.lrs-blanc .lrs-loc .lrs-lc-dv__fd.lrs-lc-dv__fd.lrs-lc-dv__fd :is(input,textarea,select){ background:#FFFFFF !important; border:1px solid rgba(38,26,19,.22) !important; color:#241A14 !important; } body.lrs-blanc.lrs-blanc.lrs-blanc.lrs-blanc :is(input,textarea)::placeholder{color:rgba(38,26,19,.45) !important} body.lrs-blanc.lrs-blanc.lrs-blanc.lrs-blanc :is(input,textarea,select):focus{ border-color:#E07A4A !important;outline:2px solid rgba(224,122,74,.25);outline-offset:1px} /* le champ de recherche du heros est sur la photo : il reste fume. ATTENTION AU COMPTE. La regle ci-dessus pese (0,9,1) et non (0,4,1) : chacun de ses cinq :not([type=...]) est un selecteur d attribut, donc une classe de plus. Mesure du miroir : les deux champs de date du heros sortaient blancs sur la photo. Il faut donc passer (0,9,1) ici aussi. */ body.lrs-blanc.lrs-blanc.lrs-blanc.lrs-blanc .lrs-lc-srch.lrs-lc-srch.lrs-lc-srch.lrs-lc-srch.lrs-lc-srch.lrs-lc-srch :is(input,select){ background:transparent !important;border:0 !important;color:#F6F1EC !important; box-shadow:none !important} /* tout ce que le formulaire Elementor Pro ecrit autour du champ : intitules, mention d acceptation, messages. */ body.lrs-blanc.lrs-blanc.lrs-blanc .elementor-field-label, body.lrs-blanc.lrs-blanc.lrs-blanc .elementor-field-option label, body.lrs-blanc.lrs-blanc.lrs-blanc .elementor-field-type-acceptance label, body.lrs-blanc.lrs-blanc.lrs-blanc .elementor-message{color:rgba(38,26,19,.82) !important} body.lrs-blanc.lrs-blanc.lrs-blanc .elementor-field-option a, body.lrs-blanc.lrs-blanc.lrs-blanc .elementor-field-type-acceptance a{color:#BA4C18 !important} /* ---- 10. LE RESTE DE LA PAGE ----------------------------------- Les conteneurs Elementor de l archive avaient leur fond efface pour laisser voir le champ sombre ; ils restent transparents, le blanc du body passe a travers. Les titres du gabarit, eux, sont peints par Elementor en couleur globale : il faut les reprendre. ---------------------------------------------------------------- */ body.lrs-blanc.lrs-blanc .elementor-heading-title, body.lrs-blanc.lrs-blanc .elementor-widget-theme-post-title .elementor-heading-title{color:#241A14} body.lrs-blanc.lrs-blanc .elementor-widget-heading .elementor-heading-title em, body.lrs-blanc.lrs-blanc .elementor-widget-heading .elementor-heading-title strong{color:#BA4C18} /* le fil d Ariane du greffon lorents-fil-ariane reste orange, son filet s inverse */ body.lrs-blanc.lrs-blanc .lrs-fa{border-bottom-color:rgba(38,26,19,.12) !important} /* ---- 11. LA CREME ECRITE EN LIGNE ------------------------------ Un paragraphe du widget lrslocw1b porte sa couleur dans son attribut style : aucune feuille ne le touche, et le corriger demanderait une ecriture en base. Une regle d attribut suffit et ne coute rien — un seul element du module est concerne, et c est bien une couleur de texte (releve fait sur les quatre widgets). */ body.lrs-blanc.lrs-blanc [style*="246,241,236"]{color:rgba(38,26,19,.7) !important} /* ---- 12. LES DERNIERS APLATS SOMBRES --------------------------- Releves dans le miroir en balayant tout .lrs-loc a la recherche d un fond dont les trois canaux tombent sous 60. Trois restaient, et aucun n est pose sur une photo. ---------------------------------------------------------------- */ /* le pied : son fondu vers le transparent servait a rejoindre le champ sombre du site. Sur blanc il laisse passer 430 px de blanc dans le noir. Il redevient un aplat. Le kit tient ce fondu en (0,4,1) sur body:not(...):not(...) .lrs-ft — d ou html + trois classes ici. */ html body.lrs-blanc.lrs-blanc.lrs-blanc .lrs-ft.lrs-ft{ background:#12100E !important;background-image:none !important} /* la passerelle prestations : ses liens sont des aplats noirs a 35 %, soit des pavés gris sur du blanc. Ils deviennent des cartes. */ body.lrs-blanc.lrs-blanc .lrs-lc-pass__l a{ background:#FFFFFF !important;border:1px solid rgba(38,26,19,.13) !important; color:#241A14 !important} /* le cadre de la carte de livraison : un rectangle noir dans une carte blanche tant que la carte n est pas chargee (ou refusee au cookie). */ body.lrs-blanc.lrs-blanc .lrs-lm{background:#F1EDE8 !important} /* ---- 13. LE FORMULAIRE DE DEVIS, A L IDENTIFIANT --------------- Le kit tient le formulaire par DIX regles portees par #devis-formulaire, en !important. Un identifiant bat n importe quel nombre de classes : la conversion de ces dix regles est produite par le generateur avec le meme identifiant (voir genere-devis.css). Restent trois choix qui ne se deduisent pas. ---------------------------------------------------------------- */ /* les champs en blanc PLEIN, pas en voile gris : c est le blanc qui dit « ici on ecrit ». Le voile a 6 % convenait au fond sombre. */ body.lrs-blanc.lrs-blanc #devis-formulaire :is(input,textarea,select).elementor-field, body.lrs-blanc.lrs-blanc #devis-formulaire .elementor-field-textual{ background:#FFFFFF !important;border:1px solid rgba(38,26,19,.22) !important} /* le remplissage automatique de Chrome repeint le champ avec une ombre interne de 40 px : elle etait cuite en #17120F. */ body.lrs-blanc.lrs-blanc #devis-formulaire input:-webkit-autofill{ -webkit-box-shadow:0 0 0 40px #FFFFFF inset !important} /* le bouton d envoi se vidait vers la creme au survol : sur blanc il disparaitrait. Il fonce, comme les autres boutons pleins. */ body.lrs-blanc.lrs-blanc #devis-formulaire button[type="submit"]:hover{ background:#A8431A !important;color:#FFFFFF !important;border-color:#A8431A !important} /* ---- 14. LES COUCHES BLINDEES PAR UN IDENTIFIANT --------------- Deux greffons maison arment leurs regles d un identifiant factice pour survivre au kit : lorents-rail-autres (html:not(#lrs-rm)) et lorents-cartes (html:not(#lrs-c)). Un identifiant bat n importe quel nombre de classes — il faut donc reprendre le meme etage, exactement comme pour #devis-formulaire. Releve fait en lisant les feuilles servies, pas en devinant. ---------------------------------------------------------------- */ /* le rail de filtres des pages categorie : ses boutons sont en creme */ html:not(#lrs-rm) body.lrs-blanc.lrs-blanc.lrs-blanc .lrs-ecm button.lrs-ec__fb.lrs-ec__fb{ background:#FFFFFF !important;border-color:rgba(38,26,19,.16) !important;color:#241A14 !important} html:not(#lrs-rm) body.lrs-blanc.lrs-blanc.lrs-blanc .lrs-ecm button.lrs-ec__fb.lrs-ec__fb:hover{ background:rgba(224,122,74,.08) !important;border-color:rgba(224,122,74,.6) !important; color:#BA4C18 !important} /* les survols de cartes : un voile creme a 4 % ne se voit pas sur blanc. La carte ne bougeait plus au survol — pas cassee, morte. */ html:not(#lrs-c) body.lrs-blanc.lrs-blanc.lrs-blanc :is(.lrs-lc-univ__c.lrs-lc-univ__c:hover, #grille-produits ul.products li.product:hover, a.lrs-lo__c.lrs-lo__c:hover){ background:#FFFFFF !important;box-shadow:0 10px 26px rgba(38,26,19,.10) !important} html:not(#lrs-c) body.lrs-blanc.lrs-blanc.lrs-blanc.tax-product_cat ul.products li.product:hover, html:not(#lrs-c) body.lrs-blanc.lrs-blanc.lrs-blanc.tax-product_tag ul.products li.product:hover, html:not(#lrs-c) body.lrs-blanc.lrs-blanc.lrs-blanc.post-type-archive-product ul.products li.product:hover{ background:#FFFFFF !important;box-shadow:0 10px 26px rgba(38,26,19,.10) !important} /* ---- 15. FICHE PRODUIT, ARCHIVES ET TUNNEL : QUATRE JETONS ----- Releve APRES la pose, sur /table-de-mixage-14-canaux/ : sept textes sortaient creme sur blanc, contraste 1,10:1. La cause n etait pas une regle oubliee mais une PALETTE que je n avais pas vue. Le kit declare quatre jetons sur :root — --lrs-wc-texte, -fond, -filet, -filet-actif — et les fait porter par onze regles en !important qui couvrent la fiche produit, les archives de categorie (body.tax-product_cat), le panier, la commande, le compte et les messages WooCommerce. Redeclarer ces quatre jetons retourne tout d un coup, sans courir apres chaque regle. C est le meme contrat que --lrs-paper pour le module : quand une couche du site est a jetons, on change le jeton, jamais la regle. ---------------------------------------------------------------- */ body.lrs-blanc.lrs-blanc{ --lrs-wc-texte:rgba(38,26,19,.86); --lrs-wc-fond:#FFFFFF; --lrs-wc-filet:rgba(38,26,19,.13); --lrs-wc-filet-actif:rgba(224,122,74,.85); } /* les titres prennent l encre pleine plutot que le texte courant a .86 */ body.lrs-blanc.lrs-blanc.lrs-blanc.single-product :is(h1,h2,h3,h4,h5,h6, .product_title,.elementor-heading-title,.e-n-menu-title-text){color:#241A14 !important} /* les liens de la fiche gardent la terre, mais celle du papier */ body.lrs-blanc.lrs-blanc.lrs-blanc .elementor-location-single a:not(.button):not(.lrs-b):not([class*="lrs-b--"]){ color:#BA4C18} body.lrs-blanc.lrs-blanc.lrs-blanc .elementor-location-single .elementor-icon-list-icon :is(i,svg){ color:#BA4C18;fill:#BA4C18} /* ---- 16. LES ICONES LOTTIE ------------------------------------ Signale par le client le 20/09 : « il reste des lotties bicolores », puis « elles sont toutes en noir » — la seconde remarque portait sur MA correction, qui etait fausse. Ce qui se passe vraiment. Au repos, l icone est un SVG de repli : un en fill:none dont le TRAIT est peint en orange #BA4C18 par le module. Au survol, le lecteur Lottie le remplace par son propre SVG, aux couleurs cuites dans le fichier. D ou le saut de couleur. Ma premiere regle forcait fill ET stroke sur TOUT svg de .lrs-ico : elle attrapait aussi le repli, et un contour en fill:none rempli devient un aplat. Les icones sortaient en pave noir. Mesure : fill passait de « none » a rgb(36,26,20). Correctif en deux temps : - la couleur du span passe a l orange, pour que currentColor vaille la meme chose que le trait du repli — plus de saut ; - le remplissage n est force que sur le SVG DU LECTEUR, reconnaissable a l absence de . Le repli garde son fill:none. Sur les boutons, le trait suffit : leur icone est deja monochrome. ---------------------------------------------------------------- */ body.lrs-blanc.lrs-blanc .lrs-ico{color:#BA4C18} /* CORRIGE une seconde fois : viser :not(:has(use)) etait faux, le SVG du lecteur contient lui aussi des — jusqu a sept, imbriques. La regle l excluait donc et les icones repassaient bicolores. Ce qui separe vraiment les deux, mesure sur les dix-sept : - le repli a son en ENFANT DIRECT ; le lecteur, jamais (0 sur 17) ; - le lecteur porte un style en ligne ; le repli, aucun (17 sur 17). On vise donc le lecteur POSITIVEMENT, avec les deux criteres. */ body.lrs-blanc.lrs-blanc .lrs-ico svg[style]:not(:has(> use)) *{ stroke:currentColor !important;fill:currentColor !important} body.lrs-blanc.lrs-blanc .lrs-b__i svg *{stroke:currentColor !important} /* ---- 17. LE HEROS, SYMETRIQUE ---------------------------------- Demande du client : egaliser le haut et le bas de chaque section. Mesure du 20/09 sur le miroir, en comptant les BORDS et les fonds comme de l encre et pas seulement le texte : les treize sections sont deja a 0 en haut comme en bas. Une seule ne l est pas, le heros — 96 px au-dessus de son surtitre, 72 sous sa derniere etiquette, parce que ses deux clamp ne sont pas les memes. On aligne le bas sur le haut. Les deux autres ecarts releves ne sont pas des defauts : la section SEO garde ses 120 px avant le pied (c est le rythme de sortie du site), et la FAQ sort a -161 parce que la sonde compte le contenu des
fermes — angle mort connu. ---------------------------------------------------------------- */ body.lrs-blanc.lrs-blanc .lrs-loc > section.lrs-lc-hero{ padding-bottom:clamp(56px,7vw,96px) !important} /* ---- 18. LE « TTC / JOURNEE » DES PRIX ------------------------- Trouve en verifiant la version mobile : la mention qui suit chaque prix n est pas du texte mais le CONTENU d un ::after, peint en creme a 60 % par le kit. Sur blanc elle disparait — contraste 1,1. Ma conversion mecanique ne l avait pas vue : elle lit les regles du module et du formulaire, pas les pseudo-elements du kit. Releve fait sur tout le custom_css : c est le seul cas dans la zone catalogue (l autre pseudo creme est une pastille posee sur photo). ---------------------------------------------------------------- */ body.lrs-blanc.lrs-blanc .elementor-widget-woocommerce-product-price .price::after, body.lrs-blanc.lrs-blanc ul.products li.product .price::after{ color:rgba(38,26,19,.62) !important} /* ---- 19. CARTES (centrees le 21/09, ALIGNEES A GAUCHE le 24/09 -- voir 28) + LIGNE DE PRIX EN DEUX TEMPS --------- Demande du 21/09/2026 : sur toutes les pages LOCATION, le titre, la description et le tarif se centrent sur la carte ; « Louer a partir de » passe en noir et le prix (montant + TTC / journee) passe en gras, sur une ligne separee. Le montant reste dans le meme que le texte « Louer a partir de » (pas de balise a part) : la coupure de ligne est donc posee en CSS pur, par un retour chariot injecte en ::before sur .amount et rendu grace a white-space:pre-line — aucune balise
n existe dans le HTML. ---------------------------------------------------------------- */ body.lrs-blanc.lrs-blanc.post-type-archive-product ul.products li.product, body.lrs-blanc.lrs-blanc.tax-product_cat ul.products li.product, body.lrs-blanc.lrs-blanc.tax-product_tag ul.products li.product{ text-align:left !important} body.lrs-blanc.lrs-blanc.post-type-archive-product ul.products li.product .price, body.lrs-blanc.lrs-blanc.tax-product_cat ul.products li.product .price, body.lrs-blanc.lrs-blanc.tax-product_tag ul.products li.product .price{ display:block !important;white-space:pre-line !important;color:#241A14 !important} body.lrs-blanc.lrs-blanc.post-type-archive-product ul.products li.product .price .amount::before, body.lrs-blanc.lrs-blanc.tax-product_cat ul.products li.product .price .amount::before, body.lrs-blanc.lrs-blanc.tax-product_tag ul.products li.product .price .amount::before{ content:"\A"} body.lrs-blanc.lrs-blanc.post-type-archive-product ul.products li.product .price .amount, body.lrs-blanc.lrs-blanc.post-type-archive-product ul.products li.product .price .amount bdi, body.lrs-blanc.lrs-blanc.tax-product_cat ul.products li.product .price .amount, body.lrs-blanc.lrs-blanc.tax-product_tag ul.products li.product .price .amount, body.lrs-blanc.lrs-blanc.tax-product_cat ul.products li.product .price .amount bdi, body.lrs-blanc.lrs-blanc.tax-product_tag ul.products li.product .price .amount bdi{ font-weight:700 !important} body.lrs-blanc.lrs-blanc.post-type-archive-product ul.products li.product .price::after, body.lrs-blanc.lrs-blanc.tax-product_cat ul.products li.product .price::after, body.lrs-blanc.lrs-blanc.tax-product_tag ul.products li.product .price::after{ font-weight:700 !important} /* ---- 20. TARIF ENTIEREMENT EN NOIR, TTC EN EXPOSANT ------------ Suite du 21/09/2026 : tout le tarif (montant et suffixe) passe en noir (le montant etait encore en terre cuite via la regle .price bdi du bloc 8, plus specifique que le .price du bloc 19). « TTC » passe en exposant ; comme il fait partie du contenu genere par le kit (::after "TTC / journee", d'un seul bloc, impossible a styler en deux temps), on le sort de ce ::after et on le reinjecte en ::after de .amount — donc juste apres le montant, avant le ::after de .price qui ne garde que « / journee ». ---------------------------------------------------------------- */ body.lrs-blanc.lrs-blanc.post-type-archive-product ul.products li.product .price, body.lrs-blanc.lrs-blanc.post-type-archive-product ul.products li.product .price .amount, body.lrs-blanc.lrs-blanc.post-type-archive-product ul.products li.product .price .amount bdi, body.lrs-blanc.lrs-blanc.tax-product_cat ul.products li.product .price, body.lrs-blanc.lrs-blanc.tax-product_tag ul.products li.product .price, body.lrs-blanc.lrs-blanc.tax-product_cat ul.products li.product .price .amount, body.lrs-blanc.lrs-blanc.tax-product_tag ul.products li.product .price .amount, body.lrs-blanc.lrs-blanc.tax-product_cat ul.products li.product .price .amount bdi, body.lrs-blanc.lrs-blanc.tax-product_tag ul.products li.product .price .amount bdi{ color:#241A14 !important} body.lrs-blanc.lrs-blanc.post-type-archive-product ul.products li.product .price::after, body.lrs-blanc.lrs-blanc.tax-product_cat ul.products li.product .price::after, body.lrs-blanc.lrs-blanc.tax-product_tag ul.products li.product .price::after{ content:" / journée" !important;color:#241A14 !important} body.lrs-blanc.lrs-blanc.post-type-archive-product ul.products li.product .price .amount::after, body.lrs-blanc.lrs-blanc.tax-product_cat ul.products li.product .price .amount::after, body.lrs-blanc.lrs-blanc.tax-product_tag ul.products li.product .price .amount::after{ content:"TTC";display:inline;vertical-align:super; font-size:.6em;font-weight:700;margin-left:.2em;color:#241A14} /* ---- 21. UN PEU PLUS D'AIR AU-DESSUS DU BOUTON DEVIS ------------ Demande du 21/09/2026 : le bouton « ajouter au devis » collait presque au tarif (6-7 px, la seule marge basse du prix). On ajoute une marge haute fixe sur le lien lui-meme — les deux gabarits de grille sont vises (#grille-produits de la page location, et les grilles WooCommerce des categories). ---------------------------------------------------------------- */ body.lrs-blanc.lrs-blanc #grille-produits ul.products li.product a.lrs-devis, body.lrs-blanc.lrs-blanc.post-type-archive-product ul.products li.product a.lrs-devis, body.lrs-blanc.lrs-blanc.tax-product_cat ul.products li.product a.lrs-devis, body.lrs-blanc.lrs-blanc.tax-product_tag ul.products li.product a.lrs-devis{ margin-top:16px !important} /* ---- 22. FIL D'ARIANE DE LA FICHE PRODUIT ------------------------ Demande du 21/09/2026 : le fil d'Ariane doit s'aligner a gauche comme le titre (meme colonne), passer a une taille plus discrete et confirmer la police Montserrat du site. Le widget Elementor du gabarit produit (post-351756) le pose centre, en 1em, avec un align-self:center herite du conteneur flex — d'ou le double correctif : le texte ET la boite qui le porte. ---------------------------------------------------------------- */ body.lrs-blanc.lrs-blanc.single-product .elementor-element-5569b31c.elementor-element{ --align-self:flex-start !important;width:100% !important;max-width:100% !important} body.lrs-blanc.lrs-blanc.single-product .elementor-element-5569b31c .woocommerce-breadcrumb{ text-align:left !important; font-family:'Montserrat',-apple-system,'Helvetica Neue',Arial,sans-serif !important; font-size:12.5px !important;word-spacing:normal !important} /* ---- 23. FIL D'ARIANE A 10 PX DU TITRE --------------------------- Demande du 21/09/2026. Le vrai responsable du grand vide sous le fil d'Ariane n'est pas sa propre marge (0 px) : c'est le widget Elementor-element-24632b3 (la ligne titre/photo), dont le wrapper .e-con-inner porte un padding-top en pourcentage (12 % de la largeur en dessous de 1024 px, 4 % au-dessus) — mesure au CDP, 115 px a 1024 px de large. On neutralise ce padding et on retrouve les 10 px demandes, deja presents nativement via le padding-bottom du widget porteur du fil d'Ariane (verifie : marge de titre a 0, total mesure a 10 px pile). ---------------------------------------------------------------- */ body.lrs-blanc.lrs-blanc.single-product .elementor-element-24632b3 > .e-con-inner{ padding-top:0 !important} body.lrs-blanc.lrs-blanc.single-product .elementor-element-28baae88.elementor-element{ margin-top:0 !important} /* ---- 24. FIL D'ARIANE : GRAISSE 400 SAUF LA PAGE COURANTE -------- Demande du 21/09/2026, avec le retrait de « Accueil » et le separateur « | » (poses cote PHP, filtre woocommerce_get_breadcrumb / woocommerce_breadcrumb_defaults). Chaque miette est desormais enveloppee dans .lrs-crumb ; seule la derniere (la page courante, sans lien) garde la graisse 700 du kit. ---------------------------------------------------------------- */ body.lrs-blanc.lrs-blanc.single-product .elementor-element-5569b31c .woocommerce-breadcrumb{ font-weight:400 !important} body.lrs-blanc.lrs-blanc.single-product .elementor-element-5569b31c .woocommerce-breadcrumb .lrs-crumb:last-child{ font-weight:700 !important} /* ---- 25. DESCRIPTION DE LA FICHE PRODUIT, TOUT EN NOIR ----------- Demande du 21/09/2026 : le bloc description (widget « Contenu du produit ») restait a 86 % d'opacite du noir maison — le meme brun que le corps de texte courant. On le passe au noir plein du site (#241A14, la teinte exacte du H1), sans toucher au bouton devis qu'il porte. ---------------------------------------------------------------- */ body.lrs-blanc.lrs-blanc.single-product .elementor-element-4e18f57d, body.lrs-blanc.lrs-blanc.single-product .elementor-element-4e18f57d :not(a.lrs-devis){ color:#241A14 !important} /* ---- 26. LARGEUR DES PAGES D'ARCHIVE ALIGNEE SUR LA FICHE -------- Demande du 21/09/2026 : /categorie/sonorisation/ etc. n'avaient pas la meme largeur que les fiches produit. Mesure a 1440 px de large : fiche produit = colonne de 1200 px (le standard du site), page de categorie = 1000 px, page d'etiquette = 1000 px aussi — deux gabarits Theme Builder distincts (post-360536 pour les categories, l'element .elementor-element-74c618b pour les etiquettes), chacun avec son propre --content-width fige en dur par Elementor. On le porte a 1200px sur les deux. ---------------------------------------------------------------- */ body.lrs-blanc.lrs-blanc .elementor-element-208d2f7, body.lrs-blanc.lrs-blanc .elementor-element-74c618b{ --content-width:1200px !important} /* ---- 27. FICHE PRODUIT : TARIF ORANGE, META EN NOIR, FILET RETIRE, TITRE « INFORMATIONS » ------------------------------------------- Demande du 22/09/2026, valable sur toutes les fiches produit (body.single-product, gabarit 351756 partage par tous les produits). a) le filet du bloc UGS/categories/etiquettes vient du kit (post-349007.css, regle body.single-product .product_meta{ border-top:1px solid var(--lrs-wc-filet)}) : on le neutralise. b) ce bloc et ses liens (categories, etiquettes) passent au noir plein du site, comme la description ; ils etaient a .62 d opacite pour le texte et en orange #E07A4A pour les liens. c) le tarif repasse a l orange #E07A4A (texte ET montant, qui vivaient jusque-la sur deux oranges differents : #BA4C18 choisi pour le contraste sur les CARTES, remplace ici par la couleur demandee) ; « Louer a partir de » descend en minuscules (le text-transform ne mord pas sur les chiffres/le symbole monetaire) ; le TTC du kit (actuellement dans .price::after, en ligne avec « / journee ») est sorti dans son propre ::after sur .amount pour passer en exposant, comme deja fait sur les cartes (section 20). d) le titre « Informations » est pose en PHP (lorents-catalogue- location.php), juste avant le texte de la description : ici on ne fait que le mettre en gras 700. La ligne de tarif est deja au-dessus du bouton devis dans l ordre du gabarit (titre, meta, PRIX, description + bouton) : rien a changer. ---------------------------------------------------------------- */ body.lrs-blanc.lrs-blanc.single-product .elementor-widget-woocommerce-product-price .price, body.lrs-blanc.lrs-blanc.single-product .elementor-widget-woocommerce-product-price .price bdi, body.lrs-blanc.lrs-blanc.single-product .elementor-widget-woocommerce-product-price .price .amount, body.lrs-blanc.lrs-blanc.single-product .elementor-widget-woocommerce-product-price .price .woocommerce-Price-currencySymbol{ color:#E07A4A !important} body.lrs-blanc.lrs-blanc.single-product .elementor-widget-woocommerce-product-price .price{ text-transform:lowercase !important} body.lrs-blanc.lrs-blanc.single-product .elementor-widget-woocommerce-product-price .price .amount, body.lrs-blanc.lrs-blanc.single-product .elementor-widget-woocommerce-product-price .price .amount *{ text-transform:none !important} body.lrs-blanc.lrs-blanc.single-product .elementor-widget-woocommerce-product-price .price::after{ content:" / journée" !important} body.lrs-blanc.lrs-blanc.single-product .elementor-widget-woocommerce-product-price .price .amount::after{ content:"TTC" !important;vertical-align:super !important;font-size:.6em !important; font-weight:700 !important;margin-left:.2em !important;color:#E07A4A !important; text-transform:none !important} body.lrs-blanc.lrs-blanc.single-product .lrs-info-titre{ font-weight:700 !important;color:#241A14 !important;margin:0 0 4px} /* ---- 28. PRODUITS ET CATEGORIES ALIGNES A GAUCHE ----------------- Demande du 24/09/2026 : « les produits sur la partie location ne sont pas alignes a gauche (texte, description) ; harmonise les produits et les categories ». Le bloc 19 centrait les cartes produit ; les tuiles de categorie (li.product-category) etaient centrees par WooCommerce/Elementor. Toutes les cartes de l univers location -- accueil location, categories, etiquettes, produits associes de la fiche -- partagent maintenant le meme dessin : texte a gauche, bouton devis plaque en bas de carte (le margin-top fixe du bloc 21 cassait le margin-top:auto de la grille : les boutons flottaient a des hauteurs differentes selon la longueur du titre). ---------------------------------------------------------------- */ body.lrs-blanc.lrs-blanc.post-type-archive-product ul.products li.product-category, body.lrs-blanc.lrs-blanc.tax-product_cat ul.products li.product-category, body.lrs-blanc.lrs-blanc.tax-product_tag ul.products li.product-category, body.lrs-blanc.lrs-blanc.single-product ul.products li.product, body.lrs-blanc.lrs-blanc.post-type-archive-product ul.products li.product-category .woocommerce-loop-category__title, body.lrs-blanc.lrs-blanc.tax-product_cat ul.products li.product-category .woocommerce-loop-category__title, body.lrs-blanc.lrs-blanc.tax-product_tag ul.products li.product-category .woocommerce-loop-category__title, body.lrs-blanc.lrs-blanc ul.products li.product .woocommerce-loop-product__title, body.lrs-blanc.lrs-blanc ul.products li.product .price{ text-align:left !important} body.lrs-blanc.lrs-blanc ul.products li.product{ display:flex !important;flex-direction:column !important;align-items:stretch !important} body.lrs-blanc.lrs-blanc ul.products li.product > a.woocommerce-LoopProduct-link{ display:flex !important;flex-direction:column !important;align-items:flex-start !important;flex:1 1 auto !important} body.lrs-blanc.lrs-blanc ul.products li.product > a.woocommerce-LoopProduct-link > picture, body.lrs-blanc.lrs-blanc ul.products li.product > a.woocommerce-LoopProduct-link > img{ align-self:stretch !important} body.lrs-blanc.lrs-blanc #grille-produits ul.products li.product a.lrs-devis, body.lrs-blanc.lrs-blanc.post-type-archive-product ul.products li.product a.lrs-devis, body.lrs-blanc.lrs-blanc.tax-product_cat ul.products li.product a.lrs-devis, body.lrs-blanc.lrs-blanc.tax-product_tag ul.products li.product a.lrs-devis, body.lrs-blanc.lrs-blanc.single-product ul.products li.product a.lrs-devis{ margin-top:auto !important} body.lrs-blanc.lrs-blanc ul.products li.product .price{ margin-bottom:16px !important} /* ---- 29. CARTES PRODUIT CENTREES SUR ORDINATEUR ------------------- Demande du 24/09/2026 (apres le bloc 28) : « sur ordi, le texte et le titre doivent etre centres dans les cartes produits ». Au-dessus de 1024 px d abord, puis A TOUTES LES LARGEURS (« centre aussi sur mobile », meme jour). Les tuiles de categorie aussi. ---------------------------------------------------------------- */ body.lrs-blanc.lrs-blanc ul.products li.product:not(.product-category), body.lrs-blanc.lrs-blanc ul.products li.product:not(.product-category) .woocommerce-loop-product__title, body.lrs-blanc.lrs-blanc ul.products li.product:not(.product-category) .price{ text-align:center !important} body.lrs-blanc.lrs-blanc ul.products li.product:not(.product-category) > a.woocommerce-LoopProduct-link{ align-items:center !important} /* suite du 24/09 : les tuiles de categorie aussi, a toutes les largeurs (le client : « centre », 24/09) */ body.lrs-blanc.lrs-blanc.post-type-archive-product ul.products li.product-category, body.lrs-blanc.lrs-blanc.tax-product_cat ul.products li.product-category, body.lrs-blanc.lrs-blanc.tax-product_tag ul.products li.product-category, body.lrs-blanc.lrs-blanc.post-type-archive-product ul.products li.product-category .woocommerce-loop-category__title, body.lrs-blanc.lrs-blanc.tax-product_cat ul.products li.product-category .woocommerce-loop-category__title, body.lrs-blanc.lrs-blanc.tax-product_tag ul.products li.product-category .woocommerce-loop-category__title{ text-align:center !important} /* ---- 30. FIL D'ARIANE DES CATEGORIES : NOIR, SURVOL ORANGE -------- Demande du 24/09/2026 : sur les pages de categorie (widget lrscatfa1 du gabarit 360536), texte noir 400, lien orange au survol, page courante en gras noir. Les fiches produit gardent l'orange de lorents-fil-ariane.php. ---------------------------------------------------------------- */ body.lrs-blanc.lrs-blanc.tax-product_cat .elementor-element-lrscatfa1 nav.woocommerce-breadcrumb.woocommerce-breadcrumb.woocommerce-breadcrumb, body.lrs-blanc.lrs-blanc.tax-product_cat .elementor-element-lrscatfa1 nav.woocommerce-breadcrumb.woocommerce-breadcrumb.woocommerce-breadcrumb a, body.lrs-blanc.lrs-blanc.tax-product_cat .elementor-element-lrscatfa1 nav.woocommerce-breadcrumb.woocommerce-breadcrumb.woocommerce-breadcrumb span{ color:#241A14 !important;font-weight:400 !important} body.lrs-blanc.lrs-blanc.tax-product_cat .elementor-element-lrscatfa1 nav.woocommerce-breadcrumb.woocommerce-breadcrumb.woocommerce-breadcrumb a:hover, body.lrs-blanc.lrs-blanc.tax-product_cat .elementor-element-lrscatfa1 nav.woocommerce-breadcrumb.woocommerce-breadcrumb.woocommerce-breadcrumb a:hover *{ color:#E07A4A !important} body.lrs-blanc.lrs-blanc.tax-product_cat .elementor-element-lrscatfa1 nav.woocommerce-breadcrumb.woocommerce-breadcrumb.woocommerce-breadcrumb .lrs-crumb:last-child{ color:#241A14 !important;font-weight:700 !important} /* ---- 31. FIL D ARIANE DES FICHES PRODUIT : IDEM BLOC 30 -------- Demande du 24/09/2026 : meme rendu que les categories (noir 400, survol orange, page courante en gras noir), widget 5569b31c. ---------------------------------------------------------------- */ body.lrs-blanc.lrs-blanc.single-product .elementor-element-5569b31c nav.woocommerce-breadcrumb.woocommerce-breadcrumb.woocommerce-breadcrumb, body.lrs-blanc.lrs-blanc.single-product .elementor-element-5569b31c nav.woocommerce-breadcrumb.woocommerce-breadcrumb.woocommerce-breadcrumb a, body.lrs-blanc.lrs-blanc.single-product .elementor-element-5569b31c nav.woocommerce-breadcrumb.woocommerce-breadcrumb.woocommerce-breadcrumb span{ color:#241A14 !important;font-weight:400 !important} body.lrs-blanc.lrs-blanc.single-product .elementor-element-5569b31c nav.woocommerce-breadcrumb.woocommerce-breadcrumb.woocommerce-breadcrumb a:hover, body.lrs-blanc.lrs-blanc.single-product .elementor-element-5569b31c nav.woocommerce-breadcrumb.woocommerce-breadcrumb.woocommerce-breadcrumb a:hover *{ color:#E07A4A !important} body.lrs-blanc.lrs-blanc.single-product .elementor-element-5569b31c nav.woocommerce-breadcrumb.woocommerce-breadcrumb.woocommerce-breadcrumb .lrs-crumb:last-child{ color:#241A14 !important;font-weight:700 !important} /* ---- 32. FIL D ARIANE PLUS PETIT ET PLUS PRES DU TITRE ----------- Demande du 24/09/2026, fiches produit et categories : 12 px (plancher du site) et ecart au H1 ramene a environ 10 px. ---------------------------------------------------------------- */ body.lrs-blanc.lrs-blanc .elementor-element-5569b31c nav.woocommerce-breadcrumb.woocommerce-breadcrumb.woocommerce-breadcrumb, body.lrs-blanc.lrs-blanc .elementor-element-lrscatfa1 nav.woocommerce-breadcrumb.woocommerce-breadcrumb.woocommerce-breadcrumb{ font-size:12px !important} body.lrs-blanc.lrs-blanc.single-product .elementor-element-5569b31c.elementor-element{margin-bottom:-22px !important} body.lrs-blanc.lrs-blanc.tax-product_cat .elementor-element-lrscatfa1.elementor-element{margin-bottom:-22px !important} /* 32 bis : sous 768 px la fiche produit a un ecart naturel de 22 px (pas 32) — le -22 collait le fil au H1. */ @media (max-width:767px){ body.lrs-blanc.lrs-blanc.single-product .elementor-element-5569b31c.elementor-element{margin-bottom:-12px !important}} /* ---- 33. SURTITRE DE L ACCUEIL LOCATION A 10 PX DU TITRE --------- Demande du 24/09/2026, alignee sur les fils d Ariane (bloc 32) : le surtitre .lrs-lc-top (deja 12 px) passe de 14 a 10 px du H1. ---------------------------------------------------------------- */ body.lrs-blanc.lrs-blanc .lrs-lc-top.lrs-lc-top{margin-bottom:10px !important} /* 25/09 : les intitules du pied restent clairs (le pied reste sombre) */ body.lrs-blanc.lrs-blanc.lrs-blanc.lrs-blanc .lrs-ft .lrs-ft__t.lrs-ft__t{color:var(--pp,#F6F1EC) !important}