/* ── ETHIOPIAN DECORATIVE ELEMENTS ──────────────────────────────── */

/* Ethiopian flag top bar */
.eth-bar{
  position:fixed;top:0;left:0;width:100%;height:3px;
  z-index:100000;pointer-events:none;
  background:linear-gradient(90deg,
    #078930 0 33.333%,
    #FCD116 33.333% 66.666%,
    #DA121A 66.666% 100%
  );
}

/* ── Keyframes ── */
@keyframes eth-float{
  0%,100%{transform:translateY(0) rotate(0deg);opacity:.07}
  40%    {transform:translateY(-13px) rotate(8deg);opacity:.14}
  70%    {transform:translateY(6px)  rotate(-5deg);opacity:.06}
}
@keyframes eth-pulse{
  0%,100%{opacity:.05;transform:scale(1)    rotate(0deg)}
  50%    {opacity:.13;transform:scale(1.08) rotate(6deg)}
}
@keyframes eth-spin-slow{
  from{transform:translate(-50%,-50%) rotate(0deg)}
  to  {transform:translate(-50%,-50%) rotate(360deg)}
}
@keyframes eth-flower-sway{
  0%,100%{transform:rotate(-6deg) scale(1);opacity:.08}
  50%    {transform:rotate(6deg)  scale(1.06);opacity:.15}
}

/* ── Ethiopian cross decorations ── */
.eth-cross{
  position:fixed;pointer-events:none;z-index:1;
  color:#FCD116;
}
.eth-cross svg{display:block;width:100%;height:auto}

.eth-cross--tl{
  top:60px;left:14px;width:68px;
  animation:eth-float 11s ease-in-out infinite;
}
.eth-cross--tr{
  top:72px;right:14px;width:50px;
  animation:eth-pulse 9s ease-in-out infinite;
  animation-delay:-3s;
}
.eth-cross--br{
  bottom:36px;right:14px;width:62px;
  animation:eth-float 13s ease-in-out infinite;
  animation-delay:-6s;
}
.eth-cross--bl{
  bottom:50px;left:14px;width:46px;
  animation:eth-pulse 10s ease-in-out infinite;
  animation-delay:-8s;
}

/* ── Adey Abeba / Meskel flower ── */
.eth-flower{
  position:fixed;pointer-events:none;z-index:1;
  color:#FCD116;
}
.eth-flower svg{display:block;width:100%;height:auto}
.eth-flower--tr{
  top:62px;right:14px;width:58px;
  animation:eth-flower-sway 13s ease-in-out infinite;
  animation-delay:-5s;
}
.eth-flower--bl{
  bottom:62px;left:14px;width:50px;
  animation:eth-flower-sway 15s ease-in-out infinite;
  animation-delay:-9s;
}

/* ── Large centered watermark (policy pages) ── */
.eth-watermark{
  position:fixed;top:50%;left:50%;
  width:min(300px,65vw);
  pointer-events:none;z-index:0;
  color:#FCD116;opacity:.028;
  animation:eth-spin-slow 100s linear infinite;
}
.eth-watermark svg{display:block;width:100%;height:auto}

/* ── Mobile: hide extra decorations on narrow screens ── */
@media(max-width:380px){
  .eth-cross--tr,.eth-cross--bl,
  .eth-flower--tr,.eth-flower--bl{display:none}
}