/**
 * Vinxx “FPV-style” skin — dark tube layout with hot-pink accent (inspired by common
 * free-tube patterns; reference site is not directly scrapable behind Cloudflare).
 * Requires: html.theme-flat.theme-flat-fpv (see include_header_general.tpl).
 * Load after flat-theme.css and video-list-card-premium.css.
 */

html.theme-flat.theme-flat-fpv {
  --flat-accent: #ff1876;
  --flat-accent-hover: #ff4d94;
  --flat-accent-soft: rgba(255, 24, 118, 0.14);
  --flat-bg-page: #070708;
  --flat-bg-elevated: rgba(18, 18, 22, 0.92);
  --flat-surface: #121215;
  --flat-border: #2a2a32;
  --flat-border-strong: #3d3d48;
  --flat-text: #f4f4f5;
  --flat-text-muted: #a1a1aa;
  --flat-chip: #1c1c21;
  --flat-shadow-sm: 0 1px 0 rgba(255, 255, 255, 0.04) inset;
  --flat-shadow-md: 0 12px 40px rgba(0, 0, 0, 0.55);
  --flat-shadow-nav: 0 4px 24px rgba(0, 0, 0, 0.45);
  --flat-content-max: 1400px;
}

html.theme-flat.theme-flat-fpv {
  background: var(--flat-bg-page) !important;
}

html.theme-flat.theme-flat-fpv body {
  color: var(--flat-text);
}

html.theme-flat.theme-flat-fpv .no-touch a:hover {
  color: var(--flat-accent-hover);
}

/* Top strip */
html.theme-flat.theme-flat-fpv .top-links {
  background: #050506 !important;
  border-bottom: 1px solid #1f1f24 !important;
  box-shadow: none;
}

html.theme-flat.theme-flat-fpv .member-links a {
  color: #d4d4d8 !important;
}

html.theme-flat.theme-flat-fpv .no-touch .member-links a:hover {
  color: #fff !important;
  background: var(--flat-accent-soft);
}

/* Header */
html.theme-flat.theme-flat-fpv .header {
  background: var(--flat-bg-elevated);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid #1a1a1f;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35);
}

