/* sportera.css — Transa A, valul 1 (11.08.2026) Continut = octetii EMISI de fostele snippet-uri inline (extrasi din pagina live). Snippete mutate: #41, #381, #963, #1146, #32. #41 era emis doar pe taxonomii de produs; selectorii sunt scoped, sitewide inofensiv. */ /* ===== fost #41: split descriere categorie ===== */ .page-description details{margin-top:12px;border-top:1px solid #e5e5e5;padding-top:14px;} .page-description summary{cursor:pointer;font-weight:600;font-size:15px;color:#334141;list-style:none;display:inline-block;} .page-description summary::-webkit-details-marker{display:none;} .page-description summary::after{content:" \25BC";font-size:11px;opacity:.5;margin-left:4px;} .page-description details[open] summary::after{content:" \25B2";} .page-description details h2{font-size:18px;margin:16px 0 8px;} .page-description details h3{font-size:15.5px;margin:12px 0 6px;} .page-description details p{line-height:1.6;} /* ===== fost #381: contrast linkuri text pe alb ===== */ html body #main-content .wpb_text_column a,html body #main-content .wpb_text_column a:visited,html body .site-main .wpb_text_column a,html body .site-main .wpb_text_column a:visited,html body .entry-content a,html body .entry-content a:visited,html body .page-description a,html body .page-description a:visited,html body .site-main p a,html body .site-main p a:visited,html body .entry-meta a,html body .term-description a,html body .term-description a:visited{color:#1a4f8f}html body #main-content .wpb_text_column a:hover,html body #main-content .wpb_text_column a:focus,html body .site-main .wpb_text_column a:hover,html body .site-main .wpb_text_column a:focus,html body .entry-content a:hover,html body .entry-content a:focus,html body .page-description a:hover,html body .page-description a:focus,html body .site-main p a:hover,html body .site-main p a:focus,html body .site-main p a:active,html body .entry-meta a:hover,html body .entry-meta a:focus,html body .term-description a:hover{color:#12386b} /* ===== fost #963: tap targets mobil ===== */ @media (max-width: 59.0769em) { /* --- 1. iconițele, vizual mai mari --- */ .nasa-mobile-menu_toggle.mobile_toggle .icon-menu { font-size: 24px !important; } a.icon.pe-7s-search.mobile-search { font-size: 22px !important; } .cart-link .nasa-icon.cart-icon { font-size: 24px !important; } /* --- 1b. lupa, distanțată de meniu (cerere owner 25.07) --- Nu e doar estetic: la marginea inițială de 8px, zonele de atins de 44px ale meniului și lupei se SUPRAPUNEAU 5px, deci o atingere la limită putea nimeri alt element decât cel vizat. La 20px rămâne un gol de 7px între ele. */ a.icon.pe-7s-search.mobile-search { margin-left: 20px !important; } /* --- 2. zona de atins 44x44, fără impact pe layout --- */ .nasa-mobile-menu_toggle.mobile_toggle, a.icon.pe-7s-search.mobile-search, .cart-link { position: relative; } .nasa-mobile-menu_toggle.mobile_toggle::after, a.icon.pe-7s-search.mobile-search::after, .cart-link::after { content: ""; position: absolute; top: 50%; left: 50%; width: 44px; height: 44px; transform: translate(-50%, -50%); z-index: 1; } /* --- 3. bara de filtrare/sortare de pe categorii (cerere owner 25.07) --- Butonul „Filtre" si selectul „Sorteaza" erau amandoua de 32px inaltime. Aici zona de atins NU se poate mari cu ::after (sunt controale reale, nu iconite), deci cresc chiar elementele la 44px. Se maresc AMANDOUA: stau unul langa altul, iar marirea doar a unuia le-ar dezalinia. Masurat dupa aplicare: bara creste de la 41px la 53px, fara scroll orizontal. */ /* 18px, nu 15px: la 15px cresterea fata de cei 13px originali era de doar 15%, in timp ce iconita crescuse cu 29% - de aceea owner vedea iconita mai mare, dar textul la fel de mic. Acum text si iconita sunt egale, 18px. Masurat: butonul ajunge la 105px latime, selectul de sortare la 251px, fara scroll orizontal. */ a.toggle-sidebar { min-height: 44px !important; display: inline-flex !important; align-items: center; font-size: 18px !important; padding: 5px 18px !important; } /* Iconita mostenea font-size-ul ancorei; o setam explicit ca sa ramana sincronizata cu textul chiar daca ancora se schimba. */ a.toggle-sidebar i.icon-menu { font-size: 18px !important; margin-right: 6px; } select.orderby { min-height: 44px !important; font-size: 14px !important; padding-top: 10px !important; padding-bottom: 10px !important; } } /* --- 4. contrastul textului de sortare (cerere owner 25.07) --- Era rgb(206,219,0) pe alb = raport de contrast 1,53, fata de minimul 4,5 cerut de WCAG AA pentru text normal (masurat live). Cu bleumarinul temei (#16233a) raportul devine 15,72. Se aplica pe TOATE ecranele, nu doar mobil: problema de lizibilitate exista si pe desktop. */ .woocommerce select.orderby, select.orderby, select.orderby option { color: #16233a !important; } /* ===== fost #1146: meniu Fotbal/Handbal doar pe mobil ===== */ @media only screen and (min-width:59.08em){li.sp-ascunde-desktop{display:none!important}} /* ===== fost #32: imagine sub marimi (mobil+desktop) ===== */ @media only screen and (max-width: 59.0769em){.product-item .product-img{padding-top:60px !important}body .product-item .nasa-product-content-variable-warp{top:10px !important}}@media only screen and (min-width: 59.0770em){.product-item .product-img{padding-top:25px !important}} /* ===== VALUL 2 (11.08.2026) ===== */ /* ===== fost #238: A11y contrast (pret gri + cutii verzi + tab-uri + cantitate) ===== */ /* Fix A: pret vechi taiat + simbol "lei" gri prea deschis (#aaaaaa 2.32:1 -> #767676 4.6:1 AA) */ .woocommerce-Price-currencySymbol, del .woocommerce-Price-amount, del .woocommerce-Price-currencySymbol, del bdi { color:#767676 !important; } /* Fix B: text alb pe verdele brandului -> text inchis (text + iconite font) */ .nasa-service-footer .service-title, .nasa-service-footer .service-desc, .nasa-service-footer .service-icon { color:#222222 !important; } /* Fix B extins: TOATE butoanele banner cookie-uri (alb pe verde -> inchis, uniform) */ .cky-btn-accept, .cky-btn-customize, .cky-btn-reject { color:#222222 !important; } /* Fix C: tab-uri WooCommerce/NASA - titlu activ era galben brand #cedb00 (1.53:1) -> olive #6B7A00 (4.8:1) + linie brand; inactiv era gri #aaa (2:1) -> #595959 */ .nasa-tabs-content.nasa-slide-style .nasa-tabs li.active a h5, .nasa-tabs-content .nasa-tabs li.active a h5, .woocommerce-tabs .nasa-tabs li.active a h5 { color:#6B7A00 !important; border-bottom:2px solid #CEDB00; padding-bottom:2px; } .nasa-tabs-content.nasa-slide-style .nasa-tabs li a h5, .nasa-tabs-content .nasa-tabs li a h5 { color:#595959 !important; } /* Fix D: camp cantitate - valoarea era rosu #FB0000 (4.14:1) -> text inchis */ .woocommerce div.quantity input.qty { color:#333333 !important; } /* Fix E: linkuri din descriere produs distinse doar prin culoare -> subliniere */ #nasa-tab-description a { text-decoration:underline !important; } /* Fix F: touch targets butoane +/- cantitate (15x15 -> min 24x24, WCAG) */ .woocommerce div.quantity a.plus, .woocommerce div.quantity a.minus { min-width:24px; min-height:24px; line-height:24px !important; display:inline-flex; align-items:center; justify-content:center; } /* Fix G: buton meniu din header-ul fix (.bar-mobile_toggle) - tema il tine la opacity:.1 (aproape invizibil pe scroll) -> opacity 1 + fundal navy #1b2839 asortat cu bara fixa */ html body .nasa-nav-extra-warp.style-2 .desktop-menu-bar .bar-mobile_toggle { opacity:1 !important; background:#1b2839 !important; } /* Fix H: buton "CAUTA" din cautare - tema il face text alb pe verdele brand #cedb00 (1.53:1) -> text inchis #1a1a1a (selector cu specificitatea temei) */ html body .nasa-search-space .nasa-show-search-form .search-wrapper form .nasa-icon-submit-page input[type="submit"] { color:#1a1a1a !important; } /* Fix H2: la hover fundalul devine negru (Customizer input[type=submit]:hover{background:#000}); textul #1a1a1a era invizibil pe negru -> text ALB la hover (owner: pastram negrul, doar textul alb). */ html body .nasa-search-space .nasa-show-search-form .search-wrapper form .nasa-icon-submit-page input[type="submit"]:hover { color:#ffffff !important; } /* ===== fost #231: buton locker easyBox la checkout ===== */ #select_locker, .sameday_select_locker { background: #cddb27 !important; background-image: none !important; color: #444 !important; border: none !important; text-shadow: none !important; } #select_locker:hover, .sameday_select_locker:hover { background: #bcc91f !important; background-image: none !important; color: #444 !important; } /* ===== fost #1029: buton arata parola (WooCommerce show-password-input) ===== */ /* Containerul trebuie sa fie bloc pozitionat, ca butonul absolut sa aiba reper */ html body .password-input { display:block !important; position:relative !important; width:100% !important; } /* Loc pentru pictograma, ca textul parolei sa nu treaca pe sub ea */ html body .password-input input.input-text { padding-right:46px !important; } /* Butonul: scos din stilul generic de buton al temei, mutat in interiorul campului */ html body button.show-password-input { position:absolute !important; right:0 !important; top:0 !important; bottom:0 !important; width:44px !important; height:auto !important; min-height:44px !important; margin:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; transition:none !important; color:#595959 !important; cursor:pointer !important; display:flex !important; align-items:center !important; justify-content:center !important; font-size:16px !important; line-height:1 !important; } /* Pictograma din FontAwesome 4.7 (incarcat de tema) */ html body button.show-password-input::after { content:"\f06e"; font-family:FontAwesome !important; font-weight:400 !important; font-size:16px; display:inline-block; } html body button.show-password-input.display-password::after { content:"\f070"; } html body button.show-password-input:hover, html body button.show-password-input:focus { background:transparent !important; color:#1a1a1a !important; } html body button.show-password-input:focus-visible { outline:2px solid #1b2839 !important; outline-offset:-2px; } /* ===== fost #1265: lista de ghiduri in hub-ul /blog/ ===== */ /* era emis DOAR pe pagina 137353 -> selectorii prefixati cu body.page-id-137353 (padding-ul pe #content e generic; fara prefix ar lovi toate paginile) */ body.page-id-137353 #main-content #content{padding-top:30px;padding-bottom:42px}body.page-id-137353 #main-content .wpb_text_column .wpb_wrapper > ul{padding-left:20px;margin:0 0 26px}body.page-id-137353 #main-content .wpb_text_column .wpb_wrapper > ul > li{margin-bottom:11px;line-height:1.65}body.page-id-137353 #main-content .wpb_text_column .wpb_wrapper > ul > li::marker{color:#1a4f8f;font-size:1.15em}body.page-id-137353 #main-content .wpb_text_column .wpb_wrapper > ul > li > a{font-weight:700} /* ===== checkout: checkbox-uri vizibile (11.08.2026) — sportera-checkout-checkbox ===== Toate casetele erau la 13x13px = implicitul din foaia de stil a browserului; site-ul nu le stiliza deloc. Se trec la 18px si zona de click urca la >=24px (WCAG 2.2 SC 2.5.8). Randul "Creezi un cont?" primeste banda de accent — intreaga banda e clickabila, fiindca fundalul e pe