/* v5.37 — poster text plain font, no lines; line above categories; smaller search, no empty search.
   v5.35 — Plain category text (no line/background), search: no cancel, blur backdrop + top slide, download buttons like the reference page. */

/* ---------- 1. Categories: text only. No line, no background, no focus ring, even on click ---------- */
html body .lm-chips > a.lm-chip,
html body .lm-chips > a.lm-chip:nth-child(n),
html body .lm-chips > a.lm-chip:hover,
html body .lm-chips > a.lm-chip:focus,
html body .lm-chips > a.lm-chip.is-active {
  background: transparent !important; border: 0 !important; border-radius: 0 !important;
  box-shadow: none !important; outline: none !important; text-decoration: none !important;
  transform: none !important; filter: none !important; animation: none !important;
  padding: 8px 6px !important; min-height: 0 !important;
}
html body .lm-chips > a.lm-chip::before,
html body .lm-chips > a.lm-chip::after { content: none !important; display: none !important; }
html body .lm-chips > a.lm-chip:hover,
html body .lm-chips > a.lm-chip:focus-visible,
html body .lm-chips > a.lm-chip.is-active { color: var(--brand-gold) !important; }
html.lm-light body .lm-chips > a.lm-chip:hover,
html.lm-light body .lm-chips > a.lm-chip:focus-visible,
html.lm-light body .lm-chips > a.lm-chip.is-active { color: var(--brand-deep) !important; }
html body .lm-chips > a.lm-chip:not(.is-active) { color: var(--text) !important; }

/* the category box itself: no background or border either */
html body .lm-cat-panel-inner {
  background: transparent !important; border: 0 !important; box-shadow: none !important;
}
html body .lm-cat-toggle, html body .lm-cat-toggle:focus, html body .lm-cat-toggle:focus-visible {
  outline: none !important; box-shadow: none !important; border: 0 !important;
}

/* poster titles: never underlined or lined by category/link states */
html body .lm-featured-content h2 a, html body .lm-featured-content h2 a:hover, html body .lm-featured-content h2 a:focus {
  text-decoration: none !important; border: 0 !important; box-shadow: none !important;
}

/* ---------- 2. Search: no cancel button, blurred site behind, drops in from the top centre ---------- */
html body .lm-search-close { display: none !important; }
html body .lm-search-panel .lm-tools { grid-template-columns: minmax(0, 1fr) !important; }

html body .lm-search-backdrop {
  background: oklch(0 0 0 / .4) !important;
  backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important;
  transition: opacity .35s ease, visibility .35s !important;
}
html.lm-light body .lm-search-backdrop { background: oklch(1 0 0 / .4) !important; }

html body .lm-search-panel {
  transform: translate3d(0, -26px, 0) !important; opacity: 0;
  transition: transform .4s cubic-bezier(.22, 1, .36, 1), opacity .3s ease, visibility .4s !important;
}
html body .lm-search-panel.is-open {
  transform: translate3d(0, -6px, 0) !important; opacity: 1; visibility: visible;
  transition: transform .4s cubic-bezier(.22, 1, .36, 1), opacity .3s ease, visibility 0s !important;
}

/* ---------- 3. Movie page download blocks: quality line centred, teal button centred below ---------- */
html body .lm-content p:has(> a.lm-dl-btn),
html body .lm-content p:has(+ p > a.lm-dl-btn),
html body .lm-content p:has(+ a.lm-dl-btn),
html body .lm-content .lm-dl-wrap { text-align: center !important; }

html body .lm-content p:has(+ p > a.lm-dl-btn),
html body .lm-content p:has(+ a.lm-dl-btn) {
  color: var(--text); font-size: 18px; line-height: 1.5; margin: 0 0 8px !important;
}

