/*
 * Gupy redesign v2 — free contents landing (page-templates/free-v2.php).
 *
 * Same components as the Home v2; only the primary color changes: the green of the
 * free contents (--gv2-success, the Home v2 "free and legal streaming" banner).
 * Every rule is scoped under body.gv2-theme-free (body class added on that template
 * only, see vrd_redesign_body_class()): the file is loaded with the other v2 sheets.
 *
 * Most v2 rules read var(--vrd-primary*): redefining them here recolors the page,
 * header included. The few pink tones hard-coded as rgba() are overridden below.
 */

body.gv2-theme-free {
  --vrd-primary: #22c55e;
  --vrd-primary-dark: #16a34a;
  --vrd-primary-deep: #15803d;
  /* Members' star (ratings.css, brand pink): score pills, rating widgets. */
  --vrd-rt-star: #22c55e;
  --gv2-star: #22c55e;
}

/* Pink tints hard-coded in gupy-v2.css / gupy-v2-refiner.css */
body.gv2-theme-free .gv2-banner__cta--outline:hover {
  background: rgba(34, 197, 94, 0.12);
}

body.gv2-theme-free .gv2-banner__badge:not(.gv2-banner__badge--free) {
  background: rgba(34, 197, 94, 0.15);
}

body.gv2-theme-free .gv2-banner--gradient .gv2-banner__box {
  background: linear-gradient(120deg, #0f2a1c 0%, #14532d 60%, var(--vrd-primary) 100%);
}

body.gv2-theme-free .gv2-banner__orb {
  background: radial-gradient(circle at 30% 28%, rgba(34, 197, 94, 0.65), rgba(12, 24, 16, 0.95) 55%, #0b140e 100%);
  box-shadow: 0 0 18px rgba(34, 197, 94, 0.4), inset 0 0 10px rgba(0, 0, 0, 0.6);
}

/* Hero CTA: white text on the green reads poorly at small sizes, the dark green holds. */
body.gv2-theme-free a.gv2-hero__cta {
  background: var(--vrd-primary-dark);
}
body.gv2-theme-free a.gv2-hero__cta:hover {
  background: var(--vrd-primary-deep);
}

/* Score pills (posters, banners): their pink tint is hard-coded too. */
body.gv2-theme-free .gv2-poster-card__gupy-pill,
body.gv2-theme-free .gv2-banner__gupy-pill {
  background: rgba(34, 197, 94, 0.07);
  border-color: rgba(34, 197, 94, 0.22);
}

body.gv2-theme-free .gv2-rank-card {
  border-color: rgba(34, 197, 94, 0.35);
}

/* Filter bar (gupy-v2-refiner.css) */
body.gv2-theme-free .gv2-filter-bar__dropdown.has-value {
  border-color: rgba(34, 197, 94, 0.6);
}
body.gv2-theme-free .gv2-filter-bar .gv2-filter-bar__range-track input[type=range]:focus-visible::-webkit-slider-thumb {
  box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.45);
}
body.gv2-theme-free .gv2-filter-bar .gv2-filter-bar__range-track input[type=range]:focus-visible::-moz-range-thumb {
  box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.45);
}

/* Filter bar: the Offer filter is locked on "Free" (filter-bar.php, scope 'free'). */
body.gv2-theme-free .gv2-filter-bar__dropdown.is-locked .gv2-filter-bar__dropdown-value {
  color: var(--vrd-primary);
}
body.gv2-theme-free .gv2-filter-bar__chips--locked {
  align-items: center;
}
body.gv2-theme-free .gv2-filter-bar__chips--locked .gv2-filter-bar__chip[disabled] {
  cursor: default;
  opacity: 1;
}
body.gv2-theme-free .gv2-filter-bar__locked-note {
  color: var(--gv2-text-muted);
  font-size: 13px;
}