/** * Llaza Geo Market Selector — market.css * * Gestiona la visibilitat dels blocs de mercat via classes a i . * * Per què html I body? * L'script inline al opera sobre (document.documentElement) * perquè no existeix encara quan s'executa. L'script async (Bloc 6) * afegeix les classes a ambdós elements un cop el DOM és complet. * Duplicar els selectors garanteix que funcioni en tots dos casos. * * Classes gestionades per JavaScript: * html.market-pending / body.market-pending → mercat no resolt encara * html.body-market-usa / body.body-market-usa → mercat USA actiu * (absència de les dues) → Internacional per defecte * * Classes als widgets/contenidors d'Elementor (assignades pel dissenyador): * .market-internacional → bloc visible per al mercat Internacional * .market-usa → bloc visible per al mercat USA */ /* ── Estat per defecte: Internacional visible, USA ocult ──────────────────── Funciona fins i tot sense JavaScript (accessibilitat + SEO). */ .market-usa { display: none !important; } .market-internacional { display: block !important; } /* ── Estat USA actiu ──────────────────────────────────────────────────────── Doble selector: html (inline script) + body (async script). */ html.body-market-usa .market-internacional, body.body-market-usa .market-internacional { display: none !important; } html.body-market-usa .market-usa, body.body-market-usa .market-usa { display: block !important; } /* ── Estat pending: ambdós ocults fins que JavaScript resolgui ────────────── Doble selector: html (inline script al head) + body (fallback). Evita que un visitant USA vegi breument el contingut Internacional mentre s'espera la resposta del endpoint de geolocalització. */ html.market-pending .market-internacional, html.market-pending .market-usa, body.market-pending .market-internacional, body.market-pending .market-usa { display: none !important; } /* ── Suport per a l'editor d'Elementor ────────────────────────────────────── Ambdós mercats visibles simultàniament amb indicació visual. Permet al dissenyador maquetar i verificar sense sortir de l'editor. */ .elementor-editor-active .market-usa, .elementor-editor-active .market-internacional { display: block !important; opacity: 0.65; outline: 2px dashed #6a6a6a; outline-offset: 3px; }