/* ThaiCulture site additions. Loaded after tailwind.css. */

/* legacy Tailwind names used in the pages; the compiler emits only shrink-0 / grow */
.flex-shrink-0 { flex-shrink: 0; }
.flex-grow { flex-grow: 1; }

/* phone menu */
.tct-menu-btn { display: none; }

@media (max-width: 768px) {
  .main-header > .page-wrapper { flex-wrap: wrap !important; row-gap: 0 !important; width: 100%; }
  .tct-menu-btn {
    display: inline-flex; align-items: center; gap: 8px; margin-left: auto;
    padding: 8px 14px; border: 1px solid #e5e7eb; border-radius: 999px;
    background: #fff; color: #374151; font-weight: 600; font-size: 0.9rem; line-height: 1;
  }
  .tct-menu-btn:focus-visible { outline: 2px solid #f59e0b; outline-offset: 2px; }
  .main-header nav,
  .main-header > .page-wrapper > .language-switcher { display: none !important; }
  .main-header.tct-nav-open nav { display: block !important; width: 100%; order: 3; }
  .main-header.tct-nav-open > .page-wrapper > .language-switcher { display: grid !important; width: 100%; order: 3; }
  .main-header.tct-nav-open .main-nav-links {
    display: flex !important; flex-direction: column !important; align-items: stretch !important;
    flex-wrap: nowrap !important; overflow: visible !important; width: 100% !important; margin: 8px 0 0 !important; gap: 0 !important;
  }
  .main-header.tct-nav-open .main-nav-links li { margin: 0 !important; border-top: 1px solid #f3f4f6; }
  .main-header.tct-nav-open .main-nav-links a {
    display: block !important; margin: 0 !important; padding: 12px 4px !important; font-size: 1rem !important; border-bottom: 0 !important;
  }
  .main-header.tct-nav-open .language-switcher {
    display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px !important;
    margin: 8px 0 12px !important; padding: 0 !important; border: 0 !important;
  }
  .main-header.tct-nav-open .language-switcher .lang-link {
    font-size: 0.9rem !important; padding: 8px 10px !important; margin: 0 !important;
    border: 1px solid #e5e7eb; border-radius: 10px; text-align: left;
  }
}