/* Site-wide polish: spacing, sizing and overlap fixes (Oct 2026). Loaded last on every page. */

/* Header: keep the brand from wrapping into the menu */
.nav .brand{flex:none;min-width:0}
.nav .brand small{white-space:normal;max-width:19em}
/* The line under SBVOC only fits on phones and tablets; the top bar already names the diocese on desktop */
@media (min-width:981px){header.nav .brand small{display:none}}
@media (min-width:981px){header.nav .wrap{gap:16px}header.nav .menu{gap:4px}.menu>li>a,.nav-disclosure summary{padding-inline:12px}}
.menu>li>a,.nav-disclosure summary{white-space:nowrap}

/* Section labels: the copper dash before eyebrows was invisible, leaving an odd indent */
.section .eyebrow::before{height:2px;flex:none;border-radius:1px}

/* Minimum readable size for small labels */
.mosaic .tile .lbl,.u small,.day-badge,.gf-badge,.event-badge,.prayer-today,.prayer-today b,.t small,figcaption small,.card .tag,.res .kind span,.pb-links small{font-size:max(.75rem,12px)}
@media (max-width:600px){.util .wrap>span,.util{font-size:max(.75rem,12px)}}

/* Comfortable tap targets on phones */
@media (max-width:600px){
  .crumbs a{display:inline-block;padding-block:8px}
  .give-actions .quiet,.home-prayer-actions a,.pb-quiet,.rm-fam{display:inline-block;padding-block:10px}
}

/* Galilee: keep "Eucharistic Adoration" together and give the theme label room */
.gc-lineup .t1 .nw{white-space:nowrap}
.gc-theme .gc-label{display:inline-block;margin-bottom:10px}

/* Headings with buttons beside them wrap instead of colliding */
#team .head{gap:16px 24px}
@media (max-width:900px){#team .head{grid-template-columns:1fr!important;align-items:start!important}}

/* Spanish header is longer: tighten it on mid-size desktops so nothing spills off the edge */
@media (min-width:981px){
  html[lang=es] .menu>li>a,html[lang=es] .nav-disclosure summary{padding-inline:7px;letter-spacing:.05em}
  html[lang=es] .nav .wrap{gap:12px}
  html[lang=es] .conversation-cta .cta-long{display:none}
  html[lang=es] .conversation-cta .cta-short{display:inline!important}
}
