/* Public utility pages aligned to Website V2 visual system. */

body.mlb-public-page {
  background: var(--mlb-rice-50, #fffdf8);
  color: var(--mlb-sesame, #1d2d28);
  font-family: var(--mlb-font-thai, "Noto Sans Thai", system-ui, sans-serif);
}

body.mlb-public-page .topbar,
body.mlb-public-page nav:not(.mlb-nav):not(.v2-nav) {
  background: linear-gradient(180deg, rgba(255, 253, 248, 0.96), rgba(255, 253, 248, 0.9));
  border-bottom: 1px solid var(--mlb-border-soft, rgba(6, 61, 44, 0.09));
  box-shadow: 0 10px 28px rgba(6, 61, 44, 0.06);
}

body.mlb-public-page .topbar-inner,
body.mlb-public-page .nav-inner {
  min-height: 78px;
  max-width: 1240px;
}

body.mlb-public-page .brand,
body.mlb-public-page .nav-brand,
body.mlb-public-page .nav-logo,
body.mlb-public-page .topbar-brand {
  color: var(--mlb-green-900, #063d2c);
  font-family: var(--mlb-font-display, "Baloo 2", system-ui, sans-serif);
  font-weight: 800;
}

body.mlb-public-page .brand img,
body.mlb-public-page .v2-nav-logo-img {
  border-radius: 12px;
}

body.mlb-public-page .hero {
  background: linear-gradient(180deg, var(--mlb-rice-100, #fff8ee), var(--mlb-rice-50, #fffdf8));
}

body.mlb-public-page .v2-section {
  background:
    linear-gradient(180deg, var(--mlb-rice-50, #fffdf8), var(--mlb-rice-100, #fff8ee)) !important;
}

body.mlb-public-page h1,
body.mlb-public-page h2,
body.mlb-public-page .auth-title {
  color: var(--mlb-green-900, #063d2c);
  letter-spacing: 0;
}

body.mlb-public-page h1 em,
body.mlb-public-page .accent {
  color: var(--mlb-red-600, #ef342f) !important;
}

body.mlb-public-page .card,
body.mlb-public-page .panel,
body.mlb-public-page .auth-card,
body.mlb-public-page .offer-card,
body.mlb-public-page .form-card,
body.mlb-public-page .payment-card,
body.mlb-public-page .benefit-card,
body.mlb-public-page .pain {
  border: 1px solid var(--mlb-border-soft, rgba(6, 61, 44, 0.09));
  background: rgba(255, 253, 248, 0.94);
  box-shadow: var(--mlb-shadow-card, 0 12px 28px rgba(6, 61, 44, 0.1));
}

body.mlb-public-page .line-link,
body.mlb-public-page .line-btn,
body.mlb-public-page .btn-line,
body.mlb-public-page .btn-primary,
body.mlb-public-page .cta,
body.mlb-public-page .copy-btn {
  border: 0;
  background: linear-gradient(180deg, #16d964 0%, var(--mlb-line, #06c755) 100%) !important;
  color: #fff !important;
  box-shadow: 0 11px 22px rgba(6, 199, 85, 0.25);
}

body.mlb-public-page input,
body.mlb-public-page select,
body.mlb-public-page textarea {
  border-color: var(--mlb-border, rgba(6, 61, 44, 0.16)) !important;
  border-radius: var(--mlb-radius-sm, 8px) !important;
}

body.mlb-public-page input:focus,
body.mlb-public-page select:focus,
body.mlb-public-page textarea:focus {
  outline: 3px solid rgba(6, 199, 85, 0.16) !important;
  border-color: var(--mlb-green-800, #084b35) !important;
}

body.mlb-public-page .nav-links,
body.mlb-public-page .v2-nav-links {
  border-color: var(--mlb-border-soft, rgba(6, 61, 44, 0.09));
}

@media (max-width: 720px) {
  body.mlb-public-page .brand-sub,
  body.mlb-public-page .nav-logo span,
  body.mlb-public-page .nav-links {
    display: none;
  }

  body.mlb-public-page main,
  body.mlb-public-page .container,
  body.mlb-public-page .wrap {
    padding-bottom: 92px;
  }

  body.mlb-public-page [style*="grid-template-columns:repeat(3,1fr)"] {
    grid-template-columns: 1fr !important;
  }

  body.mlb-public-page:not(.refer-page) .grid-hero {
    grid-template-columns: 1fr !important;
  }

  body.mlb-public-page:not(.refer-page) .grid-hero > :nth-child(2) {
    display: none !important;
  }
}