/**
 * Load LAST in app/[slug]/layout (after Flatsome). Theme CSS overrides globals;
 * this file re-establishes our shell so #header / header rules in Flatsome
 * do not remove the Next.js top bar and nav.
 *
 * หมายเหตุ: Flatsome กำหนด .hidden { display:none !important } — ทำให้ class แบบ
 * "hidden md:flex" ของ Tailwind แพ้และเมนูกลางหาย จึงต้องใช้ "max-md:hidden md:flex" ใน Header
 * แทน ไม่ใช้ token "hidden" ร่วมกับ md: บน flex/block เดียวกัน
 */
html body.sawad-next-site #sawad-app-wrapper [data-sawad-chrome] {
  display: block !important;
  visibility: visible !important;
  position: relative !important;
  z-index: 10000 !important;
  isolation: isolate !important;
  width: 100% !important;
  min-height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  opacity: 1 !important;
  clip: auto !important;
  transform: none !important;
}

html body.sawad-next-site #sawad-site-header.sawad-app-header,
html body.sawad-next-site header#sawad-site-header[data-sawad="site-header"] {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  box-sizing: border-box !important;
  visibility: visible !important;
  position: sticky !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 10000 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: min-content !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  transform: none !important;
  translate: none !important;
  filter: none !important;
  clip: auto !important;
  clip-path: none !important;
  overflow: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  background: transparent !important;
}

/* Direct children: theme sometimes collapses the first row (logo / top bar) */
html body.sawad-next-site #sawad-site-header > * {
  flex: 0 0 auto !important;
  min-height: 0 !important;
  max-height: none !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
  overflow: visible !important;
}

html body.sawad-next-site #sawad-site-header nav {
  display: block !important;
  visibility: visible !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
}

/* Tailwind: top bar hidden on small screens, visible from md (match Header.tsx) */
@media (max-width: 767.98px) {
  html body.sawad-next-site #sawad-site-header .hidden.md\:block {
    display: none !important;
  }
}

@media (min-width: 768px) {
  html body.sawad-next-site #sawad-site-header .hidden.md\:block {
    display: block !important;
    visibility: visible !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
  }
}

#sawad-app-wrapper.sawad-app-wrapper {
  display: block !important;
  visibility: visible !important;
  min-height: 100% !important;
  height: auto !important;
  position: relative !important;
  overflow: visible !important;
  transform: none !important;
  opacity: 1 !important;
}

#sawad-app-main.sawad-app-main {
  display: block !important;
  visibility: visible !important;
  min-height: 0 !important;
  flex: 1 1 auto !important;
  overflow: visible !important;
  position: relative !important;
  transform: none !important;
  opacity: 1 !important;
}

#sawad-site-footer.sawad-app-footer {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  height: auto !important;
  transform: none !important;
  overflow: visible !important;
}