/* SBM Segreteria — WooCommerce My Account tab (dati famiglia, atleti, notifiche, preferenze).
v0.9.7: visual refresh only, every selector already existed. Brand navy (#073B78) replaces the
generic WordPress admin blue on the notification accent so this reads as part of the same site
as the rest of the redesign; the amber/green completeness states are semantic and untouched.
v0.9.12: typography + whole-account-area pass. Adds the brand type pairing (Manrope/Inter) and
extends styling to the parts of "Il mio account" that were still plain WooCommerce defaults —
the nav sidebar, native tables (Ordini, Pagamenti), and native forms (Indirizzi, Dettagli
account) — so the whole area reads as one designed experience, not SBM cards floating inside an
unstyled WooCommerce shell. No selector touching enrollment/payment logic was added or changed. */
/* v1.7.4 — nuova palette (richiesta di oggi): Fredoka nei titoli, Nunito nel corpo — coppia
confermata per l'area famiglia, diversa da quella di wp-admin (Manrope/Inter, lasciata invariata
per leggibilità sui dati). Continuità voluta con il pulsante "ISCRIVITI ORA" del sito pubblico. */
@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&family=Nunito:wght@400;500;600;700;800&display=swap');
:root{
--sbm-font-heading:'Fredoka',system-ui,-apple-system,sans-serif;
--sbm-font-body:'Nunito',system-ui,-apple-system,sans-serif;
--sbm-navy:#073B78;
--sbm-navy-2:#052A56;
--sbm-blue:#075DBB;
--sbm-coral:#FF473D;
--sbm-coral-2:#D93B32;
}
/* v1.7.3 — Punto 10 (Branding): stampato da Endpoints::branding_banner() sopra il menu di
navigazione, quindi visibile su ogni sotto-pagina di "Il mio account", non solo la dashboard. */
.sbm-branding-header{margin:0 0 20px;padding-bottom:16px;border-bottom:1px solid #E4E7EC}
.sbm-branding-header .sbm-branding-logo{max-height:44px;max-width:200px;object-fit:contain}
/* v1.7.3 — Punto 11 (contabile bonifico): riquadro "Allega ricevuta" inserito come riga a piena
larghezza dentro la tabella Pagamenti e ricevute (Endpoints::pagamenti_ricevute()) — non è una
riga dati come le altre, quindi va sganciato dal layout a due colonne (etichetta/valore) che
account.css applica normalmente a ogni | di questa tabella, sia da desktop che sotto ~780px.
v1.25.11 — bug reale (Luca, screenshot Pagamenti e ricevute): da desktop il riquadro compariva
incollato sotto la colonna "Stagione" invece di occupare tutta la riga sotto "Atleta", pur avendo
colspan="5" nell'HTML (Endpoints::pagamenti_ricevute()). Causa: display:block!important qui sotto
veniva applicato SEMPRE, anche da desktop — ma un | con colspan spanna le colonne solo restando
display:table-cell (il comportamento di default): forzarlo a display:block lo fa uscire dal
layout a tabella, e il browser lo ricalcola come se fosse una singola colonna qualunque, non le 5
colspan-ate. Verificato dal vivo iniettando temporaneamente display:table-cell!important prima di
scrivere qui la correzione: la riga torna a coprire tutta la larghezza, allineata sotto "Atleta".
Ora display:block si applica SOLO sotto ~780px (vedi quella stessa regola più sotto, dentro il
blocco @media — lì è corretto: la tabella intera è già "a schede" impilate, quindi ogni riga, colspan o no, deve comunque essere un blocco). */
.woocommerce-MyAccount-content table.shop_table_responsive .sbm-bank-receipt-row td{text-align:left!important;background:#FBFAF7}
.sbm-bank-receipt-status{margin:0 0 10px;font-size:13.5px;color:#3a4552}
.sbm-bank-receipt-row .sbm-certificate-inline{margin:0}
/* v1.7.3 — Punto 12 (foto atleti): stessa classe .sbm-avatar usata in admin.css, ripetuta qui
perché account.css e admin.css restano due bundle indipendenti (uno per il frontend "Il mio
account", uno per wp-admin) — vedi Core\Plugin::enqueue_admin_assets() vs Account\Endpoints::assets(). */
.sbm-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;flex:0 0 auto;overflow:hidden;color:#fff;font-weight:800;letter-spacing:.02em;vertical-align:middle}
.sbm-avatar-photo img{width:100%;height:100%;object-fit:cover;display:block}
.sbm-athlete-photo-form{display:flex;align-items:center;gap:14px;margin:0 0 18px}
/* v1.25.12 — segnalato da Luca (il bottone "Salva foto" finiva sotto il riquadro di caricamento
invece che affiancato): .sbm-athlete-photo-form mette in riga avatar e |