/* Bricolando — cromatica: regulile COMUNE tuturor variantelor. Valorile paletei (variabilele --brico-*) vin din foaia variantei alese, assets/variante/.css (40 de variabile, inclusiv --brico-asistent* pentru asistentul AI și --brico-panza = fundalul paginii), tipărită înaintea acestei foi (vezi bricolando-cromatica.php: varianta site-ului e în opțiunea brico_cromatica_varianta; un administrator o poate previzualiza pe oricare din bara de administrare, doar în browserul lui). Aici: legarea variabilelor --br-* ale temei de paletă, prețul redus, insignele de stoc, mesajele WooCommerce, casetele de informare, subsolul, banda de sus (Slider Revolution), pagina de urmărire, bannerul CookieYes. */ :root { /* ---- tema (css/bricolando-design-system.css citește --br-* și le leagă de --ts-*) ---- */ --br-primary: var(--brico-verde); --br-primary-hover: var(--brico-verde-hover); --br-text: var(--brico-text); --br-heading: var(--brico-text); --br-muted: var(--brico-text-2); --br-bg: var(--brico-fond); --br-bg-soft: var(--brico-fond-sters); --br-border: var(--brico-chenar); --br-link: var(--brico-link); --br-link-hover: var(--brico-link-hover); --br-price: var(--brico-pret); --br-footer-bg: var(--brico-subsol); --br-footer-text: var(--brico-subsol-text); /* eticheta de reducere rămâne roșie (tema o lega de culoarea prețului), prețul vechi tăiat e gri */ --ts-sale-label-bg: var(--brico-reducere); --ts-product-regular-price-color: var(--brico-text-3); } /* pânza paginii (1.5.0, runda a patra „atelierul cald”): fundalul = --brico-panza (fildeș #FAF8F5 în G1 / G2 / G3, albul variantei în celelalte 9 — acolo nimic nu se schimbă), iar cardurile de produs din liste rămân albe (--brico-fond): tema le lasă transparente, deci pe fildeș pozele cu fundal alb ar fi stat ca dreptunghiuri albe în carduri fildeș. Dropdown-urile, firimiturile și câmpul de căutare la focus rămân pe --br-bg = --brico-fond (alb), ca „modulele” din propunerea Gemini. */ body { background-color: var(--brico-panza, var(--brico-fond)); } .woocommerce .products .product:not(.product-category) .product-wrapper { background-color: var(--brico-fond); } .footer-container { --ts-footer-link-hover-color: var(--brico-subsol-hover); } /* prețul redus: roșu; prețul vechi: gri tăiat */ .woocommerce .price ins, .woocommerce .price ins .amount, .woocommerce div.product p.price ins .amount, .woocommerce div.product span.price ins .amount, .woocommerce ul.products li.product .price ins .amount { color: var(--brico-reducere); } .woocommerce .price del, .woocommerce .price del .amount { color: var(--brico-text-3); } /* eticheta „featured” a temei era portocalie #F05025 — singurul roșu rămâne la reduceri; insigna neutră e în culoarea închisă a paletei */ .product_list_widget .product-label .featured, .woocommerce .product .product-label .featured { background: var(--brico-inchis); } /* griul rece #EBEEF0 scris de mână în style.css al temei → suprafața secundară a paletei */ .elementor-widget-wp-widget-calendar, #main > .list-categories:not(.show-cat-img) .products .product-category .category-name a, .ts-product-attribute > div.option:not(.color) > a, ul.filter-bar li, .list-posts article.sticky, .entry-author, .wcpr-overall-rating-and-rating-count .rate-percent-bg, #review_form_wrapper #review_form, div.product.summary-scrolling #review_form_wrapper #review_form { background-color: var(--brico-fond-cald); } /* tabelul „Date tehnice” din descriere: rândurile impare pe nuanța deschisă a paletei (ca tabelul de atribute) */ .woocommerce-tabs .panel table tr:nth-child(odd) { background-color: var(--brico-nisip-2); } #main > .list-categories:not(.show-cat-img) .products .product-category .category-name a, .ts-product-attribute > div.option:not(.color) > a, ul.filter-bar li { border-color: var(--brico-chenar); } .quantity input.qty { background-color: var(--brico-fond-sters); border-color: var(--brico-chenar-2); } /* insignele de stoc ale temei: fundaluri pline din paletă în locul culorilor transparente 10 % */ .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .woocommerce-variation .stock, .stock .availability-text { color: var(--brico-verde-inchis); background: var(--brico-verde-sters); } .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .woocommerce-variation .stock.out-of-stock, .stock.out-of-stock .availability-text { color: var(--brico-eroare); background: var(--brico-eroare-fond); } .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .woocommerce-variation .stock.available-on-backorder, .stock.available-on-backorder .availability-text { color: var(--brico-atentie); background: var(--brico-atentie-fond); } .woocommerce td.product-name p.backorder_notification, .woocommerce div.product .stock.available-on-backorder { color: var(--brico-atentie); } .woocommerce div.product .stock.out-of-stock { color: var(--brico-eroare); } /* mesajele WooCommerce (coș, finalizare, cont): informare = culoarea de informare, succes = verde, eroare = roșu */ .woocommerce-error, .woocommerce-info, .woocommerce-message { background-color: var(--brico-fond-sters); color: var(--brico-text); } .woocommerce-info { background-color: var(--brico-nisip); border-top-color: var(--brico-info); } .woocommerce-info::before { color: var(--brico-info); } .woocommerce-message { border-top-color: var(--brico-verde); } .woocommerce-message::before { color: var(--brico-verde); } .woocommerce-error { border-top-color: var(--brico-eroare); } .woocommerce-error::before { color: var(--brico-eroare); } /* casetele de informare de pe pagina produsului și din coș (bricolando-transport): bara, pictograma și cuvintele-cheie în culoarea de informare a variantei (petrol în R2, verde în R1 / V1, pădure în R3). Modulul își tipărește regulile în , de aceea selectorii au „body” în plus. */ body .brico-liv-produs, body .brico-liv-produs.brico-liv-gratuit { border-left-color: var(--brico-info); } body .brico-liv-produs .brico-liv-ic { color: var(--brico-info); } body .brico-liv-produs strong { color: var(--brico-info-f); } /* subsolul (Elementor, blocul Footer post 133): pictogramele rețelelor și caseta ShopMania în culoarea subsolului. CSS-ul Elementor al subsolului (post-133.css) se încarcă DUPĂ foaia noastră (Elementor îl pune când randează subsolul), de aceea selectorul nostru are un pas de specificitate în plus (.footer-container) */ .footer-container .elementor-133 .elementor-element.elementor-element-88e16de .elementor-social-icon { color: var(--brico-subsol-text); } .footer-container .elementor-133 .elementor-element.elementor-element-88e16de .elementor-social-icon svg { fill: var(--brico-subsol-text); } .footer-container .elementor-133 .elementor-element.elementor-element-88e16de .elementor-social-icon:hover { color: var(--brico-subsol-hover); } .footer-container .elementor-133 .elementor-element.elementor-element-88e16de .elementor-social-icon:hover svg { fill: var(--brico-subsol-hover); } body #brico-shopmania { background: var(--brico-subsol); } /* numărul de telefon din coloana „Contact” a subsolului: din 14 oct 2026 e o legătură tel: cu clasa brico-subsol-tel (conținutul blocului Footer corectat prin ruta bricolando/v1/elementor-date); înainte avea un stil inline „color:#00ff00” (verde-lămâie pur), pe care regula a doua îl mai acoperă, dacă reapare dintr-o editare în Elementor */ .footer-container a.brico-subsol-tel, .footer-container .elementor-widget-text-editor a.brico-subsol-tel:not(.button) { color: var(--brico-subsol-hover); font-weight: 600; text-decoration: none; } /* tema: „.footer-container .elementor-widget-text-editor a:not(.button) { color: inherit }” (0,3,1) */ .footer-container a.brico-subsol-tel:hover, .footer-container a.brico-subsol-tel:focus, .footer-container .elementor-widget-text-editor a.brico-subsol-tel:not(.button):hover, .footer-container .elementor-widget-text-editor a.brico-subsol-tel:not(.button):focus { color: var(--brico-subsol-hover); text-decoration: underline; } .footer-container [style*="#00ff00"], .footer-container [style*="rgb(0, 255, 0)"] { color: var(--brico-subsol-hover) !important; } /* banda de sus de pe prima pagină (Slider Revolution „Features 1”, modulul 6): fundalul slide-ului e #CFCFCF în setările sliderului și e desenat de SR7 pe un