/* Free mode (private/site.php 'free_mode', 30 Oct 2026): the "everything is free" bar under the header and the free tags.
   Loaded by layout.php only while free mode is on. */
.free-bar { background: linear-gradient(90deg, #f2b705, #ffd54a); color: #1d1500; font-size: 14px; line-height: 1.45; }
.free-bar .wrap { display: flex; align-items: center; justify-content: center; gap: 8px 12px; flex-wrap: wrap; padding-top: 8px; padding-bottom: 8px; text-align: center; }
.free-bar p { margin: 0; }
.free-bar a { color: #1d1500; font-weight: 800; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
.free-pill { display: inline-flex; align-items: center; gap: 5px; background: #120f2b; color: #ffd54a; font-weight: 800; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; border-radius: 999px; padding: 3px 10px; white-space: nowrap; }
.free-tag { display: inline-flex; align-items: center; gap: 6px; background: rgba(34, 197, 94, .14); color: #15803d; border: 1px solid rgba(34, 197, 94, .5); border-radius: 999px; padding: 6px 14px; font-weight: 700; font-size: 14px; margin: 0 0 12px; }
.free-tag .ic { flex: none; }
:root[data-theme="dark"] .free-tag { color: #86efac; background: rgba(34, 197, 94, .16); }
.tcard .tcard-badge.is-free { background: rgba(34, 197, 94, .16); color: #15803d; }
:root[data-theme="dark"] .tcard .tcard-badge.is-free { color: #86efac; }
.free-line { display: flex; align-items: center; gap: 6px; margin-top: 10px; font-weight: 600; color: #15803d; }
:root[data-theme="dark"] .free-line { color: #86efac; }
@media (max-width: 560px) {
  /* Phones: one flowing paragraph (pill, text and link inline) so the bar stays short. */
  .free-bar { font-size: 12.5px; line-height: 1.4; }
  .free-bar .wrap { display: block; padding-top: 6px; padding-bottom: 6px; }
  .free-bar p { display: inline; }
  .free-pill { font-size: 11px; padding: 2px 8px; margin-inline-end: 6px; vertical-align: 1px; }
  .free-bar a { margin-inline-start: 6px; }
}