html body .lm-content a.lm-dl-btn,
html body .lm-content .lm-dl-btn {
  display: flex !important; align-items: center !important; justify-content: center !important;
  box-sizing: border-box; width: min(100%, 280px) !important; min-height: 46px !important;
  margin: 0 auto 26px !important; padding: 10px 22px !important;
  border: 1px solid rgba(255, 255, 255, .55) !important; border-radius: 4px !important;
  background: #0a9e8c !important; color: #fff !important;
  font-size: 19px !important; font-weight: 400 !important; line-height: 1.2 !important;
  letter-spacing: 0 !important; text-transform: none !important; text-decoration: none !important;
  box-shadow: none !important; transform: none !important; animation: none !important;
}
html body .lm-content a.lm-dl-btn:hover, html body .lm-content .lm-dl-btn:hover {
  background: #0cb29f !important; color: #fff !important; transform: none !important;
}
html body .lm-content a.lm-dl-btn::before, html body .lm-content a.lm-dl-btn::after,
html body .lm-content .lm-dl-btn::before, html body .lm-content .lm-dl-btn::after { content: none !important; display: none !important; }
@media (max-width: 767px) {
  html body .lm-content a.lm-dl-btn, html body .lm-content .lm-dl-btn { font-size: 17px !important; width: min(100%, 260px) !important; }
}

/* ===================== v5.36 ===================== */
/* 1. Category font follows the theme brand font + a line under the category row */
html body .lm-chips > a.lm-chip {
  font-family: "LM Outfit", "Avenir Next", "Segoe UI", sans-serif !important;
  font-weight: 800 !important; font-size: 15px !important; letter-spacing: .03em !important;
  -webkit-tap-highlight-color: transparent;
  transition: color .25s ease !important;
}
html body .lm-chips {
  position: relative; padding-bottom: 10px !important; margin-bottom: 14px !important;
}
html body .lm-chips::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; border-radius: 2px;
  background: linear-gradient(90deg, transparent, var(--brand-gold) 20%, var(--brand-deep) 50%, var(--brand-gold) 80%, transparent);
  opacity: .85;
}

