/* FenMovies network tiles: subtle polish only.
   The original logos, colours, tile contents and mobile layout remain unchanged. */

/* Gentle lighting gives the existing flat-colour tiles more depth without
   replacing their identity or introducing bright gradients/glowing edges. */
html:not(.fen-tv) #home-provider-slot .fen-network-tile {
  filter:saturate(1.10) brightness(1.045);
  border-color:rgba(255,255,255,.17) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.085),
             0 5px 16px rgba(0,0,0,.22) !important;
}
html:not(.fen-tv) #home-provider-slot .fen-network-tile::before {
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:linear-gradient(150deg,
    rgba(255,255,255,.075) 0%,
    rgba(255,255,255,.025) 29%,
    transparent 66%);
}
html:not(.fen-tv) #home-provider-slot .fen-network-tile > .fen-network-logo {
  position:relative;
  z-index:1;
}
@media (hover:hover) and (pointer:fine) {
  html:not(.fen-tv) #home-provider-slot .fen-network-tile:hover {
    filter:saturate(1.13) brightness(1.065);
    border-color:rgba(255,255,255,.3) !important;
    box-shadow:0 8px 19px rgba(0,0,0,.3) !important;
  }
}

/* Selective colour lift only for the few previously muted brands.
   Their original logos, shapes and layout remain exactly the same. */
html:not(.fen-tv) #home-provider-slot .fen-network-netflix,
html:not(.fen-tv) #home-provider-slot .fen-network-prime-video,
html:not(.fen-tv) #home-provider-slot .fen-network-disney,
html:not(.fen-tv) #home-provider-slot .fen-network-hulu,
html:not(.fen-tv) #home-provider-slot .fen-network-peacock,
html:not(.fen-tv) #home-provider-slot .fen-network-pluto-tv {
  filter:saturate(1.17) brightness(1.07);
}
html:not(.fen-tv) #home-provider-slot .fen-network-netflix {background:#211719 !important;}
html:not(.fen-tv) #home-provider-slot .fen-network-prime-video {background:#173448 !important;}
html:not(.fen-tv) #home-provider-slot .fen-network-disney {background:#161b50 !important;}
html:not(.fen-tv) #home-provider-slot .fen-network-hulu {background:#192920 !important;}
html:not(.fen-tv) #home-provider-slot .fen-network-peacock {background:#28242e !important;}
html:not(.fen-tv) #home-provider-slot .fen-network-pluto-tv {background:#292634 !important;}
@media (hover:hover) and (pointer:fine) {
  html:not(.fen-tv) #home-provider-slot .fen-network-netflix:hover,
  html:not(.fen-tv) #home-provider-slot .fen-network-prime-video:hover,
  html:not(.fen-tv) #home-provider-slot .fen-network-disney:hover,
  html:not(.fen-tv) #home-provider-slot .fen-network-hulu:hover,
  html:not(.fen-tv) #home-provider-slot .fen-network-peacock:hover,
  html:not(.fen-tv) #home-provider-slot .fen-network-pluto-tv:hover {
    filter:saturate(1.20) brightness(1.09);
  }
}

/* Tablets only: original arrangement, closer tiles, smaller sizing,
   and section edges aligned with the poster collection. */
html.fen-tablet #home-provider-slot {
  box-sizing:border-box !important;
  margin:26px var(--fen-gutter) 22px !important;
  padding:0 clamp(16px,2vw,24px) !important;
  width:auto !important;
}
html.fen-tablet #home-provider-slot > h2 {
  margin:0 0 11px !important;
  padding:0 !important;
  font-size:clamp(16px,1.75vw,20px) !important;
  line-height:1.2 !important;
  text-align:left !important;
}
html.fen-tablet #home-provider-slot .fen-network-rail {
  display:flex !important;
  justify-content:flex-start !important;
  gap:9px !important;
  padding:5px 1px 10px !important;
  margin:0 !important;
}
html.fen-tablet #home-provider-slot .fen-network-tile {
  flex:0 0 clamp(148px,18vw,191px) !important;
  width:clamp(148px,18vw,191px) !important;
  max-width:191px !important;
  aspect-ratio:1.78 !important;
  border-radius:14px !important;
}
html.fen-tablet #home-provider-slot .fen-network-logo {
  font-size:clamp(17px,2.25vw,26px) !important;
}
html.fen-tablet #home-provider-slot .fen-network-logo.sm {
  font-size:clamp(12px,1.7vw,19px) !important;
}
html.fen-tablet #home-provider-slot .fen-network-logo.md {
  font-size:clamp(15px,2vw,23px) !important;
}
@media (prefers-reduced-motion:reduce) {
  html:not(.fen-tv) #home-provider-slot .fen-network-tile {transition:none !important;}
}

/* Tablet alignment: shift the whole network heading and rail together by
   approximately 10px to match the first poster in the neighbouring galleries.
   Preserve phone geometry, card sizes, spacing, and all original logos. */
html.fen-tablet #home-provider-slot {
  padding-left:clamp(6px,calc(2vw - 10px),14px) !important;
}
html.fen-tablet #home-provider-slot .fen-network-rail {
  padding-left:0 !important;
}
/* Touchscreens should not jump upward, where they can crowd the heading.
   Keep only a subtle pressed-state border, not a movement animation. */
html.fen-tablet #home-provider-slot .fen-network-tile:hover,
html.fen-tablet #home-provider-slot .fen-network-tile:active {
  transform:none !important;
}
html.fen-tablet #home-provider-slot .fen-network-tile:active {
  border-color:rgba(255,255,255,.27) !important;
}