/* ============================================================================
   estils_client.css — JOVI
   Full propi del client: el prin.html del PortalClient el carrega l'últim si existeix.
   Paleta de Jovi (groc #FFCC00 i negre #0E1116). Només colors: el detall és a modules/JOVI/jovi.md.
   ========================================================================= */

:root {
	--brand:          #FFCC00;
	--brand-ink:      #0E1116;   /* el groc no es llegeix com a text: textos i icones de marca en negre (04/11/2026, abans blau) */
	--brand-contrast: #0E1116;
	--brand-tint:     #FFF7D1;
	--brand-border:   #FFE27A;
	--brand-rgb:      255, 204, 0;
	--brand-hover:    #EBB800;

	--c-nav:        #0E1116;
	--c-nav-tx:     rgba(255, 255, 255, .76);
	--c-nav-tx-hover: #FFFFFF;
	--c-nav-hover:  rgba(255, 255, 255, .08);
	--c-nav-line:   rgba(255, 255, 255, .12);
	--c-nav-act-bg: var(--brand);
	--c-nav-act-tx: var(--brand-contrast);
}

/* Cal repetir el menú: el bloc fosc de portal.tokens.css és més específic que :root */
:root[data-theme="dark"] {
	--brand-ink:    var(--text);   /* el negre en fosc no es veuria */
	--brand-tint:   #2B2508;
	--brand-border: #6B5600;

	--c-nav:        #07090C;
	--c-nav-tx:     rgba(255, 255, 255, .76);
	--c-nav-hover:  rgba(255, 255, 255, .08);
	--c-nav-line:   rgba(255, 255, 255, .12);
	--c-nav-act-bg: var(--brand);
	--c-nav-act-tx: var(--brand-contrast);
}

/* El core hi posa --brand-ink de fons, que ara és el mateix negre del text */
.btn-primary:hover, .btn-primary:active, .btn-primary.active,
.workarea form.llistat-c .caixa_generica_filtres .caixa_boto_filtre > [type="submit"]:hover,
.workarea .legal_anar_final:hover {
	background: var(--brand-hover); border-color: var(--brand-hover); color: var(--brand-contrast);
}
.workarea .tb_intra_fila .single_tb .btn.btn-sm:has(> [class*="fa-eye"]):not(.ntoast__acc > .btn):hover,
.workarea .frow__b .btn.btn-sm:has(> [class*="fa-eye"]):hover { background: var(--brand-hover); color: var(--brand-contrast); }

/* Targetes de producte amb vora, com a la proposta (el core les fa planes). Vora real i no inset: la foto taparia l´ombra interior */
.workarea .caixa_interna_llistat_productes:not(.vista_llistat) .prod {
	overflow: hidden; border: 1px solid var(--border); border-radius: var(--c-tile); background: var(--surface); box-shadow: none;
}
.workarea .caixa_interna_llistat_productes:not(.vista_llistat) .prod:hover { border-color: var(--border-strong); background: var(--surface); box-shadow: var(--sh-raised); }
.workarea .caixa_interna_llistat_productes:not(.vista_llistat) .prod::before { content: none; }
.workarea .caixa_interna_llistat_productes:not(.vista_llistat) .prod__img { border-radius: 0; box-shadow: none; }
.workarea .caixa_interna_llistat_productes:not(.vista_llistat) .prod__b { padding: 12px 14px 14px; }

/* Menú negre: el core passa el text a --text (fosc) en passar-hi */
.side__item:hover, .side__item:focus-visible, .side__collapse:hover { color: var(--c-nav-tx-hover); }

/* Logos del menú en blanc sobre el negre (són PNG transparents); el de la barra de mòbil va sobre blanc i es queda en color */
.side__brand img, .side__logo { filter: brightness(0) invert(1); }
:root[data-theme="dark"] .side__brand.is-client img { background: none; }