diff --git a/site/assets/css/style.css b/site/assets/css/style.css index bca14cd..7db5e59 100644 --- a/site/assets/css/style.css +++ b/site/assets/css/style.css @@ -393,6 +393,11 @@ section[id] { } /* ── Sticky Navbar ─────────────────────────────────────────────────────────── */ +.navbar-toggler { + min-width: 44px; + min-height: 44px; +} + .header-section { position: fixed; top: 0; @@ -1462,6 +1467,11 @@ h3.contact-title { margin-bottom: 1.5rem; } .footer-social a { + display: inline-flex; + align-items: center; + justify-content: center; + min-width: 44px; + min-height: 44px; color: rgba(255, 255, 255, .6); transition: color var(--fitme-transition), transform var(--fitme-transition); } @@ -2554,16 +2564,20 @@ h3.contact-title { .md-close { position: absolute; - top: 6px; - right: 10px; + top: 0; + right: 0; z-index: 2; + width: 44px; + height: 44px; + display: none; + align-items: center; + justify-content: center; background: transparent; border: 0; font-size: 1.6rem; line-height: 1; color: var(--fitme-text-muted); cursor: pointer; - display: none; } /* Touch / narrow: a centred fixed card over a dimmed page; main.js flies it @@ -2597,7 +2611,7 @@ h3.contact-title { z-index: 29; background: rgba(0, 0, 0, .55); } - .md-close { display: block; } + .md-close { display: flex; } .md-card { flex-basis: 120px; min-height: 0; padding: 18px 6px; justify-content: center; } .md-flip .md-card { border-left: 0; border-right: 4px solid var(--md-color, var(--fitme-accent)); } .md-card .ib-icon { width: 60px; height: 60px; margin-bottom: .8rem; } @@ -2626,7 +2640,10 @@ h3.contact-title { font-weight: 700; font-size: .85rem; letter-spacing: .3px; - padding: 0; + /* Alvo de toque ≥44px sem engordar o visual: padding compensado por + margin negativa (o texto sublinhado fica do mesmo tamanho). */ + padding: 11px 4px; + margin: -11px -4px; text-decoration: underline; transition: color var(--fitme-transition); } @@ -2727,6 +2744,7 @@ h3.contact-title { font-weight: 700; font-size: .9rem; padding: 9px 20px; + min-height: 44px; border-radius: var(--fitme-radius); cursor: pointer; transition: border-color var(--fitme-transition), color var(--fitme-transition); @@ -3523,9 +3541,13 @@ h3.contact-title { .td-close { position: absolute; - top: 6px; - right: 10px; + top: 0; + right: 0; z-index: 2; + width: 44px; + height: 44px; + align-items: center; + justify-content: center; background: transparent; border: 0; font-size: 1.6rem; @@ -3568,7 +3590,7 @@ h3.contact-title { z-index: 29; background: rgba(0, 0, 0, .55); } - .td-close { display: block; } + .td-close { display: flex; } .td-photo { flex-basis: 34%; border-width: 3px; } .td-photo img { min-height: 180px; } .td-body,