/*
 * Kerala accents — sitewide.
 *
 * Deliberately small: no palette change, no layout change, nothing on the
 * product cards. The character lives in the chrome (announcement bar, footer)
 * and in the moments a page would otherwise be blank (empty cart, no results),
 * so a nilavilakku and a 4K monitor still sit happily in the same grid.
 */

:root {
  /* Kasavu gold, used only as a rule and for Malayalam lines. Never as an
     accent colour competing with the theme's coral. */
  --kasavu-gold: #c9a227;
  --kasavu-pale: #f4e4b8;
  --malayalam: "Noto Sans Malayalam", "Manrope", sans-serif;
}

/* --- The kasavu rule ------------------------------------------------------
 * The gold selvedge of a Kerala mundu, drawn as a 3px border. It caps the
 * announcement bar and the footer, so the page opens and closes on it.
 */
.kasavu-rule {
  height: 3px;
  background: linear-gradient(
    90deg,
    var(--kasavu-gold) 0 20%,
    var(--kasavu-pale) 20% 24%,
    var(--kasavu-gold) 24% 76%,
    var(--kasavu-pale) 76% 80%,
    var(--kasavu-gold) 80%
  );
}

/* --- Announcement bar ----------------------------------------------------- */

.storefront-body .market-status .greeting {
  font-family: var(--malayalam);
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1;
  text-transform: none;
}
.announcement-inner > a .onam-tag {
  color: var(--kasavu-gold);
  font-weight: 800;
}

/* --- Footer sign-off ------------------------------------------------------ */

.footer-malayalam {
  margin: .55rem 0 0;
  color: var(--kasavu-gold);
  font-family: var(--malayalam);
  font-size: .92rem;
  font-weight: 600;
  line-height: 1.5;
}

/* --- Onam entry in the discovery dock ------------------------------------- */

.category-nav .dock-onam {
  color: var(--kasavu-gold);
  font-weight: 800;
}
.category-nav .dock-onam::before {
  display: inline-block;
  margin-right: .3rem;
  content: "◈";
  font-size: .72em;
  vertical-align: .04em;
}

/* --- Empty states ---------------------------------------------------------
 * The one place a face earns its keep without ever competing with a product:
 * screens that would otherwise be a shrug and an asterisk.
 */
.empty-mark {
  display: block;
  width: 6.5rem;
  height: auto;
  margin: 0 auto .35rem;
}
.drawer-empty .empty-mark { width: 5.75rem; }
.store-empty .empty-mark { width: 6rem; }

/* The generic glyph these replace. */
.drawer-empty .empty-flower,
.store-empty .empty-flower { display: none; }

@media (prefers-reduced-motion: reduce) {
  .empty-mark { animation: none; }
}

/* --- Kathakali badge ------------------------------------------------------
 * The mark sits on cream rather than the theme's coral beam: the crown is
 * already orange, and orange-on-coral would lose the silhouette.
 */
.storefront-body .logo-mark.kathakali-badge {
  background: #fff3e0;
  box-shadow: 0 8px 20px rgba(201, 162, 39, .26);
}
.storefront-body .logo-mark.kathakali-badge img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.storefront-body .logo-mark.kathakali-badge::before,
.storefront-body .logo-mark.kathakali-badge i { display: none; }
.storefront-body .footer-logo .logo-mark.kathakali-badge {
  background: rgba(255, 243, 224, .1);
  box-shadow: none;
}

/* --- Bilingual section eyebrows -------------------------------------------
 * Malayalam sits beside the English kicker, not instead of it.
 */
.eyebrow-ml {
  margin-left: .5rem;
  padding-left: .55rem;
  border-left: 1px solid rgba(201, 162, 39, .5);
  color: var(--kasavu-gold);
  font-family: var(--malayalam);
  font-size: .78rem;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  vertical-align: -.04em;
}

/* --- Kasavu section divider ----------------------------------------------- */

.kasavu-divider {
  height: 2px;
  margin-block: clamp(1.4rem, 3vw, 2.4rem);
  background: linear-gradient(
    90deg,
    transparent 0 6%,
    var(--kasavu-gold) 6% 46%,
    var(--kasavu-pale) 46% 54%,
    var(--kasavu-gold) 54% 94%,
    transparent 94%
  );
  opacity: .55;
}

/* --- Pookalam ring on department cards ------------------------------------
 * A double ring around the existing round thumbnails: white, then gold.
 * Nothing else about the card changes.
 */
.home-shopping-grid a > span {
  position: relative;
}
.home-shopping-grid a > span::after {
  position: absolute;
  z-index: 2;
  inset: 0;
  border-radius: inherit;
  box-shadow:
    inset 0 0 0 2px #fff,
    inset 0 0 0 3.5px rgba(201, 162, 39, .85);
  content: "";
  pointer-events: none;
}

/* --- Kerala promise band --------------------------------------------------- */

.promise-band span { font-variant-numeric: normal; }