/* Additions for the PHP version of the site (error pages, legal pages, form honeypot). */

/* Spam trap: invisible to people, tempting to bots */
.hp-field { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* Filter tabs are links now (server-rendered), so keep them looking like buttons */
a.filter-tab-btn { text-decoration: none; display: inline-flex; align-items: center; }
.search-box { margin: 0; }
.product-cat-card, .collection-card { cursor: pointer; }
.product-cat-card a, .collection-card a { text-decoration: none; }

/* Error + maintenance pages */
.error-page {
  min-height: 70vh;
  display: grid;
  place-items: center;
  text-align: center;
  padding: 120px 20px 80px;
}
.error-page .code { font-family: 'Outfit', sans-serif; font-size: 5rem; font-weight: 800; color: var(--primary, #d3122a); line-height: 1; }
.error-page h1 { font-size: 2rem; margin: 12px 0; }
.error-page p { max-width: 520px; margin: 0 auto 24px; color: var(--text-muted, #667085); }

/* Privacy / terms */
.prose { max-width: 780px; margin: 0 auto; line-height: 1.75; }
.prose h2 { font-size: 1.35rem; margin: 32px 0 10px; }
.prose ul { padding-left: 22px; margin: 10px 0; }
.prose li { margin: 6px 0; }
.prose .updated { color: var(--text-muted, #667085); font-size: 0.9rem; }
.footer-bottom-badge a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }

/* Brand tagline (Hindi) */
.hero-tagline, .brand-tagline { font-family: 'Noto Sans Devanagari', 'Outfit', sans-serif; font-weight: 600; }
.hero-tagline { font-size: clamp(1.25rem, 2.6vw, 1.75rem); color: #ff8a98; margin: 4px 0 14px; letter-spacing: 0.01em; }
.brand-tagline { font-size: 1.15rem; color: #ff8a98; margin: 12px 0 8px; }

/* Logo + tagline lockup (header) */
.brand-logo-link { display: inline-flex; align-items: center; gap: 14px; text-decoration: none; }
.logo-tagline {
  display: none;
  font-family: 'Noto Sans Devanagari', 'Outfit', sans-serif;
  font-weight: 600;
  font-size: 0.95rem;
  line-height: 1.25;
  color: var(--primary, #d3122a);
  padding-left: 14px;
  border-left: 2px solid rgba(211, 18, 42, 0.35);
  max-width: 150px;
  white-space: normal;
}
@media (min-width: 1360px) { .logo-tagline { display: block; } }