/* Theme Name: Astra Child - JOOLA Romania Template: astra Description: Branding JOOLA (rosu/negru/alb) peste tema Astra. Version: 1.0.10 */ /* ------------------------------------------------------------------ */ /* Paleta de culori JOOLA - suprascrie variabilele globale Astra */ /* ------------------------------------------------------------------ */ :root { --ast-global-color-0: #F61F1F; /* accent / primary - rosu JOOLA */ --ast-global-color-1: #cc1919; /* accent hover - rosu inchis */ --ast-global-color-2: #000000; /* text principal - negru */ --ast-global-color-3: #3a3a3a; /* text secundar */ --ast-global-color-4: #FFFFFF; /* fundal pagina (vezi FIX 2026-08-07 mai jos) */ --ast-global-color-5: #000000; /* titluri */ --ast-global-color-6: #f5f5f5; /* fundal subtil */ --ast-global-color-7: #000000; /* fundal alternativ (footer) */ --ast-global-color-8: #FFFFFF; /* fundal principal - alb */ } /* ------------------------------------------------------------------ */ /* FIX 2026-08-07: titlu "CONTACT" (si restul titlurilor h3 din pagina) */ /* negre pe fundal rosu, pe /contact/ - ilizibil */ /* ------------------------------------------------------------------ */ /* --ast-global-color-4 era #F61F1F, etichetat "linkuri" in comentariul */ /* vechi - eticheta era gresita. Astra foloseste de fapt acest slot ca */ /* fundal real al lui /.ast-separate-container site-wide */ /* (body,.ast-separate-container{background-color:var(--ast-global-color-4)} */ /* in CSS-ul compilat al temei, verificat direct din HTML-ul livrat). */ /* Orice pagina fara un fundal propriu suprascris (Contact, si probabil */ /* Termeni/Politica de confidentialitate/Politica de retur - toate */ /* template Astra implicit, fara override) mostenea deci fundal rosu, */ /* cu titlurile (--ast-global-color-5, negru, gandite pt fundal alb) */ /* complet ilizibile - aceeasi clasa de bug ca fix-urile din */ /* 2026-07-31/2026-08-05 (text negru peste fundal nepotrivit), de data */ /* asta pe rosu in loc de negru. Homepage si shop/produs scapau pentru */ /* ca au propriul fundal (body.jh-homepage / .ast-woocommerce-container) */ /* care suprascrie acest slot cu specificitate mai mare. */ /* Fix: --ast-global-color-4 mutat pe alb (#FFFFFF), acelasi cu */ /* --ast-global-color-8 ("fundal principal"), care era clar intentia */ /* originala a paletei. */ /* ------------------------------------------------------------------ */ /* Header */ /* ------------------------------------------------------------------ */ .ast-primary-header-bar { background-color: #FFFFFF; border-bottom: 3px solid #F61F1F; } .main-header-menu a, .ast-header-woo-cart a { color: #000000; } .main-header-menu .menu-item a:hover, .main-header-menu .current-menu-item > a { color: #F61F1F; } /* ------------------------------------------------------------------ */ /* Footer */ /* ------------------------------------------------------------------ */ .ast-builder-footer-grid-columns { background-color: #000000; color: #FFFFFF; } .ast-builder-footer-grid-columns a { color: #FFFFFF; } .ast-builder-footer-grid-columns a:hover { color: #F61F1F; } .ast-builder-footer-grid-columns .ast-footer-copyright { color: #b3b3b3; } /* ------------------------------------------------------------------ */ /* WooCommerce - shop + pagina de produs */ /* ------------------------------------------------------------------ */ .single_add_to_cart_button, .add_to_cart_button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { background-color: #F61F1F !important; border-color: #F61F1F !important; color: #FFFFFF !important; } .single_add_to_cart_button:hover, .add_to_cart_button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { background-color: #000000 !important; border-color: #000000 !important; color: #FFFFFF !important; } .woocommerce-Price-amount.amount { color: #000000; font-weight: 700; } .price ins .woocommerce-Price-amount { color: #F61F1F; } .woocommerce span.onsale { background-color: #F61F1F; color: #FFFFFF; } .woocommerce .stock.in-stock { color: #1a7a1a; } .woocommerce .stock.out-of-stock { color: #F61F1F; } /* selector variatii (marime/culoare) */ .woocommerce div.product form.cart .variations select, .woocommerce div.product form.cart .variations td.label { border-color: #000000; } .woocommerce div.product form.cart .variations select:focus { border-color: #F61F1F; } /* ------------------------------------------------------------------ */ /* FIX 2026-07-31: titlu produs + pret invizibile (negru pe negru) */ /* ------------------------------------------------------------------ */ /* --ast-global-color-5 (titluri, vezi mai sus) si regula */ /* .woocommerce-Price-amount.amount sunt negre (#000000) - gandite */ /* pentru fundal alb. Dar .ast-woocommerce-container (Astra "Separate */ /* Containers", activ pe shop/categorie/pagina de produs single) are */ /* fundal negru, mostenit separat. Rezultat: titlul din grid-ul de */ /* magazin, H1-ul de pe pagina de produs si toate preturile deveneau */ /* invizibile (text negru pe fundal negru). Gasit prin verificare */ /* vizuala pe categoria Palete (2026-07-31), confirmat apoi site-wide */ /* (Tricouri, pagina de produs single) - nu e specific unei categorii. */ .ast-woocommerce-container .woocommerce-loop-product__title, .ast-woocommerce-container h1.product_title, .ast-woocommerce-container .price, .ast-woocommerce-container .price .amount, .ast-woocommerce-container .price bdi, .ast-woocommerce-container .woocommerce-Price-currencySymbol { color: #FFFFFF; } .ast-woocommerce-container .price ins .woocommerce-Price-amount { color: #F61F1F; } /* ------------------------------------------------------------------ */ /* FIX 2026-07-31: pret/cos din header, cifre stivuite vertical */ /* ------------------------------------------------------------------ */ /* Cauza: .ast-woo-header-cart-info-wrap mosteneste overflow-wrap: */ /* anywhere (reset de baza Astra) - pe un flex item, aceasta anuleaza */ /* protectia normala "nu te micsora sub dimensiunea continutului", deci */ /* .ast-addon-cart-wrap se micsoreaza (flex-shrink) pana la latimea a */ /* UN SINGUR caracter (~20px, masurat), fortand o rupere de linie dupa */ /* aproape fiecare caracter din "0,00 lei". Nu exista nicio latime fixa */ /* explicita gresita - e o interactiune flex-shrink + overflow-wrap. */ /* Fix: white-space:nowrap pe textul de pret (anuleaza ruperea de linie */ /* indiferent de overflow-wrap) + flex-shrink:0 pe containere, ca sa nu */ /* se mai micsoreze sub latimea naturala a textului. */ .ast-woo-header-cart-info-wrap, .ast-woo-header-cart-total { white-space: nowrap; } .ast-addon-cart-wrap, .ast-site-header-cart-li, .cart-container { flex-shrink: 0; } /* ------------------------------------------------------------------ */ /* FIX 2026-08-05: continut din tab-ul "Descriere" invizibil/greu de citit */ /* ------------------------------------------------------------------ */ /* Aceeasi clasa de bug ca la titlu/pret (2026-07-31 mai sus), gasita acum */ /* si in interiorul continutului descrierii de produs (post_content). Titlul */ /* semnalat de Doru ca "spatiu gol imens" pe "Fata Joola Dynaryz Inferno" nu */ /* era gol - era

mostenind --ast-global-color-5 (negru, gandit pentru / / fundal alb) PESTE fundalul negru mostenit de .ast-woocommerce-container, / / deci complet invizibil, plus dimensiunea implicita Astra de titlu de / / pagina (58px h2 / 32px h4) facea acel bloc invizibil sa ocupe ~250px / / inainte de primul text vizibil. Paragrafele/listele foloseau deja / / --ast-global-color-3 (#3a3a3a) - vizibile, dar contrast foarte slab pe / / negru (semnalat separat de Doru). Amploare verificata in DB, nu presupusa: / / 135 din 141 produse cu descriere folosesc

, 103 folosesc

- bug / / sistemic pe aproape tot catalogul, nu specific unui produs. / .woocommerce-Tabs-panel--description h1, .woocommerce-Tabs-panel--description h2, .woocommerce-Tabs-panel--description h3, .woocommerce-Tabs-panel--description h4, .woocommerce-Tabs-panel--description h5, .woocommerce-Tabs-panel--description h6 { color: #FFFFFF; font-size: 22px; line-height: 1.4; } .woocommerce-Tabs-panel--description h4 { font-size: 18px; } .woocommerce-Tabs-panel--description, .woocommerce-Tabs-panel--description p, .woocommerce-Tabs-panel--description li, .woocommerce-Tabs-panel--description strong { color: #e0e0e0; } / ------------------------------------------------------------------ / / FIX 2026-08-07: text ilizibil (gri inchis pe negru) pe Termeni si / / conditii / Politica de retur / Politica de confidentialitate / / ------------------------------------------------------------------ / / Aceeasi clasa de bug ca FIX 2026-07-31 si FIX 2026-08-05 de mai sus, / / de data asta pe pagini simple (page-template-default, fara override / / de layout), nu pe WooCommerce. Layout-ul implicit Astra "Separate / / Containers" da fundal la .ast-article-single din --ast-global-color-5 / / - eticheta veche a variabilei ("titluri") era gresita, e de fapt / / slotul real de fundal-cutie (acelasi folosit de .ast-woocommerce- / / container si .ast-article-post, verificat direct din CSS-ul compilat / / al temei). --ast-global-color-3 (text secundar, #3a3a3a), gandit pt / / fundal alb, devine aproape invizibil pe acest fundal negru. NU am / / schimbat --ast-global-color-5 direct (ca la FIX 2026-08-07 pe / / --ast-global-color-4 mai sus) pentru ca ar fi rupt fundalul negru / / deja folosit intentionat pe shop/produs, unde textul e deja adaptat / / (alb) special pentru el - fix scopat aici doar pe pagini simple. / / Gasit pe /termeni-si-conditii/ (Doru), aceeasi cauza afecteaza / / /politica-de-retur/ si /politica-de-confidentialitate/ (verificat: / / niciuna din cele 3 pagini nu are override de site-content-layout, / / deci toate cad pe acelasi layout implicit "Separate Containers"). */ .ast-separate-container .ast-article-single h1, .ast-separate-container .ast-article-single h2, .ast-separate-container .ast-article-single h3, .ast-separate-container .ast-article-single h4, .ast-separate-container .ast-article-single h5, .ast-separate-container .ast-article-single h6 { color: #FFFFFF; } .ast-separate-container .ast-article-single p, .ast-separate-container .ast-article-single li, .ast-separate-container .ast-article-single strong { color: #e0e0e0; }