/* ===========================================================================
   estils_client.css — full d'estils PROPI d'aquest projecte per al PORTALCLIENT
   ===========================================================================

   Per què existeix aquest fitxer i no s'edita cap altre:
   `modules/PORTALCLIENT/templates/prin.html` el carrega L'ÚLTIM de tots i només
   si existeix (`if (file_exists(...))`). És, per tant, el punt de personalització
   per projecte: el que hi hagi aquí guanya per ordre de càrrega sense haver de
   pujar la especificitat, i no toca ni `modules/PORTALBUSINESS/css/estils_portals.css`
   (compartit pels TRES portals) ni `modules/PORTALCLIENT/css/estils_pc.css`
   (del mòdul, i per tant candidat a ser sobreescrit en una actualització).

   Ordre real de càrrega a prin.html:
     api/v2/css/estils.css → font-awesome → jquery-ui → bootstrap → select2
     → PORTALBUSINESS/css/estils_portals.css → PORTALCLIENT/css/estils_pc.css
     → AQUEST FITXER
   --------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------
   Llistat de productes: que la imatge es vegi sencera
   ---------------------------------------------------------------------------
   Al llistat del portal la imatge no és un `<img>`, és el `background-image`
   d'un div (`modules/FACTURACIO/api/v1/templates/botiga/articulos.php`), i el
   full compartit li posa `background-size: cover` — que omple la caixa i talla
   el que no hi cap. Al web públic no passa perquè allà sí que és un `<img>`.

   Amb `contain` la imatge hi cap sencera i queda espai als costats; el fons
   blanc fa que aquest espai sembli volgut i no un error de maquetació.

   ⚠️ AIXÒ NOMÉS ARREGLA LA MEITAT DEL PROBLEMA. La miniatura ja arriba
   retallada: `modules/FACTURACIO/api/v1/classes/item.php` (línies 372 i 531)
   la demana amb `array("w"=>800,"h"=>600,"adjust"=>false)` i, quan es passen
   amplada I alçada, `thumb_create()` (src/include/generic/thumbnails.php) entra
   a la branca `elseif($height && $width)`, que fa un RETALL CENTRAT a 800×600
   exactes. O sigui que el fitxer neix ja tallat a 4:3 i el CSS no ho pot
   desfer. Al públic es demana només `array("w"=>600)`, que cau a la branca de
   redimensionat proporcional i per això es veu el producte sencer.
   Si amb això encara falta tros (fotos verticals), l'única sortida és
   personalitzar aquelles dues línies d'item.php, amb el cost de mantenir un
   fitxer de mòdul modificat. */

/* Vista de graella. La caixa té `aspect-ratio: 1.5` (3:2) a estils_portals.css
   i la imatge és 4:3, així que amb `contain` queden dues franges laterals fines. */
.caixa_interna_llistat_productes .caixa_single_producte .caixa_superior .caixa_imatge_single_producte {
	background-size: contain;
	background-color: #fff;
}

/* Vista de llista. Aquí estils_pc.css fa la caixa un quadrat fix de 60×60, on un
   `cover` d'una imatge horitzontal se n'emporta els dos costats. */
.caixa_interna_llistat_productes.vista_llistat .caixa_imatge_single_producte {
	background-size: contain;
	background-color: #fff;
}