/* LoneSlice baked sign system v4.
 * Exact wording is rendered into the artwork. The underlying links retain
 * their text for accessibility and navigation.
 */

:is(
  .wp-block-cover:has(a[href*="loneslice-artisan-12-inch-sourdough-bread-knife-oak"]),
  .wp-block-cover:has(a[href*="loneslice-texas-brisket-knife-12-inch-walnut"]),
  .wp-block-cover:has(> img[src*="teal-enamel-plate"]):has(a[href*="loneslice-rewards-status"]),
  .wp-block-cover:has(> img[src*="barn-red-wood-plate"]):has(a[href*="loneslice-rewards-status"]),
  .wp-block-cover:has(a[href*="about-the-blade"]),
  .wp-block-cover:has(a[href*="family-story"])
) {
  box-sizing: border-box !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-image: none !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  box-shadow: none !important;
}

:is(
  .wp-block-cover:has(a[href*="loneslice-artisan-12-inch-sourdough-bread-knife-oak"]),
  .wp-block-cover:has(a[href*="loneslice-texas-brisket-knife-12-inch-walnut"]),
  .wp-block-cover:has(> img[src*="teal-enamel-plate"]):has(a[href*="loneslice-rewards-status"]),
  .wp-block-cover:has(> img[src*="barn-red-wood-plate"]):has(a[href*="loneslice-rewards-status"]),
  .wp-block-cover:has(a[href*="about-the-blade"]),
  .wp-block-cover:has(a[href*="family-story"])
) > img,
:is(
  .wp-block-cover:has(a[href*="loneslice-artisan-12-inch-sourdough-bread-knife-oak"]),
  .wp-block-cover:has(a[href*="loneslice-texas-brisket-knife-12-inch-walnut"]),
  .wp-block-cover:has(> img[src*="teal-enamel-plate"]):has(a[href*="loneslice-rewards-status"]),
  .wp-block-cover:has(> img[src*="barn-red-wood-plate"]):has(a[href*="loneslice-rewards-status"]),
  .wp-block-cover:has(a[href*="about-the-blade"]),
  .wp-block-cover:has(a[href*="family-story"])
)::before,
:is(
  .wp-block-cover:has(a[href*="loneslice-artisan-12-inch-sourdough-bread-knife-oak"]),
  .wp-block-cover:has(a[href*="loneslice-texas-brisket-knife-12-inch-walnut"]),
  .wp-block-cover:has(> img[src*="teal-enamel-plate"]):has(a[href*="loneslice-rewards-status"]),
  .wp-block-cover:has(> img[src*="barn-red-wood-plate"]):has(a[href*="loneslice-rewards-status"]),
  .wp-block-cover:has(a[href*="about-the-blade"]),
  .wp-block-cover:has(a[href*="family-story"])
)::after {
  display: none !important;
}

#main #post-162 .wp-block-cover a[href*="loneslice-artisan-12-inch-sourdough-bread-knife-oak"],
#main #post-162 .wp-block-cover a[href*="loneslice-texas-brisket-knife-12-inch-walnut"],
#main #post-162 .wp-block-cover a[href*="loneslice-rewards-status"],
#main #post-162 .wp-block-cover a[href*="about-the-blade"],
#main #post-162 .wp-block-cover a[href*="family-story"] {
  position: absolute !important;
  inset: 0 !important;
  z-index: 4 !important;
  display: block !important;
  width: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-indent: -9999px !important;
  text-shadow: none !important;
}

.wp-block-cover:has(a[href*="loneslice-artisan-12-inch-sourdough-bread-knife-oak"]) {
  aspect-ratio: 1332 / 192 !important;
  background-image: url("artisan-sourdough-bread-knife-sign-copper-teal.png") !important;
  background-position: center !important;
  background-size: cover !important;
}
.wp-block-cover:has(a[href*="loneslice-texas-brisket-knife-12-inch-walnut"]) {
  aspect-ratio: 1332 / 192 !important;
  background-image: url("hero-brisket-red-desktop-v4.png") !important;
}
.wp-block-cover:has(> img[src*="teal-enamel-plate"]):has(a[href*="loneslice-rewards-status"]) {
  aspect-ratio: 1264 / 140 !important;
  background-image: url("rewards-find-baker-teal-desktop-v4.png") !important;
}
.wp-block-cover:has(> img[src*="barn-red-wood-plate"]):has(a[href*="loneslice-rewards-status"]) {
  aspect-ratio: 1264 / 140 !important;
  background-image: url("rewards-find-bbq-red-desktop-v4.png") !important;
}
.wp-block-cover:has(a[href*="about-the-blade"]) {
  aspect-ratio: 1268 / 164 !important;
  background-image: url("about-blade-teal-desktop-v4.png") !important;
}
.wp-block-cover:has(a[href*="family-story"]) {
  aspect-ratio: 1268 / 164 !important;
  background-image: url("about-family-red-desktop-v5.png") !important;
}

@media (max-width: 781px) {
  .wp-block-cover:has(a[href*="loneslice-artisan-12-inch-sourdough-bread-knife-oak"]) {
    aspect-ratio: 640 / 192 !important;
    background-image: url("artisan-sourdough-bread-knife-sign-copper-teal.png") !important;
    background-position: center !important;
    background-size: cover !important;
  }
  .wp-block-cover:has(a[href*="loneslice-texas-brisket-knife-12-inch-walnut"]) {
    aspect-ratio: 640 / 192 !important;
    background-image: url("hero-brisket-red-mobile-v4.png") !important;
  }
  .wp-block-cover:has(> img[src*="teal-enamel-plate"]):has(a[href*="loneslice-rewards-status"]) {
    aspect-ratio: 640 / 140 !important;
    background-image: url("rewards-find-baker-teal-mobile-v4.png") !important;
  }
  .wp-block-cover:has(> img[src*="barn-red-wood-plate"]):has(a[href*="loneslice-rewards-status"]) {
    aspect-ratio: 640 / 140 !important;
    background-image: url("rewards-find-bbq-red-mobile-v4.png") !important;
  }
  .wp-block-cover:has(a[href*="about-the-blade"]) {
    aspect-ratio: 640 / 164 !important;
    background-image: url("about-blade-teal-mobile-v4.png") !important;
  }
  .wp-block-cover:has(a[href*="family-story"]) {
    aspect-ratio: 640 / 164 !important;
    background-image: url("about-family-red-mobile-v5.png") !important;
  }
}