/* index.php — agriculture-feel layer. Loads after index.css and only adds:
   field/furrow texture, a wheat-ear accent icon, a burlap weave on the
   sample-sack panel, a grain-dot overlay on product swatches, a rolling-
   field horizon between hero and ticker, and gentle wheat-sway decor
   (injected by assets/js/agriculture.js). Nothing here overrides layout —
   safe to remove this file and its <link> without breaking the page. */

/* Ploughed-field furrow texture behind the hero copy */
.hero{position:relative}
.hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:repeating-linear-gradient(115deg,rgba(122,91,6,.05) 0px,rgba(122,91,6,.05) 2px,transparent 2px,transparent 15px);
  background-position:0 var(--field-parallax,0px);
}
.hero-grid{position:relative}

/* Rolling-field horizon where the hero meets the ticker */
.hero::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:34px;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 34'%3E%3Cpath d='M0 20C75 34 150 4 225 18S375 34 450 16 550 6 600 18V34H0Z' fill='%23F6F0E2'/%3E%3C/svg%3E");
  background-repeat:repeat-x;background-size:600px 34px;
}

/* Wheat-ear accent after each eyebrow label */
.eyebrow::after{
  content:"";width:13px;height:13px;flex:none;display:inline-block;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23274430' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M12 3v17M12 7l-3.5-2M12 7l3.5-2M12 11l-3.5-2M12 11l3.5-2M12 15l-3.5-2M12 15l3.5-2'/%3E%3C/svg%3E");
  background-size:contain;background-repeat:no-repeat;
}
.oils .eyebrow::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F2B705' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M12 3v17M12 7l-3.5-2M12 7l3.5-2M12 11l-3.5-2M12 11l3.5-2M12 15l-3.5-2M12 15l3.5-2'/%3E%3C/svg%3E");
}

/* Burlap-sack weave on the "Today at the Mill" panel */
.sack{position:relative;overflow:hidden}
.sack::after{
  content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  background-image:
    repeating-linear-gradient(45deg,rgba(251,247,238,.05) 0 2px,transparent 2px 7px),
    repeating-linear-gradient(-45deg,rgba(251,247,238,.05) 0 2px,transparent 2px 7px);
}

/* Grain-dot texture over each product swatch */
.pulse-swatch{position:relative}
.pulse-swatch::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.4) 1px,transparent 1.6px);
  background-size:9px 9px;opacity:.45;
}

/* Quiet dusk-field dot scatter behind the oils section */
.oils{position:relative;overflow:hidden}
.oils::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(rgba(251,247,238,.12) 1px,transparent 1.4px);
  background-size:34px 34px;background-position:8px 8px;
}

/* Wheat-sway decor injected by agriculture.js — a few small stalks that
   idle-sway near the hero art. Hidden entirely if JS doesn't run. */
.wheat-decor{
  position:absolute;width:22px;height:34px;pointer-events:none;opacity:.55;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 34' fill='none' stroke='%23274430' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M11 33V4M11 9l-6-3M11 9l6-3M11 14l-6-3M11 14l6-3M11 19l-6-3M11 19l6-3M11 24l-6-3M11 24l6-3'/%3E%3C/svg%3E");
  background-size:contain;background-repeat:no-repeat;
  transform-origin:bottom center;
  animation:wheat-sway 5.5s ease-in-out infinite;
}
@keyframes wheat-sway{
  0%,100%{transform:rotate(-4deg)}
  50%{transform:rotate(4deg)}
}
@media (prefers-reduced-motion:reduce){
  .wheat-decor{animation:none}
}