/* YourGuruz Child — Single Coupon/Offer post visual cleanup (Step 8).
   Loaded ONLY on single posts (is_singular('post')) — never on the Store
   page, Shopping, Homepage, or any other template. See
   inc/single-coupon-fix.php for the matching ribbon DOM-move fix. */

/* ------------------------------------------------------------------
   1. Coupon Code CTA vs title collision.
   REHub's "price" field (.rh_regular_price) is always this exact post's
   own title text on this site — confirmed across multiple posts, no
   numeric price is ever set for these coupon/offer posts, only a
   fallback echo of the title. Right next to the Coupon Code button that
   is pure redundant noise, truncated mid-word, colliding with the CTA.
   Hidden in the three places it appears on THIS page only:
     - the main action row under the title (.right_st_postproduct)
     - its floating/sticky-panel duplicate (same markup, same selector)
     - the Related Deals cards further down the same page
   Never touches Shopping/Store cards — those live under a completely
   different DOM ancestor (.col_item / .content_constructor is a
   different pattern; the selectors below don't match it). The H1 title
   already shows this exact text prominently above, so no information is
   lost — only a broken-looking duplicate is removed.
   ------------------------------------------------------------------ */
body.single .right_st_postproduct .rh_price_wrapper,
body.single .related_articles .priced_block .rh_price_wrapper,
body.single .columned_grid_module .priced_block .rh_price_wrapper {
	display: none;
}

/* ------------------------------------------------------------------
   2. Diagonal ribbon anchor point.
   REHub's own .re-ribbon-badge CSS is position:absolute (100x100px,
   top:-5px;right:-5px) and expects its containing block to be the
   image frame it decorates (see inc/single-coupon-fix.php for the
   matching DOM move, which nests it inside the <figure>, not the
   wider outer wrapper — that wrapper measured larger than the visible
   frame and still let the ribbon overflow past it). overflow:hidden
   clips the ribbon to the actual visible frame, exactly like REHub's
   own corner-ribbon usage elsewhere in the theme. Nothing else about
   the image or its frame changes.
   ------------------------------------------------------------------ */
body.single .featured_single_left figure {
	position: relative;
	overflow: hidden;
}

/* REHub's ribbon box (100x100px, a 125px-wide rotated label) is sized for
   the square/landscape PRODUCT photos it was designed for. This site's
   logo frame is short and wide (real measured box: ~105x41px) — proportio-
   nally, the same native ribbon markup/box covers a visibly larger share
   of a frame this shape than REHub's own design intends, obscuring part
   of the store wordmark (confirmed: "guidely" → only "gu" left visible).
   Scaling the ribbon DOWN inside this one narrow frame only — same
   markup, same badge classes, same color-per-badge system, nothing
   invented — brings it back to roughly its intended visual weight without
   touching REHub's ribbon CSS anywhere else on the site (Related Deals
   cards, Store pages, and every other use of .re-ribbon-badge are
   completely unaffected — this selector only ever matches inside this
   specific single-post logo frame). */
body.single .featured_single_left .re-ribbon-badge {
	transform: scale(0.62);
	transform-origin: top right;
}

/* ------------------------------------------------------------------
   3. Duplicate Store-logo badge.
   REHub auto-inserts a second copy of the store's logo (.single_top_corner
   .brand_logo_small) based on the dealstore taxonomy term, directly
   beside the post's own featured image — which, across this site's
   content, is consistently the same store logo already. The store
   identity stays fully conveyed by the featured image plus the
   "#StoreName" tag already in the post meta row — this only removes the
   redundant second copy, not the underlying data (the taxonomy link
   itself, and the featured image, are both untouched).
   ------------------------------------------------------------------ */
body.single .single_top_corner {
	display: none;
}

/* ------------------------------------------------------------------
   4. Mobile horizontal-swipe "shift/resize" (elastic overscroll bounce).
   Investigated first, not assumed: at 390px and 414px this page has
   ZERO actual layout overflow — document.documentElement.scrollWidth
   equals clientWidth exactly, and no image/table/iframe/CTA/related-
   deals element measures wider than the viewport. REHub's off-canvas
   compare/wishlist panel (.rh-sslide-panel-wrap) IS 340px and sits past
   the right edge, but it's position:fixed and translateX()'d off-
   screen, so it never contributes to document scroll width.
   The real cause: `overscroll-behavior-x` is left at its browser
   default (`auto`), which lets mobile WebKit/Chrome rubber-band/bounce
   the whole viewport on a horizontal touch gesture even when there is
   nothing to actually scroll into — this reads as the page "shifting/
   resizing" while swiping. This disables only that elastic-bounce
   gesture on the X axis; it does not clip, hide, or resize any
   content, and is a no-op on desktop (mouse/trackpad never trigger
   it), so desktop layout is unaffected.
   ------------------------------------------------------------------ */
body.single {
	overscroll-behavior-x: none;
}