/* ===== Shohor homepage corrective CSS (2026-10-29) =====
Appended via Admin > Marketing Analytics > Custom Script > Header Script.
All pre-existing content above is preserved as-is; this block only ADDS
corrective rules. No template, DB, product, category or other setting is
changed, and the Flash Sale nav link is untouched. */
/* ----- 1. Footer QUICK LINKS: hide ONLY the duplicate second heading -----
Live homepage DOM (2026-10-29): the quick-links column shows two stacked
level-4 "QUICK LINKS" headings — the first bright white (same style as the
CONTACTS / MY ACCOUNT / SELLER ZONE titles), the second dim gray —
followed by the link list whose first link is
https://shohorbd.com/contact-us. The previous
footer div:has(a[href$="/contact-us"]) h4 + h4 rule did not match because
the duplicate is not an adjacent h4 pair in the markup, so this hides any
heading-level element that follows another heading inside that column. */
footer div:has(a[href$="/contact-us"]) :is(h1, h2, h3, h4, h5, h6, [role="heading"]) ~ :is(h1, h2, h3, h4, h5, h6, [role="heading"]) {
display: none !important;
}
/* ----- 2. Floating left-edge buttons: clear ~90px (was 72px) -----
The middle floating button reaches ~82px, so the previous 72px left
padding still left the Featured Categories subtext's leading "S" tucked
behind it. Raised to 96px; the buttons themselves are not hidden or moved. */
@media (min-width: 992px) {
div:has(.featured-categories-slider) div:has(> a[href$="/categories"]) {
padding-left: 96px !important;
}
}
@media (min-width: 992px) and (max-width: 1600px) {
footer div:has(> a[href="https://shohorbd.com"]),
footer div:has(> a[href="https://shohorbd.com/"]),
footer div:has(> a[href="/"]) {
padding-left: 96px !important;
}
}
/* ----- 3. Touch product cards: quick actions always visible -----
Live homepage DOM (2026-10-29): each product card is a single flat
container whose children are siblings — image link, "-12%" badge,
"Add to Wishlist" link, "Compare" link, "Add to cart" link, title link,
prices. The three action links are with no
intermediate wrapper element, so the card classes sit on ONE element:
combined-class selectors (.single-product-item.product-card-wrapper) are
used instead of descendant selectors. Scoped to (hover: none), so desktop
hover behaviour, card typography and pricing are untouched. */
@media (hover: none) {
.single-product-item.product-card-wrapper .product-action-icons,
.single-product-item.product-card-wrapper .product-cart-btn,
.single-product-item.product-card-wrapper .action-icon-btn,
.single-product-item.product-card-wrapper a[href="javascript:void(0)"],
.single-product-item.product-card-wrapper.product-action-icons .product-cart-btn,
.single-product-item.product-card-wrapper.product-action-icons .action-icon-btn,
.single-product-item.product-card-wrapper.product-action-icons a[href="javascript:void(0)"] {
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
pointer-events: auto !important;
}
/* compact Add to cart */
.single-product-item.product-card-wrapper .product-cart-btn,
.single-product-item.product-card-wrapper.product-action-icons .product-cart-btn {
padding: 8px 10px !important;
font-size: 13px !important;
min-height: 44px !important;
}
/* 44px touch targets for wishlist / compare (and cart link fallback) */
.single-product-item.product-card-wrapper .action-icon-btn,
.single-product-item.product-card-wrapper.product-action-icons .action-icon-btn,
.single-product-item.product-card-wrapper a[href="javascript:void(0)"],
.single-product-item.product-card-wrapper.product-action-icons a[href="javascript:void(0)"] {
min-width: 44px !important;
min-height: 44px !important;
}
}