/* Future OS 7.5.2 Visual Fix R3 — Honeycomb Light Surface Global Contract */
:root{
  --fos-light-texture:url('../assets/light-surface-honeycomb.webp');
  --fos-light-texture-tint:rgba(255,255,255,.80);
  --fos-light-texture-tint-soft:rgba(255,255,255,.72);
  --fos-light-contrast-bg:#061216;
  --fos-light-contrast-bg-2:#0a1a1f;
}

/*
 * GLOBAL RULE
 * Any structural light canvas uses the honeycomb texture. Dark theme is never touched.
 * The texture is intentionally scaled by tile instead of stretching to viewport width,
 * so the geometry stays consistent and there are no visible horizontal seams.
 */
html[data-theme="light"] body,
html.light body,
html:not([data-theme="dark"]):not(.dark) body.tema-claro,
body.tema-claro{
  background-color:#f4f6f6!important;
  background-image:linear-gradient(var(--fos-light-texture-tint),var(--fos-light-texture-tint)),var(--fos-light-texture)!important;
  background-repeat:repeat,repeat!important;
  background-size:auto,622px 350px!important;
  background-position:center top!important;
  background-attachment:scroll!important;
}

/* Future OS authenticated structural canvases */
html[data-theme="light"] #future-root,
html[data-theme="light"] .future-app-main,
html[data-theme="light"] #future-module-root,
html[data-theme="light"] .future-main,
html[data-theme="light"] .future-content,
html[data-theme="light"] .workspace-shell,
html[data-theme="light"] .workspace-main,
html.light #future-root,
html.light .future-app-main,
html.light #future-module-root,
html.light .future-main,
html.light .future-content,
body.tema-claro #future-root,
body.tema-claro .future-app-main,
body.tema-claro #future-module-root{
  background-color:transparent!important;
  background-image:linear-gradient(var(--fos-light-texture-tint),var(--fos-light-texture-tint)),var(--fos-light-texture)!important;
  background-repeat:repeat,repeat!important;
  background-size:auto,622px 350px!important;
  background-position:center top!important;
}

/* Public site base canvas */
html[data-theme="light"] body.cinematic-site,
html.light body.cinematic-site{
  background-color:#f2f5f5!important;
  background-image:linear-gradient(var(--fos-light-texture-tint-soft),var(--fos-light-texture-tint-soft)),var(--fos-light-texture)!important;
  background-repeat:repeat,repeat!important;
  background-size:auto,622px 350px!important;
  background-position:center top!important;
}

/* All ordinary light public sections inherit the textured canvas. */
html[data-theme="light"] body.cinematic-site .section:not([data-dark-surface]):not(.ops):not(.showcase):not(.products-cinematic),
html.light body.cinematic-site .section:not([data-dark-surface]):not(.ops):not(.showcase):not(.products-cinematic){
  background-color:transparent!important;
  background-image:linear-gradient(var(--fos-light-texture-tint-soft),var(--fos-light-texture-tint-soft)),var(--fos-light-texture)!important;
  background-repeat:repeat,repeat!important;
  background-size:auto,622px 350px!important;
  background-position:center top!important;
}

/* Generic light structural surfaces in modules: panels/cards are intentionally excluded. */
html[data-theme="light"] :is(.page-shell,.page-canvas,.module-canvas,.content-canvas,.fui-page,.future-page),
html.light :is(.page-shell,.page-canvas,.module-canvas,.content-canvas,.fui-page,.future-page),
body.tema-claro :is(.page-shell,.page-canvas,.module-canvas,.content-canvas,.fui-page,.future-page){
  background-color:transparent!important;
  background-image:linear-gradient(var(--fos-light-texture-tint),var(--fos-light-texture-tint)),var(--fos-light-texture)!important;
  background-repeat:repeat,repeat!important;
  background-size:auto,622px 350px!important;
  background-position:center top!important;
}

/* Restore intentional contrast sections on the public site in Light Mode. */
html[data-theme="light"] body.cinematic-site .products-cinematic,
html.light body.cinematic-site .products-cinematic{
  background:
    radial-gradient(circle at 12% 0%,rgba(0,229,203,.08),transparent 30%),
    linear-gradient(180deg,var(--fos-light-contrast-bg-2),var(--fos-light-contrast-bg))!important;
  color:#f4fbfb!important;
}
html[data-theme="light"] body.cinematic-site .products-cinematic .section-head h2,
html[data-theme="light"] body.cinematic-site .products-cinematic .section-head p,
html.light body.cinematic-site .products-cinematic .section-head h2,
html.light body.cinematic-site .products-cinematic .section-head p{color:#f4fbfb!important}
html[data-theme="light"] body.cinematic-site .products-cinematic .section-head p,
html.light body.cinematic-site .products-cinematic .section-head p{opacity:.74}
html[data-theme="light"] body.cinematic-site .products-cinematic .product-panel,
html.light body.cinematic-site .products-cinematic .product-panel{
  color:#f7ffff!important;
  border-color:rgba(255,255,255,.10)!important;
  background:linear-gradient(145deg,#0b2026,#07151a)!important;
}
html[data-theme="light"] body.cinematic-site .products-cinematic .product-panel p,
html.light body.cinematic-site .products-cinematic .product-panel p{color:#a9babc!important}

/* Functional surfaces stay clean for readability. */
.future-panel,.future-card,.fui-card,.fui-input,.fui-select,.fui-textarea,
.labs-product-card,.modal,.dialog,.dropdown,.popover,input,select,textarea{
  background-clip:padding-box;
}

/* Dark mode explicitly clears the texture if a browser retained an old computed style. */
html[data-theme="dark"] body,
html.dark body{
  background-image:none;
}

@media(max-width:700px){
  html[data-theme="light"] body,
  html.light body,
  body.tema-claro,
  html[data-theme="light"] #future-root,
  html[data-theme="light"] .future-app-main,
  html[data-theme="light"] #future-module-root,
  html[data-theme="light"] body.cinematic-site,
  html.light body.cinematic-site{
    background-size:auto,500px 281px!important;
  }
}

@media (prefers-reduced-data: reduce){
  html[data-theme="light"] body,
  html.light body,
  body.tema-claro{background-image:none!important}
}