/* Vân gỗ mảnh, giữ nguyên màu nền và nằm sau nội dung để không làm chìm chữ. */
.wood-grain-surface{
  position:relative;
  isolation:isolate;
}
.wood-grain-surface::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  border-radius:inherit;
  background-image:url("assets/wood-grain.svg");
  background-repeat:repeat;
  background-size:420px 240px;
  opacity:.68;
  pointer-events:none;
}

/* Mảng nền và thẻ món ở trang khách. */
.site-header,.hero,.menu-category-rail,.featured-menu,.product-card,
.story-section,.contact-section,.contact-card,.site-footer{
  position:relative;
  isolation:isolate;
}
.site-header::before,.hero::before,.menu-category-rail::before,
.featured-menu::before,.product-card::before,.story-section::before,
.contact-section::before,.contact-card::before,.site-footer::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  border-radius:inherit;
  background-image:url("assets/wood-grain.svg");
  background-repeat:repeat;
  background-size:420px 240px;
  opacity:.68;
  pointer-events:none;
}

/* Admin: phủ vân rất nhẹ lên các bảng và thẻ lớn, không phủ lên trường nhập. */
.admin-topbar,.admin-login-card,.admin-panel,.admin-form,
.workflow-panel,.workflow-step,.temporary-access-card,
.admin-credentials-dialog,.admin-boss-link-card{
  position:relative;
  isolation:isolate;
}
.admin-topbar::before,.admin-login-card::before,.admin-panel::before,
.admin-form::before,.workflow-panel::before,.workflow-step::before,
.temporary-access-card::before,.admin-credentials-dialog::before,
.admin-boss-link-card::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  border-radius:inherit;
  background-image:url("assets/wood-grain.svg");
  background-repeat:repeat;
  background-size:420px 240px;
  opacity:.68;
  pointer-events:none;
}

@media(max-width:700px){
  .wood-grain-surface::before,.site-header::before,.hero::before,
  .menu-category-rail::before,.featured-menu::before,.product-card::before,
  .story-section::before,.contact-section::before,.contact-card::before,
  .site-footer::before,.admin-topbar::before,.admin-login-card::before,
  .admin-panel::before,.admin-form::before,.workflow-panel::before,
  .workflow-step::before,.temporary-access-card::before,
  .admin-credentials-dialog::before,.admin-boss-link-card::before{
    background-size:360px 206px;
    opacity:.52;
  }
}

@media(prefers-reduced-motion:reduce){.wood-grain-surface::before{scroll-behavior:auto}}