/* ===================================================================== * COERENZA GRAFICA — home page + /my-account/ (2026-08-13) * * Le due pagine non passano da nessuno shortcode di questo plugin (home = * contenuto Gutenberg puro, /my-account/ = [woocommerce_my_account] di * WooCommerce), quindi non hanno un wrapper #proloco-* su cui appoggiarsi * come le altre pagine del portale. Selettori mirati a ID/classi già * presenti nel markup di tema/WooCommerce, non un nuovo wrapper. * * Variabili colore (--plg ecc.) già definite globalmente in * espositore-style.css, caricato su ogni pagina front-end insieme a * questo file (stesso enqueue in proloco-visite.php) — non ridefinite qui. * ===================================================================== */ /* ---- /my-account/: card coerente col resto del portale (stesso pattern visivo di .pr-section, box bianco/bordo/radius già in uso altrove) ---- */ .woocommerce-account #customer_login{ background:#fff;border:1px solid #eee;border-radius:10px; padding:24px 28px;max-width:460px;margin:0 auto; } /* WooCommerce può rendere login e registrazione AFFIANCATI (markup core "u-columns col2-set" su #customer_login stesso) invece di una sola vista alla volta come previsto dall'override in woocommerce/myaccount/form-login.php — succede se quell'override non risulta attivo (es. file non ancora caricato in produzione: il primo commit di questo repo, 0ebc3c0, è letteralmente "include lavoro locale non ancora deployato", quindi non è un caso raro). 460px basta per UNA colonna ma comprime due colonne affiancate (label a capo, testo del bottone Google troncato) — container più largo SOLO quando WC applica le sue classi di doppia colonna, il caso a vista singola (quello previsto) resta a 460px come sopra. 880px = due colonne da ~400px (spazio comodo per campi e bottone Google, che resta sotto i suoi 280px di .nsl-container qui sotto) più gap e padding della card. */ .woocommerce-account #customer_login.col2-set{max-width:880px;} @media(max-width:700px){ /* Impilamento forzato invece di affidarsi al breakpoint di tema/WooCommerce core per queste colonne — quello che ha causato il problema sopra potrebbe anche non scattare in modo affidabile qui. Login (u-column1) resta primo/sopra: è già il primo nel markup, nessun riordino necessario. */ .woocommerce-account #customer_login.col2-set{ display:block !important;max-width:460px; } .woocommerce-account #customer_login.col2-set .u-column1, .woocommerce-account #customer_login.col2-set .u-column2{ width:100% !important;float:none !important;margin:0 0 24px; } .woocommerce-account #customer_login.col2-set .u-column2{margin-bottom:0;} } .woocommerce-account #customer_login h2{color:var(--plg,#009444);font-size:20px;margin-top:0;} .woocommerce-account .woocommerce-form-row label{font-size:14px;color:#444;} .woocommerce-account .woocommerce-form-row .input-text{ border-radius:6px;border:1px solid #ddd;padding:10px 12px;min-height:44px;box-sizing:border-box; } .woocommerce-account .woocommerce-form-login__submit, .woocommerce-account .woocommerce-form-register__submit{width:100%;text-align:center;} /* WooCommerce aggiunge alle proprie button anche la classe tema (wc_wp_theme_get_element_class_name('button'), qui "wp-element-button") per compatibilità theme.json: i Global Styles di WordPress vengono stampati inline in DOPO tutti i fogli di stile enqueued (compreso .pd-btn qui sopra), quindi a parità di specificità vincono loro per ordine di sorgente e il pulsante resta grigio. Serve !important, mirato solo a queste due button su questa pagina — non tocca .pd-btn condivisa. */ .woocommerce-account .woocommerce-form-login__submit.pd-btn, .woocommerce-account .woocommerce-form-register__submit.pd-btn{ background:var(--plg,#009444) !important;color:#fff !important;border:none !important; } .woocommerce-account .woocommerce-form-login__submit.pd-btn:hover, .woocommerce-account .woocommerce-form-register__submit.pd-btn:hover{opacity:.88;} .woocommerce-account .proloco-auth-switch{text-align:center;} .woocommerce-account .proloco-auth-switch .pd-btn{width:100%;text-align:center;box-sizing:border-box;} /* ---- Bottone Google (Nextend) — resta riconoscibile, ma subordinato al pulsante primario: contenitore più stretto/centrato invece di una barra a piena larghezza, separatore leggero sopra. Solo le classi che Nextend stesso rende (nextend-social-login-pro), mai il markup del bottone. ---- */ .woocommerce-account .nsl-container{ max-width:280px;margin:14px auto 0 !important; padding-top:14px;border-top:1px solid #f0f0f0; } /* ---- Home: bottoni primari già colorati inline nel contenuto della pagina (pd-home-btn) — qui solo spaziatura/allineamento a colonne. ---- */ .home .wp-block-columns{align-items:center;} .home .pd-home-btn{display:inline-block;text-align:center;font-weight:600;} @media(max-width:480px){ .woocommerce-account #customer_login{padding:20px;max-width:100%;} }