/* 2. Search bar: new pill design + animation */
html body .lm-search-panel .lm-search {
  display: flex !important; align-items: center !important; gap: 8px !important;
  padding: 6px 6px 6px 46px !important; border-radius: 999px !important;
  background: color-mix(in oklab, var(--text) 6%, transparent) !important;
  border: 1.5px solid color-mix(in oklab, var(--brand-gold) 45%, transparent) !important;
  box-shadow: 0 10px 30px -12px oklch(0 0 0 / .6) !important;
  position: relative; overflow: hidden;
  transition: border-color .3s ease, box-shadow .3s ease, transform .3s ease !important;
}
html body .lm-search-panel .lm-search::before {
  content: ""; position: absolute; left: 16px; top: 50%; width: 20px; height: 20px; transform: translateY(-50%);
  background: var(--brand-gold);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m16 16 5 5'/%3E%3C/svg%3E") center/contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m16 16 5 5'/%3E%3C/svg%3E") center/contain no-repeat;
}
html body .lm-search-panel .lm-search::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(110deg, transparent 30%, color-mix(in oklab, var(--brand-gold) 22%, transparent) 50%, transparent 70%);
  transform: translateX(-100%);
}
html body .lm-search-panel.is-open .lm-search { animation: lmSearchPop .55s cubic-bezier(.22,1,.36,1) both; }
html body .lm-search-panel.is-open .lm-search::after { animation: lmSearchShine 1.1s .25s ease both; }
html body .lm-search-panel.is-open .lm-search button[type="submit"] { animation: lmSearchBtn .5s .2s cubic-bezier(.22,1,.36,1) both; }
html body .lm-search-panel .lm-search:focus-within {
  border-color: var(--brand-gold) !important; transform: scale(1.015);
  box-shadow: 0 0 0 4px color-mix(in oklab, var(--brand-gold) 22%, transparent), 0 14px 34px -12px oklch(0 0 0 / .7) !important;
}
html body .lm-search-panel .lm-search input[type="search"] {
  flex: 1; min-width: 0; background: transparent !important; border: 0 !important; outline: none !important;
  box-shadow: none !important; color: var(--text) !important; font-size: 16px !important; padding: 10px 4px !important;
}
html body .lm-search-panel .lm-search input::placeholder { color: color-mix(in oklab, var(--text) 55%, transparent); }
html body .lm-search-panel .lm-search button[type="submit"] {
  border: 0 !important; border-radius: 999px !important; padding: 11px 22px !important;
  background: linear-gradient(135deg, var(--brand-gold), var(--brand-deep)) !important; color: #1a1000 !important;
  font-weight: 700 !important; cursor: pointer; transition: transform .2s ease, filter .2s ease !important;
}
html body .lm-search-panel .lm-search button[type="submit"]:hover { transform: translateX(2px); filter: brightness(1.08); }
html.lm-light body .lm-search-panel .lm-search { background: oklch(1 0 0 / .9) !important; border-color: color-mix(in oklab, var(--brand-deep) 45%, transparent) !important; }
@keyframes lmSearchPop { from { opacity: 0; transform: translateY(-14px) scale(.94); } to { opacity: 1; transform: none; } }
@keyframes lmSearchShine { to { transform: translateX(100%); } }
@keyframes lmSearchBtn { from { opacity: 0; transform: translateX(14px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
  html body .lm-search-panel .lm-search, html body .lm-search-panel .lm-search::after,
  html body .lm-search-panel .lm-search button[type="submit"] { animation: none !important; }
}

/* 3. Poster title: original plain text (no theme display font), no line/outline when clicked */
html body .lm-featured-content h2, html body .lm-featured-content h2 a {
  font-family: inherit !important; letter-spacing: 0 !important; font-weight: 700 !important;
}
html body .lm-featured-content h2 a, html body .lm-featured-content h2 a:hover,
html body .lm-featured-content h2 a:focus, html body .lm-featured-content h2 a:focus-visible,
html body .lm-featured-content h2 a:active, html body .lm-featured-content h2 a:visited,
html body .lm-featured a, html body .lm-featured a:focus, html body .lm-featured a:active {
  text-decoration: none !important; outline: none !important; box-shadow: none !important;
  border: 0 !important; -webkit-tap-highlight-color: transparent !important;
}
html body .lm-featured-content h2 a::before, html body .lm-featured-content h2 a::after { content: none !important; display: none !important; }


/* ===================== v5.37 ===================== */
/* 1. Poster (movie card) text: plain original system font, never CMU / display font */
html body .lm-card .lm-card-title, html body .lm-card .lm-card-title *,
html body .lm-card .lm-card-body, html body .lm-card .lm-card-body *,
html body .lm-card .lm-rating-badge, html body .lm-card .lm-release-badge, html body .lm-card .lm-pin-badge,
html body .lm-featured-content h2, html body .lm-featured-content h2 a {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  letter-spacing: 0 !important; text-shadow: none !important;
}
html body .lm-card .lm-card-title { font-weight: 600 !important; line-height: 1.4 !important; }

/* 2. No line / outline / frame anywhere on poster text or poster, on click, focus or tap (non-TV) */
html:not(.lm-tv) body .lm-card a, html:not(.lm-tv) body .lm-card a:focus,
html:not(.lm-tv) body .lm-card a:focus-visible, html:not(.lm-tv) body .lm-card a:active,
html:not(.lm-tv) body .lm-card a:hover, html:not(.lm-tv) body .lm-card a:visited,
html:not(.lm-tv) body .lm-featured a, html:not(.lm-tv) body .lm-featured a:focus,
html:not(.lm-tv) body .lm-featured a:focus-visible, html:not(.lm-tv) body .lm-featured a:active {
  outline: 0 !important; outline-offset: 0 !important; text-decoration: none !important;
  -webkit-tap-highlight-color: transparent !important;
}
html:not(.lm-tv) body .lm-card .lm-card-title, html:not(.lm-tv) body .lm-card .lm-card-title:focus,
html:not(.lm-tv) body .lm-card .lm-card-title:active, html:not(.lm-tv) body .lm-card .lm-card-title:focus-visible,
html:not(.lm-tv) body .lm-card .lm-card-body, html:not(.lm-tv) body .lm-card:focus-within .lm-card-body {
  border: 0 !important; box-shadow: none !important; outline: 0 !important;
}
html:not(.lm-tv) body .lm-card .lm-card-title::before, html:not(.lm-tv) body .lm-card .lm-card-title::after,
html:not(.lm-tv) body .lm-card .lm-card-body::before, html:not(.lm-tv) body .lm-card .lm-card-body::after { content: none !important; display: none !important; }
html:not(.lm-tv) body .lm-card:focus-within { outline: 0 !important; }

/* 3. Categories: clear readable font, line ABOVE the categories (not below) */
html body .lm-chips > a.lm-chip, html body .lm-chips > a.lm-chip * {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-weight: 600 !important; font-size: 14.5px !important; letter-spacing: .01em !important;
  text-shadow: none !important; filter: none !important;
}
html body .lm-chips { padding-bottom: 0 !important; margin-bottom: 10px !important; padding-top: 14px !important; }
html body .lm-chips::after { content: none !important; display: none !important; }
html body .lm-chips::before {
  content: "" !important; display: block !important; position: absolute; left: 0; right: 0; top: 0; height: 2px; border-radius: 2px;
  background: linear-gradient(90deg, transparent, var(--brand-gold) 20%, var(--brand-deep) 50%, var(--brand-gold) 80%, transparent);
  opacity: .9; pointer-events: none;
}
html:not(.lm-tv) body .lm-chips > a.lm-chip:focus { outline: 0 !important; }

/* 4. Search: smaller bar, tidy button */
html body .lm-search-panel .lm-tools { max-width: 480px !important; width: calc(100% - 32px) !important; margin: 0 auto !important; }
html body .lm-search-panel .lm-search {
  padding: 4px 4px 4px 38px !important; gap: 6px !important; min-height: 0 !important;
}
html body .lm-search-panel .lm-search::before { left: 13px; width: 16px; height: 16px; }
html body .lm-search-panel .lm-search:focus-within { transform: scale(1.01); }
html body .lm-search-panel .lm-search input[type="search"] {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-size: 14px !important; padding: 7px 2px !important; height: 34px !important; line-height: 1.2 !important;
}
html:not(.lm-tv) body .lm-search-panel .lm-search input:focus { outline: 0 !important; box-shadow: none !important; }
html body .lm-search-panel .lm-search button[type="submit"] {
  flex: 0 0 auto !important; width: auto !important; height: 34px !important; min-height: 0 !important;
  margin: 0 !important; padding: 0 16px !important; line-height: 34px !important;
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-size: 13px !important; font-weight: 700 !important; white-space: nowrap !important; letter-spacing: .02em !important;
  box-shadow: none !important; position: relative; z-index: 1;
}
html:not(.lm-tv) body .lm-search-panel .lm-search button[type="submit"]:focus { outline: 0 !important; }
html body .lm-search-panel .lm-search button[type="submit"][disabled] { opacity: .55 !important; cursor: not-allowed !important; filter: grayscale(.3); transform: none !important; }
@media (max-width: 480px) {
  html body .lm-search-panel .lm-search button[type="submit"] { padding: 0 12px !important; font-size: 12px !important; }
}

/* ===================== v5.38 — search fix ===================== */
/* Lamba search box */
html body .lm-search-panel .lm-tools { max-width: 760px !important; width: calc(100% - 24px) !important; }
html body .lm-search-panel .lm-search-wrap { position: relative; width: 100%; min-width: 0; }
html body .lm-search-panel .lm-search { max-width: none !important; width: 100% !important; }
html body .lm-search-panel .lm-search input[type="search"] { height: 42px !important; font-size: 15px !important; }
html body .lm-search-panel .lm-search button[type="submit"] { height: 42px !important; line-height: 42px !important; padding: 0 22px !important; }
/* Posters dropdown ab form ke bahar — kat-ta nahi */
html body .lm-search-panel .lm-search-wrap > .lm-live { top: calc(100% + 10px); left: 0; right: 0; z-index: 2000; }
html body .lm-search-panel.is-open { overflow: visible !important; }
html body .lm-search-panel .lm-search-panel-inner { overflow: visible !important; }
