/* desktop-home.css: home (#forum-section) do app web em tela grande.
 * Tudo aqui fica dentro de @media (min-width: 1024px) e é escopado em
 * body.rackfy-app-experience:not(.platform-native). Abaixo de 1024px, e nos
 * apps nativos (inclusive iPad), a home continua a mesma. Moldura e navegação
 * ficam em desktop-shell.css. */
@media (min-width: 1024px) {
  /* Mesma foto e mesmos gradientes de app-experience.css, mais alta e com um véu
   * à esquerda: o subtítulo caía sobre a linha branca da quadra (contraste ~1:1). */
  body.rackfy-app-experience:not(.platform-native) #forum-section::before {
    height: 700px;
    background-image:
      linear-gradient(90deg, rgba(5, 7, 6, .78) 0%, rgba(5, 7, 6, .62) 38%, rgba(5, 7, 6, .18) 64%, transparent 80%),
      linear-gradient(180deg, rgba(5, 7, 6, .64) 0%, rgba(5, 7, 6, .7) 36%, rgba(5, 7, 6, .9) 80%, #050706 100%),
      linear-gradient(90deg, rgba(5, 7, 6, .28), transparent 48%, rgba(5, 7, 6, .16)),
      url('/images/court-home.webp');
  }
  body.rackfy-app-experience:not(.platform-native) #forum-section .rk-home-intro { text-shadow: 0 1px 2px rgba(5, 7, 6, .6); }
  body.rackfy-app-experience:not(.platform-native) #browse-view { display: flex; flex-direction: column; gap: 32px; }
  body.rackfy-app-experience:not(.platform-native) .rackfy-mobile-home {
    display: grid; grid-template-columns: repeat(12, minmax(0, 1fr));
    width: 100%; max-width: none; margin-inline: 0; gap: 0 32px;
  }
  body.rackfy-app-experience:not(.platform-native) #forum-section .rk-home-intro {
    grid-column: 1 / 8; align-self: center; min-width: 0;
    /* Override the existing important mobile typography and padding. */
    padding-block: 72px !important;
  }
  body.rackfy-app-experience:not(.platform-native) #forum-section .rk-home-intro h1 {
    font-size: clamp(2.75rem, 3.4vw, 3.25rem) !important; line-height: 1.1 !important;
    max-width: 12em; text-wrap: balance;
  }
  body.rackfy-app-experience:not(.platform-native) #forum-section .rk-home-intro > p:nth-of-type(2) {
    font-size: 16px !important; line-height: 1.6 !important; margin-top: 16px !important; text-wrap: pretty;
  }
  body.rackfy-app-experience:not(.platform-native) .rk-home-tasks { display: none; }
  body.rackfy-app-experience:not(.platform-native) #home-match-shortcuts {
    grid-column: 8 / 13; align-self: center; max-width: none; margin: 0;
    padding: 24px; border: 1px solid #303c36; border-radius: 16px; background: #0e1412;
  }
  body.rackfy-app-experience:not(.platform-native) #home-match-shortcuts .rk-task-icon { color: #b7d873; }
  /* Notícias do tênis (10/11/2026): faixa inteira entre o topo (saudação | Na quadra) e o índice. Destaque com a foto
   * à esquerda (colunas 1-7) e as seguintes em lista à direita (8-12), sem rolagem lateral. O topo fica na linha 1. */
  body.rackfy-app-experience:not(.platform-native) #forum-section .rk-home-intro,
  body.rackfy-app-experience:not(.platform-native) #home-match-shortcuts { grid-row: 1; }
  body.rackfy-app-experience:not(.platform-native) #home-news:not([hidden]) {
    grid-column: 1 / -1; grid-row: 2; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 0 32px; align-items: start; padding: 48px 0 0; max-width: none; margin-inline: 0;
  }
  body.rackfy-app-experience:not(.platform-native) #home-news > :is(.rk-news-head, .rk-news-note) { grid-column: 1 / -1; }
  body.rackfy-app-experience:not(.platform-native) #home-news .rk-news-head { margin-bottom: 16px; }
  body.rackfy-app-experience:not(.platform-native) #home-news .rk-news-h { font-size: 25px; line-height: 1.25; font-weight: 700; }
  body.rackfy-app-experience:not(.platform-native) #home-news > :is(.rk-news-feature, .rk-news-skc) {
    grid-column: 1 / 8; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); align-items: stretch;
  }
  body.rackfy-app-experience:not(.platform-native) #home-news .rk-news-feature-img { height: 100%; min-height: 240px; aspect-ratio: auto; }
  body.rackfy-app-experience:not(.platform-native) #home-news .rk-news-skc-img { min-height: 240px; aspect-ratio: auto; }
  body.rackfy-app-experience:not(.platform-native) #home-news .rk-news-feature-body { padding: 24px; align-self: center; }
  body.rackfy-app-experience:not(.platform-native) #home-news .rk-news-feature-title { font-size: 20px; line-height: 1.3; text-wrap: balance; }
  body.rackfy-app-experience:not(.platform-native) #home-news > :is(.rk-news-strip, .rk-news-sks) {
    grid-column: 8 / 13; flex-direction: column; overflow: visible; scroll-snap-type: none; margin: 0; padding: 0; gap: 12px;
  }
  body.rackfy-app-experience:not(.platform-native) #home-news :is(.rk-news-strip-item, .rk-news-sks-card) { flex: none; width: 100%; min-height: 0; }
  body.rackfy-app-experience:not(.platform-native) #home-news :is(.rk-news-feature, .rk-news-strip-item, .rk-news-link) { transition: border-color 120ms ease-out, color 120ms ease-out; }
  body.rackfy-app-experience:not(.platform-native) #home-news :is(.rk-news-feature, .rk-news-strip-item):is(:hover, :focus-visible) { border-color: #4a5a52; }
  body.rackfy-app-experience:not(.platform-native) #home-news :is(.rk-news-feature, .rk-news-strip-item):hover .rk-news-feature-title,
  body.rackfy-app-experience:not(.platform-native) #home-news .rk-news-strip-item:hover h4 { color: var(--rk-desk-brand, #e0f338); }
  @media (prefers-reduced-motion: reduce) {
    body.rackfy-app-experience:not(.platform-native) #home-news :is(.rk-news-feature, .rk-news-strip-item, .rk-news-link) { transition: none; }
  }
  body.rackfy-app-experience:not(.platform-native) .rk-desktop-index { display: block; grid-column: 1 / -1; padding: 32px 0 16px; }
  body.rackfy-app-experience:not(.platform-native) .rk-desktop-index > h2 { font-size: 25px; line-height: 1.25; font-weight: 700; margin-bottom: 24px; }
  body.rackfy-app-experience:not(.platform-native) .rk-desktop-areas { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px; }
  body.rackfy-app-experience:not(.platform-native) .rk-desktop-area { min-width: 0; border-top: 1px solid var(--color-border-strong); padding-top: 16px; }
  body.rackfy-app-experience:not(.platform-native) .rk-desktop-area h3 button { display: flex; align-items: center; gap: 8px; font-size: 20px; font-weight: 700; text-align: left; }
  body.rackfy-app-experience:not(.platform-native) .rk-desktop-area p { min-height: 48px; margin: 12px 0 16px; color: var(--color-text-secondary); font-size: 15px; line-height: 1.5; text-wrap: pretty; }
  body.rackfy-app-experience:not(.platform-native) .rk-desktop-tools button { display: flex; align-items: center; gap: 8px; width: 100%; min-height: 48px; padding: 10px 0; border-top: 1px solid var(--color-border); text-align: left; font-size: 15px; line-height: 1.4; }
  body.rackfy-app-experience:not(.platform-native) .rk-desktop-tools button > span:first-child { flex: 1; }
  body.rackfy-app-experience:not(.platform-native) .rk-desktop-area [data-rk-icon] { flex: none; color: #b7d873; }
  /* Setas ficam discretas e acendem no hover/foco: 16 setas acesas competiam com os títulos. */
  body.rackfy-app-experience:not(.platform-native) .rk-desktop-tools [data-rk-icon] { color: var(--color-text-muted); transition: color 120ms ease-out; }
  body.rackfy-app-experience:not(.platform-native) .rk-desktop-tools button:is(:hover, :focus-visible) [data-rk-icon] { color: var(--rk-desk-brand, #e0f338); }
  @media (prefers-reduced-motion: reduce) {
    body.rackfy-app-experience:not(.platform-native) .rk-desktop-tools [data-rk-icon] { transition: none; }
  }
  body.rackfy-app-experience:not(.platform-native) .rk-desktop-tools .rk-module-name { margin-left: 6px; font-size: 12.8px; font-weight: 400; color: var(--color-text-secondary); }
  body.rackfy-app-experience:not(.platform-native) .rk-desktop-area .rk-lock { display: none; }
  body.rackfy-app-experience:not(.platform-native) .rk-desktop-area .is-locked .rk-lock { display: inline-flex; align-items: center; gap: 4px; color: var(--color-text-secondary); font-size: 12.8px; }
  body.rackfy-app-experience:not(.platform-native) .rk-desktop-area .rk-lock svg { width: 12px; height: 12px; }
  /* Ferramentas pagas mostram o plano necessário (updateHomeAccessState preenche o rótulo);
   * abaixo de 1024px .rk-lock segue escondido por native-app.css. */
  body.rackfy-app-experience:not(.platform-native) #home-match-shortcuts .rk-tool-row.is-locked .rk-lock { display: inline-flex; align-items: center; gap: 4px; margin-left: auto; color: var(--color-text-secondary); font-size: 12.8px; white-space: nowrap; }
  body.rackfy-app-experience:not(.platform-native) #home-match-shortcuts .rk-lock svg { width: 12px; height: 12px; }
  body.rackfy-app-experience:not(.platform-native) .rk-desktop-tools .rk-lock { white-space: nowrap; }
  body.rackfy-app-experience:not(.platform-native) #forum-section button:focus-visible { outline: 2px solid var(--rk-desk-brand, #e0f338); outline-offset: 3px; }
  body.rackfy-app-experience:not(.platform-native) .rk-desktop-area button:hover { color: var(--rk-desk-brand, #e0f338); }
  body.rackfy-app-experience:not(.platform-native) #onboarding-checklist:not(.hidden) { order: 1; display: grid; grid-template-columns: 360px minmax(0, 1fr); align-items: center; gap: 8px 24px; background: #0e1412; border-color: #303c36; }
  body.rackfy-app-experience:not(.platform-native) #onboarding-checklist > div:first-child { grid-column: 1; margin: 0; gap: 12px; }
  body.rackfy-app-experience:not(.platform-native) #onboarding-checklist > div:nth-child(2) { grid-column: 1; margin: 0; }
  body.rackfy-app-experience:not(.platform-native) #onboarding-checklist ul { grid-column: 2; grid-row: 1 / 3; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  body.rackfy-app-experience:not(.platform-native) #onboarding-checklist li { margin: 0; }
  /* Feedback is deliberately brief; keyboard focus remains immediate. */
  body.rackfy-app-experience:not(.platform-native) #forum-section :is(.rk-desktop-area button, #home-match-shortcuts button, #onboarding-checklist button) {
    transition: color 120ms ease-out, transform 120ms ease-out;
  }
  body.rackfy-app-experience:not(.platform-native) #forum-section :is(.rk-desktop-area button, #home-match-shortcuts button, #onboarding-checklist button):active { transform: scale(.98); }
  body.rackfy-app-experience:not(.platform-native) #home-match-shortcuts .rk-tool-row:is(:hover, :focus-visible) { color: var(--rk-desk-brand, #e0f338); }
  body.rackfy-app-experience:not(.platform-native) #onboarding-checklist button:is(:hover, :focus-visible) { color: #f6f8f5; }
  body.rackfy-app-experience:not(.platform-native) #onboarding-checklist #onboarding-bar { transition: none; }
  @media (prefers-reduced-motion: reduce) {
    body.rackfy-app-experience:not(.platform-native) #forum-section :is(.rk-desktop-area button, #home-match-shortcuts button, #onboarding-checklist button) { transition: none; }
    body.rackfy-app-experience:not(.platform-native) #forum-section :is(.rk-desktop-area button, #home-match-shortcuts button, #onboarding-checklist button):active { transform: none; }
  }

}
@media (min-width: 1024px) and (max-width: 1199px) {
  body.rackfy-app-experience:not(.platform-native) .rk-desktop-areas { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}