/* PC Override CSS - Force larger sizes for desktop */
/* Áp dụng cho tất cả các trang khi xem trên PC (>= 1024px) */

@media (min-width: 1024px) {
  /* Force larger container */
  .mx-auto.max-w-7xl,
  .mx-auto.max-w-6xl,
  .mx-auto.max-w-5xl,
  .mx-auto.max-w-4xl,
  .mx-auto.max-w-3xl,
  .mx-auto.max-w-2xl {
    max-width: 1400px !important;
  }

  /* Force larger base text */
  main {
    font-size: 20px !important;
  }

  /* Force larger headings */
  main h1,
  main .text-4xl,
  main .text-5xl {
    font-size: 2.5rem !important;
  }

  main h2,
  main .text-3xl {
    font-size: 2rem !important;
  }

  main h3,
  main .text-2xl {
    font-size: 1.75rem !important;
  }

  main h4,
  main .text-xl {
    font-size: 1.5rem !important;
  }

  /* Force larger buttons and links */
  main .user-info-btn,
  main a.text-base,
  main a.text-sm,
  main a.text-xs,
  main a,
  main button {
    font-size: 1.25rem !important;
    padding: 0.875rem 1.5rem !important;
  }

  /* Force larger text descriptions - MUCH BIGGER */
  main .text-sm,
  main .text-xs,
  main small {
    font-size: 1.125rem !important;
    line-height: 1.6 !important;
  }

  main .text-base {
    font-size: 1.25rem !important;
    line-height: 1.6 !important;
  }

  main .text-lg {
    font-size: 1.5rem !important;
    line-height: 1.6 !important;
  }

  /* Force larger post content */
  main .forum-post-item h4,
  main .forum-post-item .text-sm,
  main .forum-post-item .text-base,
  main .forum-post-item .text-xs {
    font-size: 1.25rem !important;
  }

  /* Force larger table text */
  main table th,
  main table td {
    font-size: 1.25rem !important;
    padding: 1.25rem !important;
  }

  /* Force larger input, select, textarea */
  main input,
  main select,
  main textarea {
    font-size: 1.125rem !important;
    padding: 0.875rem 1.125rem !important;
  }

  /* Force larger padding */
  main .p-4 {
    padding: 2rem !important;
  }

  main .p-6 {
    padding: 2.5rem !important;
  }

  main .p-8 {
    padding: 3rem !important;
  }

  /* Force larger spacing */
  main .mb-4 {
    margin-bottom: 2rem !important;
  }

  main .mb-6 {
    margin-bottom: 2.5rem !important;
  }

  main .mb-8 {
    margin-bottom: 3rem !important;
  }

  main .mb-10 {
    margin-bottom: 3.5rem !important;
  }

  /* Force larger avatar text */
  main .text-3xl {
    font-size: 2.5rem !important;
  }

  /* Force larger labels */
  main span.text-gray-400,
  main span.text-gray-300,
  main label {
    font-size: 1.125rem !important;
  }

  /* Force larger all text in main content */
  main > div > div {
    font-size: 1.25rem !important;
  }

  /* Force larger post titles */
  main .forum-post-item h4,
  main h4 {
    font-size: 1.75rem !important;
  }

  /* Force larger all spans */
  main span {
    font-size: 1.125rem !important;
  }

  /* Force larger paragraphs */
  main p {
    font-size: 1.25rem !important;
    line-height: 1.7 !important;
  }

  /* Force larger badges and tags */
  main .rounded-full,
  main .badge,
  main .tag {
    font-size: 1rem !important;
    padding: 0.5rem 1rem !important;
  }

  /* Force larger icons in buttons */
  main a i,
  main button i {
    font-size: 1.125rem !important;
  }

  /* Force larger form labels */
  main label {
    font-size: 1.125rem !important;
    margin-bottom: 0.75rem !important;
  }

  /* Force larger all text in containers */
  main .rounded-lg,
  main .rounded-xl,
  main .bg-surface-dark,
  main .bg-background-dark {
    font-size: 1.125rem !important;
  }

  /* Force larger gap in grids */
  main .gap-4 {
    gap: 1.5rem !important;
  }

  main .gap-6 {
    gap: 2rem !important;
  }

  main .gap-8 {
    gap: 2.5rem !important;
  }
}

/* Trang chủ: hạ cụm logo + nút tải + người chơi xuống ~200px */
@media (min-width: 992px) {
  .front__game .limit__game {
    padding-top: 200px !important;
  }
}

@media (max-width: 991px) {
  .logo-container,
  #loadingScreen img[src="/Assets/images/logo.PNG"],
  img[src="/Assets/images/logo.PNG"] {
    display: none !important;
  }
}