/* =========================================================
   DESKTOP RESPONSIVENESS OVERRIDES
   Apenas para telas grandes (>=1024px). Não afeta mobile.
   ========================================================= */

@media (min-width: 1024px) {
  /* Limita as variáveis baseadas em vw que estouram no PC */
  :root {
    --meia-lua-size: 200px !important;
    --meia-lua-size-min: 200px !important;
    --modal-lua-size: 240px !important;
    --modal-lua-size-min: 240px !important;
  }

  /* Body fonte global reduzida para PC (mobile usa 30px) */
  body {
    font-size: 26px !important;
  }

  /* Centraliza e limita largura do conteúdo principal */
  #main-scroll,
  .notif-main,
  .pay-main,
  .profile-main,
  .help-main,
  .terms-content {
    max-width: 1500px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Cards de publicação com altura/tipografia mais confortáveis */
  .publication-card {
    min-height: 220px;
  }
  .publication-card h3 {
    font-size: 28px !important;
  }
  .publication-card .flex-1 {
    padding: 28px 32px 28px calc(var(--meia-lua-size-min) * 0.5 + 36px) !important;
  }
  .publication-card .source-label-text {
    font-size: 22px !important;
  }
  .publication-card[data-prioridade="1"]::before,
  .publication-card[data-prioridade="2"]::before,
  .publication-card[data-prioridade="3"]::before {
    font-size: 22px;
  }

  /* Header glassmorphism: limita largura interna */
  header .max-w-7xl {
    max-width: 1500px !important;
  }

  /* Modal de detalhe centralizado e legível */
  .detail-modal-header {
    padding: 120px 32px 32px !important;
  }
  .detail-modal-body {
    max-width: 880px;
    margin-left: auto;
    margin-right: auto;
  }
  .detail-modal-title {
    font-size: 26px !important;
  }

  /* Modal de favoritos centralizado */
  #favorites-modal .favorites-modal-content {
    max-width: 720px !important;
  }

  /* Notifications: itens mais confortáveis */
  .notif-item {
    font-size: 16px;
  }

  /* Profile / Payment / Help: aumenta legibilidade básica */
  .profile-main input,
  .profile-main button,
  .pay-main input,
  .pay-main button,
  .help-main p,
  .help-main li {
    font-size: 16px;
  }

  /* Footer copyright centralizado */
  footer {
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto;
  }

  /* Sidebar não precisa ocupar tela inteira no PC */
  .sidebar-panel {
    max-width: 360px !important;
  }
}

@media (min-width: 1440px) {
  #main-scroll,
  .notif-main,
  .pay-main,
  .profile-main,
  .help-main,
  .terms-content {
    max-width: 1600px !important;
  }
  header .max-w-7xl {
    max-width: 1600px !important;
  }
}