/* Vietnam Fiber — Site Styles
 * IMPORTANT: Do NOT add `* { margin: 0; padding: 0; }` here.
 * Tailwind v4 preflight already handles box-sizing. Adding a padding
 * reset breaks utility classes like `.px-gutter` because universal
 * selector + shorthand wipes the longhand overrides.
 */

/* Nav dropdown (legacy — used to be in nav.css) */
.nav-dropdown { position: relative; }
.drop-menu {
  position: absolute; top: 100%; left: 0; display: none;
  background: white; border: 1px solid #E8E2D5;
  border-radius: 0.75rem; min-width: 260px; padding: 0.5rem 0;
  box-shadow: 0 12px 32px -8px rgba(10,10,10,0.12); z-index: 50;
}
.drop-menu a {
  display: block; padding: 0.6rem 1rem; font-size: 0.875rem; color: #0A0A0A;
  transition: background 0.15s, color 0.15s;
}
.drop-menu a:hover { background: #FAF7F2; color: #D79949; }
.nav-dropdown:hover .drop-menu { display: block; }

@media (max-width: 768px) {
  .nav-dropdown:hover .drop-menu { display: none; }
  .nav-mobile.open .drop-menu { display: block; }
}