/* Theme Name: Hello Elementor Child Template: hello-elementor Version: 1.0.0 */ /* ---- Fundal pagina de produse: negru cald ---- * Designul paginii injecteaza inline `body.archive.woocommerce { background: #0a0a0a !important }` * (specificitate 0,2,1, plasat in , deci ultimul in cascada). * Prefixam cu `html` (0,2,2) ca sa avem prioritate, cu !important. * Nuanta rămâne mai închisă decât cardurile (#141414 - #1a1a1a), ca sa nu piarda conturul. */ html body.archive.woocommerce { background-color: #100E0B !important; } /* ---- Restaurare stiluri ShopLentor ---- * ShopLentor aplica pe clasa .woolentor_current_theme_ si are * reguli dedicate pentru hello-elementor. Nu recunoaste tema-copil, deci * clasa devine goala si acele reguli nu se mai aplica. Le replicam identic. */ /* badge "reducere" pe produse (woolentor-widgets.css, l. 236) */ body.woocommerce span.onsale, body.woocommerce-page span.onsale { background-color: #23252a; border-radius: 3px; color: #fff; font-size: 14px; font-weight: 500; left: 15px; top: 15px; line-height: 1 !important; min-height: inherit !important; min-width: inherit !important; padding: 5px 10px; position: absolute; } /* aliniere câmp cantitate (woolentor-widgets.css, l. 7443) */ body.woocommerce .quantity .qty { padding-left: inherit; padding-right: inherit; text-align: center; } /* ---- Contrast pagina de mulțumire (checkout/order-received) și "Vezi comanda" din contul meu ---- * Titlurile "Detalii comandă" și "Adresă de facturare" sunt h2-uri WooCommerce * standard care moștenesc o culoare gri închisă (gândită pt fundal alb). * Pe fundalul negru al site-ului devin aproape invizibile. Forțăm alb/gri deschis. */ h2.woocommerce-order-details__title, h2.woocommerce-column__title { color: #ffffff !important; } .woocommerce-customer-details address { color: #d8d8d8 !important; } .woocommerce-order-received table.shop_table th, .woocommerce-order-received table.shop_table td, .woocommerce-view-order table.shop_table th, .woocommerce-view-order table.shop_table td { color: #d8d8d8 !important; border-color: rgba(255, 255, 255, .12) !important; } /* ---- Descrierea categoriei (ShopLentor) pe toată lățimea ---- * ShopLentor pune descrierea categoriei într-un div cu inline * `max-width:500px`, care o înghesuie într-o coloană îngustă lângă * imaginea de fundal a hero-ului. Forțăm lățime completă. */ .brs-archive-hero-content > div[style*="max-width"] { max-width: 100% !important; } /* ---- Ascunde descrierea categoriei din gridul de categorii de pe homepage ---- * Gridul de categorii (.cat-tile) pune descrierea completă a categoriei * într-un

nefăcut pentru text lung — arată * înghesuit peste imagine. Descrierea rămâne vizibilă doar pe pagina * categoriei (.brs-archive-hero-content, regula de mai sus), nu și aici. */ .cat-tile-count { display: none !important; } /* ---- Poziție bulă chat Kommo pe mobil ---- * Scriptul Kommo scrie poziția inline (`right:90px; bottom:90px;`), * ceea ce o pune peste conținut pe ecrane mici. O mutăm mai jos și * mai spre dreapta, doar pe mobil (desktop rămâne neschimbat). * !important e necesar ca să bată inline-ul reaplicat de script. */ @media (max-width: 480px) { .amo-button-holder { right: 16px !important; bottom: 24px !important; } }