/* RRN - v4 coverage cards: the leftovers only.

   The card design itself is NOT here any more. It lives in Elementor as global
   classes (cov-layout, cov-item, cov-title, cov-tag, cov-meta), editable in the
   editor and stored in the kit, which is where Elementor styling belongs. An
   earlier version of this file held the whole design; that was a workaround for
   hand-written local styles being normalised away on save, and it put the card
   design somewhere the editor could not see it.

   What is left is the three things atomic styles cannot express, because the
   style engine only writes properties onto the element that owns the class:

     1. a pseudo-element (the stretched link overlay)
     2. a descendant selector reaching into a v3 widget (the image)
     3. an override of a page-level !important rule

   If you restyle these cards, do it on the global classes in Elementor. Only
   come here for the three cases above. */

/* ---- 1. whole card is the click target ----
   e-collection-loop-item exposes no link prop, so the card cannot be an anchor.
   The title carries the real link - the anchor text is the headline, and there
   is one link per card - and this overlay stretches its hit area. */
.cov-item .cov-title a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.cov-item { cursor: pointer; }
.cov-item:hover .cov-title a { text-decoration: underline; text-underline-offset: 2px; }
.cov-item .cov-title a:focus-visible { outline: 3px solid #F0B43C; outline-offset: 3px; }

/* ---- 2. the featured image ----
   A v3 image widget nested in atomic containers. Elementor emitted its
   width/height rules into post-66950.css but never into post-37980.css, so on
   one of the two pages the img had no width at all and collapsed to zero.
   Stated here so neither page depends on that generation quirk. */
.cov-item .elementor-widget-image,
.cov-item .elementor-widget-image .elementor-widget-container { width: 100%; }
.cov-item .elementor-widget-image img {
  display: block;
  width: 100%;
  height: 206px;
  object-fit: cover;
  object-position: center center;
}
@media (max-width: 1024px) { .cov-item .elementor-widget-image img { height: 180px; } }
@media (max-width: 767px)  { .cov-item .elementor-widget-image img { height: 195px; } }

/* ---- 3. page-level overrides ----
   Wrestling Uncensored paints links red and headings cream, both !important and
   both scoped to the page, which outranks the global class. */
.cov-item .cov-title a { color: inherit !important; text-decoration: none; }
.page-id-37980 .cov-item .cov-title,
.page-id-37980 .cov-item .cov-title a { color: #111 !important; }
.page-id-37980 .cov-item .cov-tag { color: #F0B43C !important; }
.page-id-37980 .cov-item .cov-meta { color: #6B5A4E !important; }