/* DM 2026-10 — punctul 2: contrast minim 4.5:1 (WCAG AA) pe elementele semnalate de Lighthouse pe homepage. */

/* Eticheta "ÎN STOC" (#ff273f, 3.74) -> rosul folosit deja de celelalte etichete (#dd0e1c, 5.06). */
.product-label-29 b { background-color: #dd0e1c !important; }
/* Eticheta "Producție proprie" (cyan #00bbf0, 2.24) -> albastru inchis (#0079a6, 4.9). */
.product-label-323 b { background-color: #0079a6 !important; }

/* Pret: rosu #ff0000 (4.0) -> rosul etichetelor (#dd0e1c, 5.06); pret vechi #8b9198 (3.18) -> #6c737a (4.8). */
.price-new, .price-normal { color: #dd0e1c !important; }
.price-old { color: #6c737a !important; }

/* Newsletter: text #696973 pe #e5e5e6 (4.31) -> #55555e (5.86); bifa de acord 11px gri -> 13px, #55555e. */
.module-newsletter .newsletter-text { color: #55555e !important; }
.module-newsletter .checkbox label { color: #55555e !important; font-size: 13px !important; }
.module-newsletter .checkbox label a { color: #b00818 !important; }

/* Bara de jos din footer (#727d84, text alb 4.22) -> #5f6a70 (5.55). */
footer .grid-row-5 { background-color: #5f6a70 !important; }


/* Roboto nu se mai incarca (dm/perf): cifra din iconita cosului pe fontul site-ului. */
.count-badge { font-family: "Open Sans", Arial, sans-serif !important; }

/* Categorie / produs (Lighthouse mobil, 2026-10). */

/* Eticheta "LA COMANDĂ" (#ff273f, 3.74) -> acelasi rosu ca "ÎN STOC" (#dd0e1c, 5.06); aveau aceeasi culoare. */
.product-label-359 b { background-color: #dd0e1c !important; }
/* Butonul "FILTRE" de pe mobil (#1290dd, 3.47) -> #0f7bbd (4.58); hover-ul rosu ramane neschimbat. */
.mobile-filter-trigger.btn:not(:hover) { background: #0f7bbd !important; }
/* Produs: butonul "Cere ofertă personalizată" (#04a1dd, 2.94) -> #037dac (4.63); hover/active raman ale temei. */
.module-button-319 .btn:not(:hover):not(:active) { background: #037dac !important; }
/* Produs: titlul acordeonului deschis ("Specificații", #00a3e2 pe alb, 2.86) -> #007dad (4.63); iconita la fel. */
.product_accordion .panel-active .panel-heading a,
.product_accordion .panel-active .panel-heading a::before { color: #007dad !important; }

/* Navigare doar cu tastatura (Legea 232/2022, WCAG 2.4.7 / 2.4.1), 2026-10. */

/* Focus vizibil: doar :focus-visible (tastatura), la click cu mouse-ul nu se schimba nimic.
 * Contur albastru 3px la 2px de element + inel alb de 2px intre ele: se vede si pe butoanele albastre / rosii
 * si pe fundalurile inchise (meniul "PRODUSE", bara de jos din footer). !important: tema pune outline:0 pe :focus. */
a:focus-visible, button:focus-visible, [role="button"]:focus-visible, [tabindex]:focus-visible,
input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible {
	outline: 3px solid #1a73e8 !important;
	outline-offset: 2px !important;
	box-shadow: 0 0 0 2px #fff !important;
}
/* Campurile de formular: la focus (si cu mouse-ul, ca la orice camp text) chenar + contur albastru. */
.form-control:focus {
	border-color: #1a73e8 !important;
	outline: 2px solid #1a73e8 !important;
	outline-offset: 0 !important;
}
/* Tinta skip link-ului (#content, focalizat programatic): fara contur pe tot continutul. */
[data-dm-skip-target]:focus { outline: none !important; box-shadow: none !important; }

/* Skip link "Sari la continut" (a11y.php il pune primul in <body>): ascuns vizual, apare la focus. */
.dm-skip:not(:focus) {
	position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
	overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0;
}
.dm-skip:focus {
	position: fixed; top: 8px; left: 8px; z-index: 2147483647;
	padding: 10px 16px; background: #fff; color: #1a1a1a !important; border: 2px solid #1a73e8; border-radius: 4px;
	font: 700 15px/1.3 "Open Sans", Arial, sans-serif; text-decoration: none;
}
/* In cardurile de produs (overflow:hidden) si in bara meniului principal (submeniul acopera marginea de jos)
 * conturul exterior e taiat -> il desenam spre interior: margine alba 2px + contur albastru 3px,
 * vizibil si pe butonul gri inchis "ADAUGA IN COS" si pe "PRODUSE". */
.product-thumb a:focus-visible, .product-thumb button:focus-visible,
.desktop-main-menu-wrapper .main-menu > .j-menu > li > a:focus-visible {
	outline-offset: -5px !important;
	box-shadow: inset 0 0 0 2px #fff !important;
}

/* Categorie (desktop): titlurile grupurilor din filtre (#00a3e2 pe alb, 2.86) -> #007dad (4.63), ca acordeonul de pe produs. */
.module-filter .panel-title a.accordion-toggle:not(:hover) { color: #007dad !important; }
/* Categorie (desktop): linkul "Compara produse" (#ff273f, 3.74) -> rosul etichetelor (#dd0e1c, 5.06). */
#compare-total .links-text { color: #dd0e1c !important; }
