/* GO v96: restore Explore image fallback and standardize homepage arrow colors. */

:root {
  --go-v96-blue: #2817f1;
  --go-v96-blue-rgb: 40, 23, 241;
  --go-v96-lime: #c7f000;
  --go-v96-lime-rgb: 199, 240, 0;
}

/* Explore: never leave an anchor tile visually blank when a category has no thumbnail. */
body.home:not(.wp-admin) .go-ds-anchor-card,
body.single:not(.wp-admin) .go-v58-explore-card {
  background: #11131b !important;
}

body.home:not(.wp-admin) .go-ds-anchor-card .go-ds-anchor-media,
body.single:not(.wp-admin) .go-v58-explore-card .go-ds-anchor-media {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  background:
    radial-gradient(circle at 24% 18%, rgba(var(--go-v96-lime-rgb), 0.24), transparent 34%),
    linear-gradient(135deg, #191b25 0%, #080a11 100%) !important;
}

body.home:not(.wp-admin) .go-ds-anchor-card .go-ds-anchor-img,
body.single:not(.wp-admin) .go-v58-explore-card .go-ds-anchor-img {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.home:not(.wp-admin) .go-ds-anchor-card :is(.go-ds-anchor-img--fallback, .go-ds-card-img--fallback),
body.single:not(.wp-admin) .go-v58-explore-card :is(.go-ds-anchor-img--fallback, .go-ds-card-img--fallback) {
  background:
    radial-gradient(circle at 22% 18%, rgba(var(--go-v96-lime-rgb), 0.34), transparent 35%),
    radial-gradient(circle at 78% 76%, rgba(var(--go-v96-blue-rgb), 0.28), transparent 38%),
    linear-gradient(135deg, #1b1e2a 0%, #090b12 100%) !important;
}

/* Same visual treatment for every homepage carousel arrow, left and right. */
body.home:not(.wp-admin) :is(
  .go-ds-carousel-btn,
  .go-home-arrow,
  .swiper-button-prev,
  .swiper-button-next,
  .splide__arrow
) {
  width: 42px !important;
  height: 42px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(var(--go-v96-blue-rgb), 0.20) !important;
  background: rgba(255, 255, 255, 0.92) !important;
  color: var(--go-v96-blue) !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.10) !important;
  opacity: 1 !important;
  transition: transform 0.18s ease, background 0.18s ease, border-color 0.18s ease, color 0.18s ease !important;
}

body.home:not(.wp-admin) :is(
  .go-ds-carousel-btn--prev,
  .go-ds-carousel-btn--next,
  .go-home-arrow--prev,
  .go-home-arrow--next,
  .swiper-button-prev,
  .swiper-button-next,
  .splide__arrow--prev,
  .splide__arrow--next
) {
  border-color: rgba(var(--go-v96-blue-rgb), 0.20) !important;
  background: rgba(255, 255, 255, 0.92) !important;
  color: var(--go-v96-blue) !important;
}

body.home:not(.wp-admin) :is(
  .go-ds-carousel-btn,
  .go-home-arrow,
  .swiper-button-prev,
  .swiper-button-next,
  .splide__arrow
):is(:hover, :focus-visible) {
  border-color: rgba(var(--go-v96-blue-rgb), 0.36) !important;
  background: rgba(var(--go-v96-blue-rgb), 0.08) !important;
  color: var(--go-v96-blue) !important;
  transform: translateY(-50%) scale(1.04) !important;
}

body.home:not(.wp-admin) :is(.go-home-arrow, .swiper-button-prev, .swiper-button-next, .splide__arrow):is(:hover, :focus-visible) {
  transform: scale(1.04) !important;
}

body.home:not(.wp-admin) :is(
  .go-ds-carousel-btn svg,
  .go-home-arrow svg,
  .go-home-arrow-icon,
  .swiper-button-prev::after,
  .swiper-button-next::after,
  .splide__arrow svg
) {
  color: currentColor !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

body.home:not(.wp-admin) :is(
  .go-ds-carousel-btn:disabled,
  .go-ds-carousel-btn.is-disabled,
  .go-home-arrow:disabled,
  .go-home-arrow.is-disabled,
  .swiper-button-disabled,
  .splide__arrow:disabled
) {
  opacity: 0.38 !important;
  cursor: default !important;
}

/* Dark mode: same color for all arrows, using the site lime accent. */
html.dark body.home:not(.wp-admin) :is(.go-ds-carousel-btn, .go-home-arrow, .swiper-button-prev, .swiper-button-next, .splide__arrow),
html.go-root-dark-mode body.home:not(.wp-admin) :is(.go-ds-carousel-btn, .go-home-arrow, .swiper-button-prev, .swiper-button-next, .splide__arrow),
html[data-theme="dark"] body.home:not(.wp-admin) :is(.go-ds-carousel-btn, .go-home-arrow, .swiper-button-prev, .swiper-button-next, .splide__arrow),
body.newsx-dark-mode.home:not(.wp-admin) :is(.go-ds-carousel-btn, .go-home-arrow, .swiper-button-prev, .swiper-button-next, .splide__arrow),
body.dark.home:not(.wp-admin) :is(.go-ds-carousel-btn, .go-home-arrow, .swiper-button-prev, .swiper-button-next, .splide__arrow),
body.dark-mode.home:not(.wp-admin) :is(.go-ds-carousel-btn, .go-home-arrow, .swiper-button-prev, .swiper-button-next, .splide__arrow),
body.is-dark-theme.home:not(.wp-admin) :is(.go-ds-carousel-btn, .go-home-arrow, .swiper-button-prev, .swiper-button-next, .splide__arrow) {
  border-color: rgba(var(--go-v96-lime-rgb), 0.22) !important;
  background: rgba(255, 255, 255, 0.055) !important;
  color: var(--go-v96-lime) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.22) !important;
}

html.dark body.home:not(.wp-admin) :is(.go-ds-carousel-btn, .go-home-arrow, .swiper-button-prev, .swiper-button-next, .splide__arrow):is(:hover, :focus-visible),
html.go-root-dark-mode body.home:not(.wp-admin) :is(.go-ds-carousel-btn, .go-home-arrow, .swiper-button-prev, .swiper-button-next, .splide__arrow):is(:hover, :focus-visible),
html[data-theme="dark"] body.home:not(.wp-admin) :is(.go-ds-carousel-btn, .go-home-arrow, .swiper-button-prev, .swiper-button-next, .splide__arrow):is(:hover, :focus-visible),
body.newsx-dark-mode.home:not(.wp-admin) :is(.go-ds-carousel-btn, .go-home-arrow, .swiper-button-prev, .swiper-button-next, .splide__arrow):is(:hover, :focus-visible),
body.dark.home:not(.wp-admin) :is(.go-ds-carousel-btn, .go-home-arrow, .swiper-button-prev, .swiper-button-next, .splide__arrow):is(:hover, :focus-visible),
body.dark-mode.home:not(.wp-admin) :is(.go-ds-carousel-btn, .go-home-arrow, .swiper-button-prev, .swiper-button-next, .splide__arrow):is(:hover, :focus-visible),
body.is-dark-theme.home:not(.wp-admin) :is(.go-ds-carousel-btn, .go-home-arrow, .swiper-button-prev, .swiper-button-next, .splide__arrow):is(:hover, :focus-visible) {
  border-color: rgba(var(--go-v96-lime-rgb), 0.42) !important;
  background: rgba(var(--go-v96-lime-rgb), 0.10) !important;
  color: var(--go-v96-lime) !important;
}