/* Production fixes on top of the unchanged design CSS (enesai.css = bundle.css).
   Keep this file tiny; every rule documents why it exists. */

/* The design sets display on many components, which defeats the HTML [hidden] attribute
   (e.g. dismissed announcement cards, the max-quantity note, language panes). */
[hidden] { display: none !important; }

/* Focus ring for links/buttons that became anchors in the Flask port (rail items, chips,
   invoice list items) — same gold focus colour as the design tokens. */
a.ea-rail__item:focus-visible, a.ea-chip:focus-visible, a.ea-invlist__item:focus-visible, a.ea-tab:focus-visible {
  outline: 3px solid var(--focus); outline-offset: 2px;
}

/* Admin: product without photo (placeholder tile in tables). */
.ea-tprod__ph { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 10px; background: var(--paper); color: var(--gray-600); flex: none; }
.ea-pcard__noimg { display: grid; place-items: center; width: 100%; height: 100%; color: var(--gray-400); }

@media (prefers-reduced-motion: reduce) {
  .ea-wablock, .ea-btn--whatsapp, .ea-reveal, .ea-confirm__mark * { animation: none !important; }
}

/* Hero photo = storefront with the ENES’AI sign at the top (client photo, Oct 2026):
   anchor the crop to the top so the sign is never cut, and on phones move the round
   badge to the dark wall on the left so it does not cover “AI”. */
.ea-hero__media img { object-position: 50% 12%; }
@container site (max-width: 599px) {
  .ea-hero__media img { object-position: 50% 20%; }
  .ea-hero__badge { right: auto; left: 8px; top: 8px; width: 74px; height: 74px; font-size: 8px; padding: 5px; }
}

/* 20 main categories (Oct 2026): at 7 per row the last row has 6 cards, so a
   “Të gjitha kategoritë” tile (design class .ea-catcard--more) fills the 7th slot.
   Only shown where the grid has 7 columns; 5 and 4 columns and the phone swipe divide 20 evenly. */
.ea-catcard--fill7 { display: none; }
@container site (min-width: 1180px) { .ea-catgrid > .ea-catcard--fill7 { display: flex; } }

/* Bot trap (honeypot): invisible to people and screen readers, filled in by form-spamming scripts. */
.ea-hp { position: absolute !important; left: -10000px !important; top: auto; width: 1px; height: 1px; overflow: hidden; }
/* Admin: menuja e zezë qëndron në vend dhe lëviz vetë, e pavarur nga faqja */
.ea-aside { height: 100vh; min-height: 0; }
.ea-aside__nav { min-height: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #2c2c2c transparent; }
/* Cilësimet: lista e seksioneve qëndron pranë formularit dhe lëviz vetë */
.ea-settings__nav { max-height: calc(100vh - 104px); overflow-y: auto; overscroll-behavior: contain; }