html.theme-flat.theme-flat-fpv .search form {
  background: #0e0e11 !important;
  border: 1px solid #2e2e36 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

html.theme-flat.theme-flat-fpv .search .search-text input {
  background: transparent !important;
  color: #fafafa !important;
}

html.theme-flat.theme-flat-fpv .search-text input::placeholder {
  color: #71717a !important;
}

html.theme-flat.theme-flat-fpv .search .search-button {
  background-color: var(--flat-accent) !important;
  border-radius: 0 999px 999px 0 !important;
}

html.theme-flat.theme-flat-fpv .no-touch .search .search-button:hover {
  background-color: var(--flat-accent-hover) !important;
}

html.theme-flat.theme-flat-fpv .logo .logo-word {
  color: #fff !important;
  border-bottom-color: var(--flat-accent) !important;
}

/* Nav */
html.theme-flat.theme-flat-fpv .header + nav {
  background: #0c0c0f;
  border-bottom: 1px solid #1f1f26;
  box-shadow: none;
}

html.theme-flat.theme-flat-fpv .navigation .primary a {
  color: #e4e4e7 !important;
}

html.theme-flat.theme-flat-fpv .navigation .primary a:before {
  background-color: var(--flat-accent) !important;
}

html.theme-flat.theme-flat-fpv .no-touch .navigation .primary a:hover {
  color: #fff !important;
}

html.theme-flat.theme-flat-fpv .navigation .primary .selected a {
  color: var(--flat-accent-hover) !important;
}

html.theme-flat.theme-flat-fpv .navigation .primary .drop > a {
  background-color: #18181c !important;
  color: #fafafa !important;
}

html.theme-flat.theme-flat-fpv .navigation .primary .drop > a:before {
  color: var(--flat-accent) !important;
}

html.theme-flat.theme-flat-fpv .navigation .primary .drop:hover > a {
  background: linear-gradient(135deg, #ff1876 0%, #c026d3 100%) !important;
  color: #fff !important;
}

html.theme-flat.theme-flat-fpv .navigation .primary .drop:hover > a:before {
  color: #fff !important;
}

html.theme-flat.theme-flat-fpv .navigation .primary ul {
  background: #141418 !important;
  border: 1px solid #2a2a32 !important;
}

html.theme-flat.theme-flat-fpv .navigation .primary .drop ul li a {
  background-color: transparent !important;
  color: #e4e4e7 !important;
}

html.theme-flat.theme-flat-fpv .no-touch .navigation .primary ul li a:hover {
  background-color: var(--flat-accent-soft) !important;
  color: var(--flat-accent-hover) !important;
}

html.theme-flat.theme-flat-fpv .navigation .secondary a {
  color: #a1a1aa !important;
}

html.theme-flat.theme-flat-fpv .navigation .secondary a:before {
  background-color: var(--flat-accent) !important;
}

html.theme-flat.theme-flat-fpv .no-touch .navigation .secondary a:hover {
  color: var(--flat-accent-hover) !important;
}

html.theme-flat.theme-flat-fpv .navigation .button .ico-bar {
  background: #fafafa;
}

html.theme-flat.theme-flat-fpv .navigation.open .button .ico-bar {
  background: var(--flat-accent);
}

/* Titles */
html.theme-flat.theme-flat-fpv h1,
html.theme-flat.theme-flat-fpv h2 {
  color: #fafafa !important;
  font-weight: 800;
  letter-spacing: -0.03em;
}

html.theme-flat.theme-flat-fpv .headline {
  border-bottom-color: #27272f;
}

html.theme-flat.theme-flat-fpv .no-touch .headline .more:hover,
html.theme-flat.theme-flat-fpv .no-touch .headline .button:hover {
  background: var(--flat-accent) !important;
  color: #fff !important;
}

/* Sidebar */
html.theme-flat.theme-flat-fpv .sidebar {
  background: #101014 !important;
  border-color: #25252d !important;
  box-shadow: var(--flat-shadow-md) !important;
}

html.theme-flat.theme-flat-fpv .sidebar h2 {
  color: #fafafa !important;
}

html.theme-flat.theme-flat-fpv .sidebar .list a {
  color: #d4d4d8 !important;
}

html.theme-flat.theme-flat-fpv .no-touch .sidebar .list a:hover {
  background: var(--flat-accent-soft) !important;
  color: var(--flat-accent-hover) !important;
}

html.theme-flat.theme-flat-fpv .sidebar .comments li {
  border-bottom-color: #27272f;
}

/* Footer */
html.theme-flat.theme-flat-fpv .footer {
  background: #030304;
  border-top: 1px solid #1f1f26;
}

html.theme-flat.theme-flat-fpv .footer .footer-wrap {
  color: #a1a1aa;
}

html.theme-flat.theme-flat-fpv .no-touch .footer .nav a:hover {
  background: var(--flat-accent) !important;
}

/* Sort / pagination */
html.theme-flat.theme-flat-fpv .sort {
  background: #141418 !important;
  border-color: #35353f !important;
  color: #e4e4e7 !important;
}

html.theme-flat.theme-flat-fpv .sort ul {
  background: #141418 !important;
}

html.theme-flat.theme-flat-fpv .pagination a {
  background: #141418 !important;
  border-color: #2e2e36 !important;
  color: #e4e4e7 !important;
}

html.theme-flat.theme-flat-fpv .no-touch .pagination a:hover {
  border-color: var(--flat-accent) !important;
  color: var(--flat-accent-hover) !important;
}

/* Other list tiles */
html.theme-flat.theme-flat-fpv .list-playlists .item,
html.theme-flat.theme-flat-fpv .list-models .item,
html.theme-flat.theme-flat-fpv .list-sponsors .item,
html.theme-flat.theme-flat-fpv .list-channels .item,
html.theme-flat.theme-flat-fpv .list-categories .item,
html.theme-flat.theme-flat-fpv .list-albums .item,
html.theme-flat.theme-flat-fpv .list-albums-images .item {
  background: #121215 !important;
  border-color: #2a2a32 !important;
}

html.theme-flat.theme-flat-fpv .no-touch .list-playlists .item:hover,
html.theme-flat.theme-flat-fpv .no-touch .list-models .item:hover,
html.theme-flat.theme-flat-fpv .no-touch .list-channels .item:hover,
html.theme-flat.theme-flat-fpv .no-touch .list-albums .item:hover {
  border-color: rgba(255, 24, 118, 0.55) !important;
  box-shadow: 0 0 0 1px rgba(255, 24, 118, 0.2), var(--flat-shadow-md) !important;
}

/* ----- Video cards (override premium layer) ----- */

html.theme-flat.theme-flat-fpv .list-videos .item,
html.theme-flat.theme-flat-fpv .list-videos-screenshots .item {
  background: #101014 !important;
  border: 1px solid #25252d !important;
  border-radius: 4px !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4) !important;
}

html.theme-flat.theme-flat-fpv .no-touch .list-videos .item:hover {
  border-color: rgba(255, 24, 118, 0.65) !important;
  box-shadow:
    0 0 0 1px rgba(255, 24, 118, 0.15),
    0 16px 40px rgba(0, 0, 0, 0.55) !important;
  transform: translateY(-2px);
}

html.theme-flat.theme-flat-fpv .list-videos .img,
html.theme-flat.theme-flat-fpv .list-videos-screenshots .img {
  background-color: #050506 !important;
}

html.theme-flat.theme-flat-fpv .list-videos .item .title {
  color: #fafafa !important;
  font-weight: 700 !important;
}

html.theme-flat.theme-flat-fpv .no-touch .list-videos .item:hover .title {
  color: var(--flat-accent-hover) !important;
}

html.theme-flat.theme-flat-fpv .list-videos .wrap-card-meta {
  color: #a1a1aa !important;
}

html.theme-flat.theme-flat-fpv .list-videos .wrap-card-meta a {
  color: #d4d4d8 !important;
}

html.theme-flat.theme-flat-fpv .list-videos .meta-channel::before {
  color: var(--flat-accent) !important;
}

html.theme-flat.theme-flat-fpv .list-videos .wrap-card-stats .rating {
  color: #22c55e !important;
}

html.theme-flat.theme-flat-fpv .list-videos .wrap-card-stats .rating.negative {
  color: #f87171 !important;
}

html.theme-flat.theme-flat-fpv .list-videos .wrap-card-stats .views {
  color: #a1a1aa !important;
}

html.theme-flat.theme-flat-fpv .list-videos .thumb-duration {
  background: rgba(0, 0, 0, 0.82);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

/* HD: keep 4K yellow pop; HD tier subtle */
html.theme-flat.theme-flat-fpv .list-videos .is-hd.is-4k,
html.theme-flat.theme-flat-fpv .list-videos .is-hd.is-8k,
html.theme-flat.theme-flat-fpv .list-videos .is-hd[class*="k"] {
  background: #facc15 !important;
  color: #171717 !important;
}

html.theme-flat.theme-flat-fpv .list-videos .is-hd:not([class*="k"]) {
  background: #27272f !important;
  color: #fafafa !important;
}

html.theme-flat.theme-flat-fpv .item-control {
  background: #141418 !important;
  border-top-color: #2a2a32 !important;
}

/* Kill leftover “metal” blue glows on focus */
html.theme-flat.theme-flat-fpv a:focus-visible,
html.theme-flat.theme-flat-fpv button:focus-visible,
html.theme-flat.theme-flat-fpv input:focus-visible,
html.theme-flat.theme-flat-fpv select:focus-visible {
  outline-color: var(--flat-accent);
}