.lm-litter-details { margin-top: 5px; margin-bottom: 20px; } /* * Hides X Theme's featured-image "hero" and the standard post byline * (author/date) — only on single litter pages. WordPress automatically * adds the "single-litter" class to only when viewing a litter * page, so this never touches your regular blog posts. * * .entry-featured is confirmed from your Integrity stack's content.php. * The byline/meta selector below is still a best guess — if it's not * fully hidden after this update, right-click directly on the "Posted by…" * line, choose Inspect, and send over the class name on its wrapping * element (or the theme's post-header.php view file, same as content.php) * and this can be tightened to the exact element. */ body.single-litter .entry-featured { display: none !important; } body.single-litter .entry-meta, body.single-litter .x-entry-meta, body.single-litter .post-meta, body.single-litter .blog-meta, body.single-litter .entry-header .meta, body.single-litter .entry-header .posted-on, body.single-litter .entry-header .byline { display: none !important; } /* * Confirmed from the live markup: X Theme wraps the "Posted by [author]" * and date in

...

, with no other class to hook into * for the individual pieces. Hiding the whole wrapper removes both at once. */ body.single-litter .p-meta { display: none !important; } /* * Site-specific styling for the single litter page card/box and body text, * matching the look you've built out in your child theme. */ body.single-litter .entry-wrap { border-radius: 20px; background-color: rgb(201, 199, 188); box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35) !important; } body.single-litter .entry-content p { margin-bottom: 0.5em; font-size: 2em; color: black; } .lm-status { display: inline-block; padding: 5px 14px; border-radius: 20px; font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.03em; margin-bottom: 12px; color: #fff; background: #6b7280; } .lm-status-available { background: #1f4e1580; } .lm-status-reserved { background: #ed6c02; } .lm-status-sold_out { background: #b3261e; } .lm-status-upcoming { background: #1565c0; } .lm-litter-details ul { list-style: none; margin: 0; padding: 0; } .lm-litter-details li { padding: 4px 0; font-size: 1.1em; } .lm-litter-details .lm-price-heading { margin-top: 10px; font-weight: 600; } .lm-litter-details .lm-price-list { list-style: disc; margin: 6px 0 0 22px; padding: 0; } .lm-litter-details .lm-price-list li { padding: 2px 0; font-weight: normal; } .lm-litter-gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 12px; margin: 25px 0; } .lm-litter-gallery .lm-photo img { width: 100%; height: 180px; object-fit: cover; border-radius: 6px; display: block; transition: opacity 0.15s ease; } .lm-litter-gallery .lm-photo:hover img { opacity: 0.85; } .lm-litter-videos { margin: 25px 0; display: flex; flex-direction: column; gap: 20px; } .lm-video-embed { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; border-radius: 6px; } .lm-video-embed iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .lm-lightbox-overlay { display: none; position: fixed; z-index: 99999; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.85); align-items: center; justify-content: center; cursor: zoom-out; } .lm-lightbox-overlay.lm-lightbox-active { display: flex; } .lm-lightbox-img { max-width: 90%; max-height: 90%; border-radius: 4px; } .lm-lightbox-close { position: absolute; top: 20px; right: 30px; color: #fff; font-size: 36px; cursor: pointer; line-height: 1; z-index: 2; } .lm-lightbox-nav { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(255, 255, 255, 0.15); border: none; color: #fff; font-size: 22px; width: 50px; height: 50px; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.15s ease; z-index: 2; } .lm-lightbox-nav:hover { background: rgba(255, 255, 255, 0.3); } .lm-lightbox-prev { left: 20px; } .lm-lightbox-next { right: 20px; } @media (max-width: 600px) { .lm-lightbox-nav { width: 42px; height: 42px; font-size: 18px; } .lm-lightbox-prev { left: 8px; } .lm-lightbox-next { right: 8px; } }