/*
 * custom.css - child theme overrides for waidwerk.tv
 * Loaded by beezle_child_custom_css() in functions.php (priority 20, after twentyseventeen-style).
 */

/* ------------------------------------------------------------------
 * Slider Revolution 6.x compatibility (2026-10-17)
 * Tested on clone waidwerk.screenbased.de (RS 6.7.58, engine SR6).
 * The original rules in style.css target RS 5.x markup (.tp-bgimg, .tp-caption, li).
 * RS 6.x renders rs-module-wrap / rs-slide / rs-sbg-* and ships its own navigation CSS
 * with higher specificity, so the old rules no longer apply.
 * ------------------------------------------------------------------ */

/* Post sliders (Angeln, Jagen, Outdoor): hide the slide background (featured image),
   the visible image comes from the .mike layer. RS 5.x equivalent: .tp-bgimg.defaultimg { display:none } */
rs-module-wrap[data-source="post"] rs-sbg-px,
rs-module-wrap[data-source="post"] rs-sbg-wrap {
  opacity: 0 !important;
}

/* Thumbnail teasers (gyges): white 10px frame, orange when hovered/selected */
rs-module-wrap .gyges .tp-thumb-img-wrap {
  padding: 10px !important;
  background: #fff !important;
}
rs-module-wrap .gyges .tp-thumb:hover .tp-thumb-img-wrap,
rs-module-wrap .gyges .tp-thumb.selected .tp-thumb-img-wrap {
  background: linear-gradient(to bottom, #c75b12 0%, #c75b12 100%) !important;
}

/* Post sliders: left arrow hidden, right arrow as FontAwesome chevron without background */
rs-module-wrap[data-source="post"] .tp-leftarrow.tparrows {
  display: none !important;
}
rs-module-wrap[data-source="post"] .tparrows,
rs-module-wrap[data-source="post"] .tparrows:hover {
  background: transparent !important;
}
rs-module-wrap[data-source="post"] .tparrows::before {
  font-family: "FontAwesome" !important;
  font-size: 60px !important;
  line-height: 40px !important;
  color: #fff !important;
}
rs-module-wrap[data-source="post"] .tparrows.tp-rightarrow::before {
  content: "\f054" !important;
}

/* Button icons: RS 5.x class fa-icon-chevron-right carried margin-left:10px,
   RS 6.x converts it to fa-chevron-right without spacing */
rs-layer i.fa-chevron-right {
  margin-left: 10px;
}