.crgf-box{max-width:640px;margin:0 auto;font-family:inherit}
.crgf-form{display:flex;flex-direction:column;gap:12px;max-width:340px}
.crgf-form label{display:flex;flex-direction:column;gap:4px;font-weight:600}
.crgf-form input{padding:10px;border:1px solid #ccc;border-radius:8px}
.crgf-form button,.crgf-logout{background:#111;color:#fff;border:0;border-radius:8px;padding:10px 16px;cursor:pointer;text-decoration:none;display:inline-block}
.crgf-error{color:#b00020;font-weight:600}
.crgf-warn{background:#fff4e5;border:1px solid #ffcc80;padding:12px;border-radius:8px;margin:0 0 28px}
.crgf-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.crgf-logout{font-size:14px;padding:6px 12px}
.crgf-card{background:#f6f7f9;border-radius:14px;padding:20px;margin:16px 0;text-align:center}
.crgf-big{font-size:42px;font-weight:800;line-height:1}
.crgf-big span{font-size:16px;font-weight:500;color:#666;margin-left:8px}
.crgf-table{width:100%;border-collapse:collapse;margin-top:8px}
.crgf-table th,.crgf-table td{text-align:left;padding:8px;border-bottom:1px solid #eee;font-size:14px}

/* === Area soci: fix .lead ancorato a sx — svincolalo su pagina 302 === */
.page-id-302 section.block .lead{max-width:100%!important;margin-left:auto!important;margin-right:auto!important;}

/* === Area soci (2026-07-07): header standard come pagina Eventi, niente foto === */
.crgf-hero-hi{margin:12px 0 0;color:#90CB71;font-weight:700;font-size:clamp(22px,3.2vw,30px);display:flex;align-items:center;justify-content:center;}
.page-id-302 .page-head .wrap{text-align:center;}
.page-id-302 .page-head h2{text-align:center;margin-left:auto;margin-right:auto;}
.crgf-welcome{display:none;}
.crgf-box{text-align:center;}
.crgf-table{margin:8px auto 0;}
.crgf-table th,.crgf-table td{text-align:center;}
.crgf-form{margin:0 auto;align-items:center;}

/* === Area soci (2026-06-16): login centrato + campi/bottone più grandi === */
.page-id-302 .crgf-form{max-width:380px;margin:0 auto;align-items:stretch;gap:14px;}
.page-id-302 .crgf-form label{text-align:center;font-size:17px;gap:6px;}
.page-id-302 .crgf-form input{padding:14px 16px;font-size:16px;border-radius:10px;}
.page-id-302 .crgf-form button{align-self:center;padding:14px 34px;font-size:17px;border-radius:10px;margin-top:4px;}

.page-id-302 .crgf-box,.page-id-302 .crgf-box p,.page-id-302 .crgf-box h3{text-align:center!important;}

/* === Area soci (2026-06-19): card abbonamento verde (come pulsanti ferrate) + stato colorato === */
.page-id-302 .crgf-card{background:#C8E6C9;}
.page-id-302 .crgf-big.crgf-val--red{color:#c0392b;}
.page-id-302 .crgf-big.crgf-val--orange{color:#e8830c;}
.page-id-302 .crgf-big.crgf-val--green{color:#2e7d32;}

/* === Area soci (2026-07-07): bottone Disconnetti nell'header === */
.crgf-logout-hero{display:inline-block;border:1px solid rgba(255,255,255,.35);color:#fff;background:transparent;border-radius:8px;padding:6px 14px;font-size:14px;font-weight:600;text-decoration:none;margin-right:14px;line-height:1.4;transition:background .15s}
.crgf-logout-hero:hover{background:rgba(255,255,255,.12);color:#fff}

/* v0.4.0 cambio password */
.crgf-success{color:#1a7f37;background:rgba(26,127,55,.12);border:1px solid rgba(26,127,55,.35);border-radius:8px;padding:10px 14px;font-weight:600;display:inline-block;margin:10px auto;}
.crgf-login-hint{color:#888;font-size:13px;margin-top:10px;}
.crgf-pwcard{text-align:left;margin:14px auto;max-width:480px;}
.crgf-pwcard h3{margin-top:0;}
.crgf-pw-note{color:#777;font-size:13px;}
.crgf-pw-cancel{margin-left:12px;font-size:14px;}

.crgf-hero-actions{display:flex;gap:14px;justify-content:center;align-items:center;margin:12px 0 0;}
.crgf-hero-actions .crgf-logout-hero{margin-right:0;}

/* Profili collegati (stesso numero di telefono) */
.crgf-family{display:flex;flex-direction:column;align-items:center;gap:12px;margin:0 0 26px;text-align:center}
.crgf-family-label{display:block;width:100%;font-size:17px;font-weight:600;letter-spacing:.2px;opacity:.85}
.crgf-family-list{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.crgf-family-item{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:999px;border:2px solid rgba(144,203,113,.65);font-size:17px;font-weight:600;line-height:1.2;text-decoration:none;color:inherit;text-transform:capitalize;transition:background .15s,border-color .15s}
.crgf-family-item:hover{background:rgba(144,203,113,.18);border-color:#90CB71}
.crgf-family-item.is-active{background:#90CB71;border-color:#90CB71;color:#0d1b0d}
@media(max-width:600px){.crgf-family-item{padding:11px 18px;font-size:16px}.crgf-family-label{font-size:16px}}

.crgf-box input[type=file],.crgf-box input,.crgf-box select,.crgf-box textarea{max-width:100%;box-sizing:border-box}
.crgf-box{overflow-x:hidden}

/* Area soci: meno spazio sopra i profili collegati (era ~75px: 55 blocco + 20 lead) */
.page-id-302 .page-head + .block{padding-top:26px}
.page-id-302 .block .lead{margin-top:0}
.page-id-302 .crgf-family{margin-top:0}

/* Area soci hero: titolo piu' in alto, avatar grande, saluto, pulsanti (3 righe) */
.page-id-302 .page-head{padding-top:110px;padding-bottom:34px;text-align:center}
.page-id-302 .page-head h2{margin:0}
.crgf-hero{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:22px}
.crgf-hero-avatar{line-height:0}
.crgf-hero-avatar .crgf-avatar{border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.28);box-shadow:0 8px 30px rgba(0,0,0,.35)}
.crgf-hero-hi{margin:0;font-size:clamp(24px,3.4vw,34px);font-weight:700;color:#90CB71;text-transform:capitalize}
.crgf-hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:0}
@media(max-width:600px){.page-id-302 .page-head{padding-top:90px}.crgf-hero{gap:12px}.crgf-hero-avatar .crgf-avatar{width:104px!important;height:104px!important}}

/* spazio dopo certificato */
.crgf-box .crgf-cert{margin-bottom:32px}
.crgf-box .crgf-cert + h3{margin-top:32px}

/* certificato: pillole uniformi (scegli file / scadenza / carica) */
.crgf-cert-row{align-items:center}
.crgf-cert-row .crgf-file-btn,
.crgf-cert-row .crgf-cert-scad input[type=date],
.crgf-cert-row button{height:44px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border-radius:999px;font-size:15px;font-weight:600;line-height:1;margin:0}
.crgf-cert-row .crgf-file-btn,
.crgf-cert-row button{background:rgba(144,203,113,.45)!important;color:#1c3d1c!important;border:0!important}
.crgf-cert-row button{cursor:pointer;transition:background .15s}
.crgf-cert-row button:hover{background:#90CB71!important}
.crgf-cert-row .crgf-cert-scad input[type=date]{background:#fff;border:1px solid rgba(0,0,0,.18)!important;font-weight:500;color:inherit;max-width:180px;width:auto}
.crgf-file{padding:6px 8px;min-height:58px}
@media(max-width:600px){.crgf-cert-row .crgf-cert-scad input[type=date],.crgf-cert-row button{width:100%}}

/* titolo area soci centrato */
.page-id-302 .page-head,.page-id-302 .page-head .wrap{text-align:center!important}
.page-id-302 .page-head h2{text-align:center!important;margin-left:auto;margin-right:auto;width:100%}
.page-id-302 .page-head .eyebrow,.page-id-302 .page-head .lead{margin-left:auto;margin-right:auto;text-align:center!important}