/* Association portal only (loaded only on portal pages: base.html when portal_readonly, and association.html).
   Pro / lobbyup.com never loads this file. Phiz, Nov 11, 2026, 6:32-6:37 PM CT. */

/* PORTAL-LIGHT: portals are light only. The templates pin data-theme="light", so no dark.css rule applies;
   this keeps native controls (selects, inputs, scrollbars) light too, even with an OS dark preference. */
html.portal-light { color-scheme: light; }

/* PORTAL-2X: "double the entire bill box and increase text to fit, just make it twice as big."
   All bills list rows (body.portal-bills-2x on the /bills list) and Bills We're Tracking boxes (/tracked).
   zoom: 2 multiplies every length inside the box by exactly 2 (padding, gaps, borders, radius, min-heights,
   font sizes, line heights) at every width and every existing media rule, so the row layout is unchanged,
   only twice as big. Percent widths are not multiplied, so the box still fills the column. */
/* bAIb ruling, Nov 12, 2026 8:17 PM CT (Layout adopted): 2x at tablet and desktop widths only (>480px).
   Phones (<=480px) keep the normal 1x bill row. */
@media (min-width: 481px) {
  body.portal-bills-2x article.lu-row.bill-card { zoom: 2; }
}

/* PORTAL-LOGO-2X: "The lobbyup logo in the top left corner needs to be twice as big."
   LobbyUpAI wordmark only (live: 36px tall, max 240px wide, placement.css). Association name and hamburger unchanged. */
@media (min-width: 481px) {
  html.portal-light .app-header .brand-v2-header {
    height: 72px;
    max-width: 480px;
  }
}
/* Keep the hamburger at its live size next to the wider logo (header-fit.css lets header items shrink). */
html.portal-light .app-header .hamburger { flex-shrink: 0; }

/* PORTAL-2X narrow fit (Nov 12, 2026): at 2x a long sponsor name ("Joint Budget Committee") can be wider than a
   narrow column and push the page sideways. Only where the 2x boxes are drawn below 900px (481-899px), inside the
   2x boxes only, a name that does not fit may wrap. Phones (<=480px) are 1x and need no wrap (bAIb 8:17 PM CT).
   Desktop and Pro rows are unchanged. */
@media (min-width: 481px) and (max-width: 899px) {
  body.portal-bills-2x article.lu-row.bill-card .lu-sponsors a.sponsor-link,
  body.portal-bills-2x article.lu-row.bill-card .lu-sponsors .sponsor-plain { white-space: normal; overflow-wrap: anywhere; }
}
