@media (max-width: 767px) {
  html body #ts-quickshop-modal .summary h1.product_title { display: block !important; font-size: 22px !important; line-height: 1.3 !important; margin-bottom: 12px !important; }
  html body .products .product .thumbnail-wrapper .product-group-button > .button-in.quickshop .button-tooltip { display: block !important; visibility: visible !important; opacity: 1 !important; position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip-path: inset(50%) !important; white-space: nowrap !important; }
}
/*
Theme Name: Jaroti Child
Theme URI: https://demo.theme-sky.com/jaroti/
Author: Theme Sky Team
Author URI: http://theme-sky.com/
Description: A Premium and Responsive WordPress theme, designed for E-Commerce websites
Template: jaroti
Version: 1.0.0
License: GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, left-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: jaroti-child
*/

/* On A Whim: inspect products before adding them on mobile. */
@media (max-width: 767px) {
  html body .products .product .thumbnail-wrapper .product-group-button > .button-in.quickshop {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }
  html body .products .product .thumbnail-wrapper .product-group-button:has(> .button-in.quickshop) > .loop-add-to-cart {
    display: none !important;
  }
}

/* Stack the Quick View image and details inside a scrollable phone-size panel. */
@media (max-width: 767px) {
  html body #ts-quickshop-modal .popup-container {
    position: fixed !important;
    top: 56px !important;
    left: 12px !important;
    right: 12px !important;
    bottom: auto !important;
    width: calc(100% - 24px) !important;
    max-width: 100% !important;
    transform: none !important;
    margin: 0 !important;
    background: #fff;
  }
  html body #ts-quickshop-modal .quickshop-content {
    padding: 40px 16px 20px !important;
    max-height: calc(100dvh - 80px) !important;
    overflow: auto !important;
  }
  html body #ts-quickshop-modal div.product > .summary,
  html body #ts-quickshop-modal div.product div.woocommerce-product-gallery {
    position: relative !important;
    width: 100% !important;
    float: none !important;
    padding: 0 !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    overflow: visible !important;
  }
  html body #ts-quickshop-modal div.product > .summary { margin-top: 20px !important; }
  html body #ts-quickshop-modal .flex-viewport { max-height: 280px !important; }
  html body #ts-quickshop-modal .woocommerce-product-gallery__image img {
    width: 100% !important;
    height: 280px !important;
    object-fit: contain !important;
  }
  html body #ts-quickshop-modal div.images .flex-control-thumbs {
    position: static !important;
    width: 100% !important;
    display: flex !important;
    gap: 8px;
    margin: 8px 0 0 !important;
    max-height: 64px;
  }
  html body #ts-quickshop-modal div.images .flex-control-thumbs li {
    width: 44px !important;
    padding: 0 !important;
    flex: 0 0 44px;
  }
  html body #ts-quickshop-modal .close { top: 0 !important; right: 0 !important; width: 40px !important; height: 40px !important; z-index: 5; }
}

/* Mobile product forms: reserve space for Clear and align purchase controls. */
@media (max-width: 767px) {
  html body form.variations_form table.variations { margin-bottom: 20px !important; }
  html body form.variations_form .reset_variations {
    position: static !important;
    display: block !important;
    clear: both;
    width: fit-content;
    margin: 12px 0 0 !important;
    line-height: 1.5 !important;
    color: #b43d72 !important;
  }
  html body form.cart .woocommerce-variation-add-to-cart {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 12px !important;
  }
  html body form.cart .woocommerce-variation-add-to-cart > .quantity {
    flex: 0 0 110px !important;
    width: 110px !important;
    margin: 0 !important;
  }
  html body form.cart .woocommerce-variation-add-to-cart > .single_add_to_cart_button {
    flex: 1 1 150px !important;
    width: auto !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 14px 18px !important;
    white-space: nowrap !important;
    line-height: 1.25 !important;
  }
  html body.single-product .elementor-add-to-cart { padding-bottom: 48px !important; }
}

/* Keep the All Jewellery footer below the final mobile product row. */
@media (max-width: 767px) {
  html body.page-id-5993 .elementor-products-grid .woocommerce .products {
    margin-bottom: 0 !important;
  }
}

/* Match the mobile footer spacing above the newsletter. */
@media (max-width: 767px) {
  html body .elementor-5978.elementor-location-footer .elementor-element.elementor-element-2a24314f {
    padding-top: 30px !important;
  }
}

/* Branded cart success messages on desktop and mobile. */
html body #ts-ajax-add-to-cart-message,
html body .wc-block-components-notice-banner.is-success,
html body .woocommerce-message {
  background: #b43d72 !important;
  border-color: #b43d72 !important;
  color: #fff !important;
}
html body .woocommerce-message::before,
html body .woocommerce-message a,
html body .woocommerce-message a.button {
  color: #fff !important;
}
html body .woocommerce-message a.button { background: transparent !important; border-color: #fff !important; }
html body .woocommerce-message:focus { outline: 2px solid #79274c !important; outline-offset: 3px; }
html body .woocommerce-message a:focus-visible { outline: 2px solid #fff !important; outline-offset: 3px; }

/* Serve the existing homepage artwork at efficient sizes through WordPress CDN. */
html body.home .elementor-element.elementor-element-b7bf43f .elementor-repeater-item-2734773 .swiper-slide-bg { background-image: url("https://shoponawhim.co.za/wp-content/uploads/2026/09/hero-desktop-1-untamed-menu-cream.png") !important; }
html body.home .elementor-element.elementor-element-b7bf43f .elementor-repeater-item-736222b .swiper-slide-bg { background-image: url("https://i0.wp.com/shoponawhim.co.za/wp-content/uploads/2026/09/hero-desktop-2-small-beads-menu-cream.png?w=1920&quality=85") !important; }
html body.home .elementor-element.elementor-element-b7bf43f .elementor-repeater-item-a9b6652 .swiper-slide-bg { background-image: url("https://shoponawhim.co.za/wp-content/uploads/2026/09/on-a-whim-desktop-banner-v2.png") !important; }
html body.home .elementor-element.elementor-element-507e0bc .elementor-repeater-item-2734773 .swiper-slide-bg { background-image: url("https://i0.wp.com/shoponawhim.co.za/wp-content/uploads/2026/09/hero-mobile-1-untamed-menu-cream.png?w=900&quality=85") !important; }
html body.home .elementor-element.elementor-element-507e0bc .elementor-repeater-item-736222b .swiper-slide-bg { background-image: url("https://i0.wp.com/shoponawhim.co.za/wp-content/uploads/2026/09/hero-mobile-2-small-beads-menu-cream.png?w=900&quality=85") !important; }
html body.home .elementor-element.elementor-element-507e0bc .elementor-repeater-item-a9b6652 .swiper-slide-bg { background-image: url("https://i0.wp.com/shoponawhim.co.za/wp-content/uploads/2026/09/hero-mobile-3-whim-menu-cream.png?w=900&quality=85") !important; }

/* Optimise collection tiles and the latest-look homepage photo. */
html body.home .elementor-element.elementor-element-3cdcffe { background-image: url("https://i0.wp.com/shoponawhim.co.za/wp-content/uploads/2026/09/collection-untamed-menu-cream.png?w=700&quality=85") !important; }
html body.home .elementor-element.elementor-element-1f0d392 { background-image: url("https://i0.wp.com/shoponawhim.co.za/wp-content/uploads/2026/09/collection-moonstruck-menu-cream.png?w=700&quality=85") !important; }
html body.home .elementor-element.elementor-element-e98e502 { background-image: url("https://i0.wp.com/shoponawhim.co.za/wp-content/uploads/2026/09/collection-electric-menu-cream.png?w=700&quality=85") !important; }
html body.home .elementor-element.elementor-element-5e1a4ff { background-image: url("https://i0.wp.com/shoponawhim.co.za/wp-content/uploads/2026/09/collection-tidal-menu-cream.png?w=700&quality=85") !important; }
html body.home .elementor-element.elementor-element-6b12a349 { background-image: url("https://i0.wp.com/shoponawhim.co.za/wp-content/uploads/2026/04/Shortlist-67.jpg?w=1600&quality=85") !important; }
@media (max-width:767px) { html body.home .elementor-element.elementor-element-6b12a349 { background-image: url("https://i0.wp.com/shoponawhim.co.za/wp-content/uploads/2026/04/Shortlist-67.jpg?w=800&quality=85") !important; } }

/* OAW: reserve the final hero geometry before Elementor initializes. */
html body.home .elementor-5292 .elementor-element.elementor-element-aefa1e0 {
  position: relative;
  width: 100vw !important;
  max-width: 100vw !important;
  left: 50% !important;
  margin-left: -50vw !important;
  margin-right: 0 !important;
}
@media (max-width: 767px) {
  html body.home .elementor-5292 .elementor-element.elementor-element-507e0bc .elementor-slides-wrapper { min-height: 571px; }
}


/* OAW: keep sorting options above product actions on every screen. */
html body .woocommerce-ordering { position: relative !important; z-index: 30 !important; }
html body .woocommerce-ordering ul.orderby ul.dropdown {
  z-index: 31 !important; background: #fff !important;
  width: 290px !important; max-width: calc(100vw - 32px) !important;
  padding: 8px !important; margin: 0 !important; top: 100% !important; right: 0 !important; left: auto !important;
  border: 1px solid #b43d72 !important; border-radius: 6px;
  box-shadow: 0 4px 16px rgba(0,0,0,.14) !important; box-sizing: border-box;
}
html body .woocommerce-ordering ul.orderby ul.dropdown::before { display: none !important; }
html body .woocommerce-ordering ul.orderby ul.dropdown li { margin: 0 !important; padding: 0 !important; }
html body .woocommerce-ordering ul.orderby ul.dropdown a {
  display: block !important; padding: 11px 12px !important; min-height: 44px; box-sizing: border-box;
  font-size: 16px !important; line-height: 1.4 !important; white-space: normal !important;
}
html body .woocommerce-ordering ul.orderby ul.dropdown a.current,
html body .woocommerce-ordering ul.orderby ul.dropdown a:hover,
html body .woocommerce-ordering ul.orderby ul.dropdown a:focus-visible { color: #b43d72 !important; background: #f4e6cf !important; }
html body .woocommerce-ordering .orderby-current:hover,
html body .woocommerce-ordering ul.orderby > li:hover > .orderby-current,
html body .woocommerce-ordering .orderby-current:focus { color: #b43d72 !important; }


/* OAW: lower mobile WhatsApp and respect the device safe area. */
@media (max-width: 767px), (max-height: 500px) and (pointer: coarse) {
 html body .wa__btn_popup {
  bottom: calc(16px + env(safe-area-inset-bottom, 0px)) !important;
  right: calc(16px + env(safe-area-inset-right, 0px)) !important;
 }
 html body .wa__popup_chat_box {
  bottom: calc(88px + env(safe-area-inset-bottom, 0px)) !important;
  right: calc(16px + env(safe-area-inset-right, 0px)) !important; left: auto !important;
  width: 340px !important; max-width: calc(100vw - 32px - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px)) !important;
  max-height: calc(100vh - 112px - env(safe-area-inset-bottom, 0px)) !important;
  max-height: calc(100dvh - 112px - env(safe-area-inset-bottom, 0px)) !important;
  overflow-y: auto !important; overscroll-behavior: contain;
 }
}

/* OAW: the Charm Bar parent row is a selection total, not a necklace. */
html body .wooco-item-parent a[href*="/product/charm-bar/"] img { display: none !important; }
html body .woocommerce-cart-form .wooco-cart-parent:has(a[href*="/product/charm-bar/"]) { background: #faf5eb; }
html body .woocommerce-cart-form .wooco-cart-parent .product-name:has(a[href*="/product/charm-bar/"])::after { content: "Selection total — items listed below"; display: block; margin-top: 6px; font-size: 12px; line-height: 1.4; font-weight: normal; }

/* OAW: consistent success icons, links and form confirmations. */
html body #ts-ajax-add-to-cart-message a,
html body #ts-ajax-add-to-cart-message::before,
html body .wc-block-components-notice-banner.is-success a,
html body .wc-block-components-notice-banner.is-success .wc-block-components-notice-banner__content::before { color: #fff !important; }
html body .wc-block-components-notice-banner.is-success > svg { background: #b43d72 !important; fill: #fff !important; }
html body .elementor-message.elementor-message-success,
html body .elementor-message.form-message-success,
html body .elementor-message.elementor-message-success::before,
html body .elementor-message.form-message-success::before { color: #b43d72 !important; }

/* OAW: account icon on desktop; readable My Account link in the mobile menu. */
@media (min-width: 768px) {
 html body header.elementor-5921 .elementor-nav-menu--main .menu-item-7745 > a { font-size: 0 !important; width: 44px; min-height: 44px; padding: 10px !important; justify-content: center; box-sizing: border-box; color: #b43d72 !important; }
 html body header.elementor-5921 .elementor-nav-menu--main .menu-item-7745 > a::before { content: ""; display: block; position: static !important; width: 24px !important; height: 24px !important; opacity: 1 !important; transform: none !important; background: currentColor !important; -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M4%2021v-2a8%208%200%200%201%2016%200v2%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M4%2021v-2a8%208%200%200%201%2016%200v2%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; }
 html body header.elementor-5921 .elementor-nav-menu--main .menu-item-7745 > a:focus-visible { outline: 2px solid #b43d72; outline-offset: 2px; }
}

/* OAW: desktop utility group, left to right: cart, account, wishlist. */
@media (min-width:768px) {
 html body header.elementor-5921 .elementor-element-73e08f8f > .e-con-inner { position: relative; padding-right: 156px !important; box-sizing: border-box; }
 html body header.elementor-5921 .elementor-element-fa8725a, html body header.elementor-5921 .elementor-nav-menu--main, html body header.elementor-5921 .elementor-nav-menu--main > ul { position: static !important; }
 html body header.elementor-5921 .elementor-element-fa8725a { margin-left: auto !important; margin-right: auto !important; }
 html body header.elementor-5921 .elementor-nav-menu--main .menu-item-7745, html body header.elementor-5921 .elementor-element-22ea86a, html body header.elementor-5921 .elementor-element-d534810 { position: absolute !important; top: 50% !important; bottom: auto !important; left: auto !important; transform: translateY(-50%) !important; width: 44px !important; height: 44px !important; margin: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; }
 html body header.elementor-5921 .elementor-element-22ea86a { right: 96px !important; }
 html body header.elementor-5921 .elementor-nav-menu--main .menu-item-7745 { right: 48px !important; }
 html body header.elementor-5921 .elementor-element-d534810 { right: 0 !important; }
 html body header.elementor-5921 .elementor-nav-menu--main .menu-item-7745 > a, html body header.elementor-5921 .elementor-element-22ea86a a.elementor-icon, html body header.elementor-5921 .elementor-element-d534810 a.elementor-icon { width: 44px !important; height: 44px !important; padding: 10px !important; display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box; margin: 0 !important; color: #303030 !important; }
 html body header.elementor-5921 .elementor-nav-menu--main .menu-item-7745 > a:hover, html body header.elementor-5921 .elementor-nav-menu--main .menu-item-7745 > a:focus-visible, html body header.elementor-5921 .elementor-element-22ea86a a.elementor-icon:hover, html body header.elementor-5921 .elementor-element-d534810 a.elementor-icon:hover { color: #b43d72 !important; }
 html body header.elementor-5921 .elementor-nav-menu--main .menu-item-7745 > a::before { color: inherit !important; }
 html body header.elementor-5921 .elementor-nav-menu--main .menu-item-7745 > a::after { display: none !important; }
}

@media (min-width:768px) {
 html body header #menu-1-fa8725a .menu-item-7745 > a::before { background-color: #303030 !important; }
 html body header #menu-1-fa8725a .menu-item-7745 > a:hover::before, html body header #menu-1-fa8725a .menu-item-7745 > a:focus-visible::before { background-color: #b43d72 !important; }
}


/* OAW: simple mobile header with account and wishlist inside the menu. */
@media (max-width:767px) {
 html body header.elementor-5921 .elementor-element-73e08f8f > .e-con-inner { grid-template-columns:44px minmax(0,1fr) 44px !important; }
 html body header.elementor-5921 .elementor-element-fa8725a { grid-area:1 / 1 !important; }
 html body header.elementor-5921 .elementor-element-4c6d6369 { grid-area:1 / 2 !important; justify-self:center !important; margin:0 !important; }
 html body header.elementor-5921 .elementor-element-22ea86a { grid-area:1 / 3 !important; }
 html body header.elementor-5921 .elementor-element-d534810 { display:none !important; }
 html body header.elementor-5921 nav.elementor-nav-menu--dropdown { max-height:calc(100dvh - 100px); overflow-y:auto; }
}
@media (min-width:768px) {
 html body header.elementor-5921 .elementor-nav-menu--main .menu-item-7747 { display:none !important; }
}


/* OAW: Charm Bar purchase controls stay within reach on mobile. */
html body.postid-6287 #product-6287 form.cart > .quantity { display:none !important; }
@media (max-width:767px) {
 html body.postid-6287 { padding-bottom:calc(132px + env(safe-area-inset-bottom, 0px)) !important; }
 html body.postid-6287 #product-6287 form.cart { position:fixed !important; left:0 !important; right:0 !important; bottom:0 !important; width:100% !important; margin:0 !important; padding:8px 16px calc(12px + env(safe-area-inset-bottom, 0px)) !important; background:#fff !important; z-index:1001 !important; box-sizing:border-box !important; }
 html body.postid-6287 #product-6287 form.cart > .single_add_to_cart_button { display:block !important; float:none !important; width:100% !important; height:48px !important; min-height:48px !important; margin:0 !important; padding:12px 16px !important; font-size:16px !important; line-height:24px !important; white-space:nowrap !important; }
 html body.postid-6287 #product-6287 form.cart > .single_add_to_cart_button.wooco-disabled { opacity:.5 !important; }
 html body.postid-6287 #product-6287 .wooco_summary { position:fixed !important; left:0 !important; right:0 !important; bottom:calc(68px + env(safe-area-inset-bottom, 0px)) !important; width:100% !important; height:44px !important; min-height:44px !important; margin:0 !important; padding:10px 16px !important; display:flex !important; align-items:center !important; justify-content:space-between !important; gap:8px !important; box-sizing:border-box !important; border:0 !important; border-top:1px solid #b43d72 !important; border-radius:0 !important; background:#fff !important; color:#303030 !important; box-shadow:0 -4px 16px rgba(0,0,0,.08) !important; z-index:1001 !important; font-size:14px !important; line-height:22px !important; }
 html body.postid-6287 #product-6287 .wooco_summary > div { margin:0 !important; padding:0 !important; font-size:14px !important; line-height:22px !important; }
 html body.postid-6287 .wa__btn_popup { bottom:calc(128px + env(safe-area-inset-bottom, 0px)) !important; }
 html body.postid-6287 .wa__popup_chat_box { bottom:calc(196px + env(safe-area-inset-bottom, 0px)) !important; max-height:calc(100dvh - 220px) !important; }
}


/* OAW: bounded desktop category grid for One of a Kind. */
@media (min-width:768px) {
 html body .elementor-6159 .elementor-element-6f9b071 { display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:0 !important; width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; box-sizing:border-box !important; }
 html body .elementor-6159 .elementor-element-6f9b071 > .e-con { display:block !important; width:100% !important; min-width:0 !important; min-height:0 !important; padding:0 !important; margin:0 !important; }
 html body .elementor-6159 .elementor-widget-ts-product-categories, html body .elementor-6159 .elementor-widget-container, html body .elementor-6159 .ts-product-category-wrapper { width:100% !important; padding:0 !important; margin:0 !important; }
 html body .elementor-6159 .products { display:block !important; margin:0 !important; padding:0 !important; }
 html body .elementor-6159 .product-category { float:none !important; width:100% !important; max-width:100% !important; margin:0 !important; padding:0 !important; }
 html body .elementor-6159 .product-wrapper { position:relative !important; overflow:hidden !important; background:#f4e6cf !important; border:0 !important; }
 html body .elementor-6159 .product-wrapper > a:first-child { display:block !important; }
 html body .elementor-6159 .product-wrapper > a:first-child::before, html body .elementor-6159 .product-wrapper::after { display:none !important; }
 html body .elementor-6159 .product-wrapper img { display:block !important; width:100% !important; height:calc(100vh - 125px) !important; min-height:450px !important; aspect-ratio:auto !important; object-fit:cover !important; opacity:1 !important; filter:none !important; }
 html body .elementor-6159 .product-wrapper .meta-wrapper { position:absolute !important; inset:0 !important; transform:none !important; width:100% !important; height:100% !important; min-height:0 !important; padding:24px !important; box-sizing:border-box !important; display:flex !important; align-items:center !important; justify-content:center !important; opacity:0 !important; visibility:visible !important; pointer-events:none !important; background:rgba(180,61,114,.72) !important; transition:opacity .2s ease !important; }
 html body .elementor-6159 .category-name, html body .elementor-6159 h3.heading-title { margin:0 !important; padding:0 !important; }
 html body .elementor-6159 h3.heading-title, html body .elementor-6159 h3.heading-title a { font-size:30px !important; line-height:1.2 !important; font-weight:600 !important; color:#fff !important; text-align:center !important; }
 html body .elementor-6159 .product-wrapper:hover .meta-wrapper, html body .elementor-6159 .product-wrapper:focus-within .meta-wrapper { opacity:1 !important; }
 html body .elementor-6159 .elementor-element-718b353 { display:none !important; }
}
@media (min-width:768px) and (max-width:1023px) { html body .elementor-6159 .elementor-element-6f9b071 { grid-template-columns:repeat(2,minmax(0,1fr)) !important; } }

/* Match One of a Kind category titles to the site typography. */
html body .elementor-6159 h3.heading-title, html body .elementor-6159 h3.heading-title a { font-family:"Albert Sans", sans-serif !important; }

/* Mobile navigation: Charms follows Charm Bar; Shop All stays outside the burger. */
@media (max-width:767px) {
 html body header.elementor-5921 nav.elementor-nav-menu--dropdown > ul { display:flex !important; flex-direction:column !important; }
 html body header.elementor-5921 nav.elementor-nav-menu--dropdown > ul > li { order:4; width:100%; }
 html body header.elementor-5921 nav.elementor-nav-menu--dropdown .menu-item-6356 { order:1 !important; }
 html body header.elementor-5921 nav.elementor-nav-menu--dropdown .menu-item-6498 { order:2 !important; }
 html body header.elementor-5921 nav.elementor-nav-menu--dropdown .menu-item-7751 { order:3 !important; }
 html body header.elementor-5921 nav.elementor-nav-menu--dropdown .menu-item-7752 { display:none !important; }
}

/* Full source detail for Retina and large desktop banners; compact sizes elsewhere. */
@media (min-width: 768px) and (min-resolution: 1.5dppx), (min-width: 1921px) {
html body.home .elementor-element.elementor-element-b7bf43f .elementor-repeater-item-2734773 .swiper-slide-bg { background-image: url("https://shoponawhim.co.za/wp-content/uploads/2026/09/hero-desktop-1-untamed-menu-cream.png") !important; }
html body.home .elementor-element.elementor-element-b7bf43f .elementor-repeater-item-736222b .swiper-slide-bg { background-image: url("https://i0.wp.com/shoponawhim.co.za/wp-content/uploads/2026/09/hero-desktop-2-small-beads-menu-cream.png?w=2660&quality=80&strip=all") !important; }
html body.home .elementor-element.elementor-element-b7bf43f .elementor-repeater-item-a9b6652 .swiper-slide-bg { background-image: url("https://shoponawhim.co.za/wp-content/uploads/2026/09/on-a-whim-desktop-banner-v2.png") !important; }
}

/* Approved new Whim artwork: portrait crop with clear mobile copy area. */
@media (max-width:767px) {
 html body.home .elementor-element.elementor-element-507e0bc .elementor-repeater-item-a9b6652 .swiper-slide-bg { background-image:linear-gradient(to bottom,transparent 42%,#f4e6cf 73%),url("https://shoponawhim.co.za/wp-content/uploads/2026/09/on-a-whim-desktop-banner-v2.png") !important; background-size:100% 100%,auto 390px !important; background-position:center,85% top !important; background-repeat:no-repeat !important; background-color:#f4e6cf !important; }
}

/* Match the new Whim banner copy area to the header cream exactly. */
@media (min-width:768px) {
 html body.home .elementor-element.elementor-element-b7bf43f .elementor-repeater-item-a9b6652 .swiper-slide-bg { background-color:#f4e6cf !important; background-image:linear-gradient(to right,#f4e6cf 0%,#f4e6cf 38%,rgba(244,230,207,0) 54%),url("https://shoponawhim.co.za/wp-content/uploads/2026/09/on-a-whim-desktop-banner-v2.png") !important; }
}

/* Desktop navigation follows the mobile shopping order. */
@media (min-width:768px) {
 html body header.elementor-5921 .elementor-nav-menu--main > ul > li { order:4; }
 html body header.elementor-5921 .elementor-nav-menu--main .menu-item-6356 { order:1 !important; }
 html body header.elementor-5921 .elementor-nav-menu--main .menu-item-6498 { order:2 !important; }
 html body header.elementor-5921 .elementor-nav-menu--main .menu-item-7751 { order:3 !important; }
 html body header.elementor-5921 .elementor-nav-menu--main .menu-item-7752 { display:none !important; }
}

/* OAW: balanced Quick View purchase controls; quantities are edited in the cart. */
html body #ts-quickshop-modal .summary form.cart {
  display: block !important;
  width: 100% !important;
  margin: 0 0 12px !important;
}
html body #ts-quickshop-modal .summary form.cart > div[data-product_id],
html body #ts-quickshop-modal .summary .single_variation_wrap,
html body #ts-quickshop-modal .summary .woocommerce-variation-add-to-cart {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}
html body #ts-quickshop-modal .summary form.cart .quantity {
  display: none !important;
}
html body #ts-quickshop-modal .summary .woocommerce-variation-add-to-cart {
  display: block !important;
}
html body #ts-quickshop-modal .summary .single_add_to_cart_button,
html body #ts-quickshop-modal .summary .ts-buy-now-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 12px 18px !important;
  box-sizing: border-box !important;
  font-size: 16px !important;
  line-height: 24px !important;
  white-space: nowrap !important;
}
html body #ts-quickshop-modal .summary > .price,
html body #ts-quickshop-modal .summary > .ts-variation-price {
  margin-bottom: 20px !important;
}
html body #ts-quickshop-modal .summary .meta-content:empty {
  display: none !important;
  margin: 0 !important;
}
/* Keep the floating chat control clear of the modal's purchase buttons. */
html body:has(#ts-quickshop-modal.show) .wa__btn_popup,
html body:has(#ts-quickshop-modal.show) .wa__popup_chat_box {
  visibility: hidden !important;
  pointer-events: none !important;
}

/* OAW shopping flow — 2026-10-17. Shared Quick View icon, on every screen. */
html body a.quickshop::before,
html body .product-group-button > .quickshop a::before {
  content:"\e92d" !important; font-family:"tabler-icons" !important;
  font-weight:400 !important; font-style:normal !important;
}
html body a.quickshop:focus-visible,
html body .ts-add-to-wishlist:focus-visible { outline:2px solid #a74473; outline-offset:3px; }
html body .oaw-back-to-catalogue,
html body .oaw-continue-shopping { display:inline-flex; align-items:center; min-height:44px; gap:8px; color:#923560; text-decoration:underline; text-underline-offset:3px; font-size:14px; }
html body .oaw-back-to-catalogue { margin-bottom:12px; }
html body .woocommerce-cart-form .oaw-cart-return { display:block; width:100%; margin:0 0 16px; }
html body .oaw-related { width:100%; max-width:1240px; margin:40px auto 50px; padding:0 20px; box-sizing:border-box; }
html body .oaw-related > h2 { font-family:"Albert Sans",sans-serif; font-size:26px; margin-bottom:24px; }
html body .oaw-related .products { display:flex; flex-wrap:wrap; }
html body .oaw-related .products > .product { width:25%; }
html body .woocommerce-cart-form .product-remove a { display:inline-flex !important; position:static !important; align-items:center; justify-content:center; gap:5px; width:auto !important; min-width:66px; height:auto !important; min-height:44px; font-size:0 !important; color:#923560 !important; background:transparent !important; border-radius:0; }
html body .woocommerce-cart-form .product-remove a::before { position:static !important; font-size:14px !important; }
html body .woocommerce-cart-form .product-remove a::after { content:"Remove"; font-family:"Albert Sans",sans-serif; font-size:13px; line-height:1.4; text-decoration:underline; }
html body .oaw-cart-status { margin:12px 0; min-height:22px; font-size:14px; color:#923560; }
html body .woocommerce-cart-form.oaw-cart-saving .quantity,
html body .woocommerce-cart-form.oaw-cart-saving .product-remove { pointer-events:none; opacity:.65; }
html body .checkout-button[aria-disabled="true"] { opacity:.6; }
html body .oaw-adding { opacity:.6; }
html body.oaw-shopping-ready #ts-add-to-cart-popup-modal,
html body.oaw-shopping-ready #ts-ajax-add-to-cart-message.show:not(.error) { display:none !important; }
html body #oaw-cart-confirmation { position:fixed; inset:0; width:calc(100% - 32px); max-width:430px; max-height:calc(100dvh - 40px); margin:auto; padding:28px 24px 24px; border:1px solid #e9e3e7; border-radius:16px; background:#fff; color:#27252b; box-shadow:0 16px 60px #0004; z-index:2147483647; overflow:auto; font-family:"Albert Sans",sans-serif; }
html body #oaw-cart-confirmation:not([open]) { display:none; }
html body #oaw-cart-confirmation::backdrop { background:rgba(28,18,27,.5); }
html body #oaw-cart-confirmation h2 { margin:4px 32px 20px 0; font-family:inherit; font-size:23px; line-height:1.25; color:#923560; }
html body #oaw-cart-confirmation .oaw-confirm-close { position:absolute; top:5px; right:5px; width:44px; height:44px; padding:0; border:0; background:transparent; color:#27252b; font-size:26px; line-height:44px; }
html body #oaw-cart-confirmation .oaw-confirm-product { display:flex; align-items:center; gap:16px; margin-bottom:24px; }
html body #oaw-cart-confirmation .oaw-confirm-image { width:86px; height:100px; object-fit:contain; flex:none; }
html body #oaw-cart-confirmation .oaw-confirm-name { font-size:16px; line-height:1.4; margin:0; }
html body #oaw-cart-confirmation .oaw-confirm-actions { display:grid; gap:10px; }
html body #oaw-cart-confirmation .oaw-confirm-actions > * { display:flex; align-items:center; justify-content:center; min-height:46px; padding:10px 18px; border:1px solid #a74473; border-radius:26px; font:500 15px/1.4 "Albert Sans",sans-serif !important; text-transform:none !important; letter-spacing:.4px !important; text-align:center; text-decoration:none; background:#a74473; color:#fff; }
html body #oaw-cart-confirmation .oaw-confirm-actions > button { background:#fff; color:#923560; }
html body:has(#oaw-cart-confirmation[open]) .wa__btn_popup { visibility:hidden; }

/* Confirm a saved wishlist item above the page without interrupting browsing. */
html body #oaw-wishlist-confirmation { position:fixed; top:calc(72px + env(safe-area-inset-top, 0px)); left:50%; transform:translateX(-50%); z-index:2147483646; width:calc(100% - 32px); max-width:430px; box-sizing:border-box; padding:22px 24px; border:1px solid #a74473; border-radius:14px; background:#fff; color:#27252b; box-shadow:0 8px 32px #0003; font-family:"Albert Sans",sans-serif; }
html body #oaw-wishlist-confirmation[hidden] { display:none !important; }
html body #oaw-wishlist-confirmation h2 { margin:0 28px 8px 0; font:600 20px/1.3 "Albert Sans",sans-serif; letter-spacing:0; color:#923560; }
html body #oaw-wishlist-confirmation .oaw-wishlist-name { margin:0 0 14px; font:500 15px/1.4 "Albert Sans",sans-serif; letter-spacing:0; }
html body #oaw-wishlist-confirmation .oaw-wishlist-link { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:8px 18px; border-radius:24px; background:#a74473; color:#fff; font:500 15px/1.4 "Albert Sans",sans-serif; letter-spacing:.4px; text-transform:none; text-decoration:none; }
html body #oaw-wishlist-confirmation .oaw-wishlist-close { position:absolute; top:3px; right:3px; width:44px; height:44px; padding:0; border:0; background:transparent; color:#27252b; font:400 26px/44px "Albert Sans",sans-serif; }

/* Mobile cards: photo, paired actions, divider, details, purchase button. */
@media (max-width:767px) {
 html body .products .product:not(.product-category) > .product-wrapper { border:1px solid #e9e3e7 !important; border-radius:12px; background:#fff; padding:0 0 10px !important; overflow:hidden; }
 html body .products .product:not(.product-category) .thumbnail-wrapper { overflow:visible !important; margin:0 !important; width:100% !important; }
 html body .products .product:not(.product-category) .thumbnail-wrapper > a { display:block; }
 html body .products .product:not(.product-category) .thumbnail-wrapper figure { margin:0 !important; }
 html body .products .product:not(.product-category) .thumbnail-wrapper .product-group-button { position:static !important; inset:auto !important; display:flex !important; flex-direction:row !important; align-items:center !important; justify-content:center !important; gap:12px !important; width:auto !important; height:48px !important; min-height:48px; margin:0 10px !important; padding:0 0 3px !important; transform:none !important; opacity:1 !important; visibility:visible !important; background:transparent !important; border:0 !important; border-bottom:1px solid #e9e3e7 !important; box-shadow:none !important; }
 html body .products .product:not(.product-category) .thumbnail-wrapper .product-group-button > .button-in.quickshop,
 html body .products .product:not(.product-category) .thumbnail-wrapper .product-group-button > .button-in.wishlist { position:static !important; inset:auto !important; display:block !important; flex:0 0 44px; width:44px !important; height:44px !important; margin:0 !important; padding:0 !important; background:transparent !important; transform:none !important; opacity:1 !important; visibility:visible !important; animation:none !important; border:0 !important; }
 html body .products .product .thumbnail-wrapper .product-group-button > .quickshop { order:1; }
 html body .products .product .thumbnail-wrapper .product-group-button > .wishlist { order:2; }
 html body .products .product .thumbnail-wrapper .product-group-button > .compare,
 html body .products .product .thumbnail-wrapper .product-group-button > .loop-add-to-cart { display:none !important; }
 html body .products .product .thumbnail-wrapper .product-group-button > .button-in a { position:relative !important; display:flex !important; align-items:center !important; justify-content:center !important; width:44px !important; height:44px !important; margin:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; color:#27252b; box-shadow:none !important; }
 html body .products .product .thumbnail-wrapper .product-group-button > .button-in a::before { position:static !important; inset:auto !important; transform:none !important; font-size:20px !important; line-height:1 !important; margin:0 !important; }
 html body .products .product .thumbnail-wrapper .product-group-button > .wishlist a.added { color:#a74473 !important; }
 html body .products .product .thumbnail-wrapper .product-group-button .button-tooltip { position:absolute !important; width:1px !important; height:1px !important; overflow:hidden !important; clip-path:inset(50%) !important; white-space:nowrap !important; padding:0 !important; margin:-1px !important; }
 html body .products .product:not(.product-category) .meta-wrapper { position:static !important; display:flex !important; flex-direction:column; width:auto !important; margin:0 !important; padding:10px 10px 0 !important; text-align:left !important; transform:none !important; opacity:1 !important; visibility:visible !important; }
 html body .products .product:not(.product-category) .meta-wrapper .product-name { min-height:38px; margin:0 0 7px !important; font-size:14px !important; line-height:1.35 !important; }
 html body .products .product:not(.product-category) .meta-wrapper .price { margin:0 0 12px !important; }
 html body .products .product .meta-wrapper .product-group-button-meta { display:block !important; position:static !important; width:100% !important; margin:0 !important; padding:0 !important; opacity:1 !important; visibility:visible !important; transform:none !important; }
 html body .products .product .meta-wrapper .product-group-button-meta > .loop-add-to-cart { display:block !important; width:100% !important; margin:0 !important; }
 html body .products .product .meta-wrapper .loop-add-to-cart > a.button { display:flex !important; align-items:center; justify-content:center; position:relative !important; min-height:44px; width:100% !important; margin:0 !important; padding:10px 5px !important; font-size:13px !important; line-height:1.35 !important; border:1px solid #a74473 !important; border-radius:24px !important; color:#fff !important; background:#a74473 !important; text-align:center; white-space:normal !important; }
 html body .products .product .meta-wrapper .loop-add-to-cart > a.button .button-tooltip { position:static !important; display:inline !important; opacity:1 !important; visibility:visible !important; transform:none !important; padding:0 !important; margin:0 !important; background:transparent !important; color:inherit !important; font:inherit !important; }
 html body .products .product .meta-wrapper .loop-add-to-cart > a.button:not(.loading)::before,
 html body .products .product .meta-wrapper .loop-add-to-cart > a.button .button-tooltip::after,
 html body .products .product .meta-wrapper .loop-add-to-cart > a.button .button-tooltip::before { display:none !important; }
 html body .products .product:not(.product-category) { margin-bottom:24px !important; }
 html body .oaw-related { margin:28px auto; padding:0 12px; }
 html body .oaw-related .products > .product { width:50%; }
 html body .oaw-related > h2 { font-size:23px; }
 html body .woocommerce-cart-form .product-remove { min-width:70px; }
}

/* Quick View: a centred white close icon in a brand-pink touch target. */
html body #ts-quickshop-modal .close {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  top:0 !important;
  right:0 !important;
  bottom:auto !important;
  left:auto !important;
  width:44px !important;
  height:44px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  box-sizing:border-box !important;
  background:#a74473 !important;
  color:#fff !important;
  line-height:1 !important;
  transform:none !important;
}
html body #ts-quickshop-modal .close::after {
  display:block !important;
  position:static !important;
  inset:auto !important;
  width:20px !important;
  height:20px !important;
  margin:0 !important;
  padding:0 !important;
  font-size:20px !important;
  font-weight:400 !important;
  line-height:20px !important;
  letter-spacing:0 !important;
  text-align:center !important;
  color:inherit !important;
  transform:none !important;
}
html body #ts-quickshop-modal .close:hover,
html body #ts-quickshop-modal .close:focus-visible {
  background:#923560 !important;
  color:#fff !important;
}

/* OAW: one typography system across the shopping journey. */
:root {
  --oaw-shop-font: "Albert Sans", sans-serif;
  --oaw-shop-body: 400;
  --oaw-shop-label: 500;
  --oaw-shop-emphasis: 600;
}

/* Product names and supporting copy share the same family and natural spacing. */
html body .products .product .product-name,
html body .products .product .product-name a,
html body #oaw-cart-confirmation .oaw-confirm-name,
html body .wishlist-item .product-name,
html body .wishlist-item .product-name a,
html body .woocommerce-cart-form .product-name,
html body .woocommerce-cart-form .product-name a,
html body .woocommerce-checkout-review-order-table .product-name {
  font-family:var(--oaw-shop-font) !important;
  font-weight:var(--oaw-shop-label) !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}
html body .products .product .product-name,
html body .products .product .product-name a {
  font-size:14px !important;
  line-height:1.4 !important;
}
html body.single-product [data-elementor-type="product"] .elementor-widget-text-editor,
html body.single-product [data-elementor-type="product"] .elementor-widget-text-editor p,
html body.single-product [data-elementor-type="product"] .elementor-widget-woocommerce-product-content,
html body.single-product [data-elementor-type="product"] .elementor-widget-woocommerce-product-content p,
html body.single-product [data-elementor-type="product"] .elementor-widget-woocommerce-product-content li,
html body.single-product .woocommerce-product-details__short-description,
html body.single-product .woocommerce-product-details__short-description p,
html body #ts-quickshop-modal .woocommerce-product-details__short-description,
html body #ts-quickshop-modal .woocommerce-product-details__short-description p {
  font:var(--oaw-shop-body) 16px/1.5 var(--oaw-shop-font) !important;
  letter-spacing:0 !important;
}

/* Headings have a deliberate scale, without the theme's extra-bold weight. */
html body.single-product h1.product_title {
  font:var(--oaw-shop-emphasis) 32px/1.25 var(--oaw-shop-font) !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}
html body #ts-quickshop-modal .summary h1.product_title,
html body #oaw-cart-confirmation #oaw-confirm-title,
html body .oaw-related > h2,
html body.woocommerce-cart .cart_totals h2,
html body.woocommerce-checkout form.checkout h3 {
  font:var(--oaw-shop-emphasis) 22px/1.3 var(--oaw-shop-font) !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}
html body.tax-product_cat h1,
html body.post-type-archive-product h1,
html body.woocommerce-cart h1,
html body.woocommerce-checkout h1 {
  font:var(--oaw-shop-emphasis) 28px/1.25 var(--oaw-shop-font) !important;
  letter-spacing:0 !important;
}

/* Prices remain clear but no longer overpower product names in Quick View. */
html body .products .product .price,
html body .products .product .price *,
html body.single-product .elementor-widget-woocommerce-product-price .price,
html body.single-product .elementor-widget-woocommerce-product-price .price *,
html body.single-product .summary .price,
html body.single-product .summary .price *,
html body.single-product .woocommerce-variation-price .price,
html body.single-product .woocommerce-variation-price .price *,
html body #ts-quickshop-modal .summary .price,
html body #ts-quickshop-modal .summary .price *,
html body #ts-quickshop-modal .summary .ts-variation-price,
html body #ts-quickshop-modal .summary .ts-variation-price *,
html body .wishlist-item .product-price,
html body .wishlist-item .product-price *,
html body.woocommerce-cart .woocommerce-Price-amount,
html body.woocommerce-cart .woocommerce-Price-amount *,
html body.woocommerce-checkout .woocommerce-Price-amount,
html body.woocommerce-checkout .woocommerce-Price-amount * {
  font-family:var(--oaw-shop-font) !important;
  font-weight:var(--oaw-shop-emphasis) !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}
html body .products .product .price { font-size:14px !important; line-height:1.4 !important; }
html body.single-product .elementor-widget-woocommerce-product-price .price,
html body.single-product .summary > .price,
html body.single-product .woocommerce-variation-price .price { font-size:24px !important; line-height:1.4 !important; }
html body #ts-quickshop-modal .summary .price,
html body #ts-quickshop-modal .summary .ts-variation-price { font-size:20px !important; line-height:1.4 !important; }

/* A single button style: medium-weight 15px text, title case, equal tracking. */
html body .products .product .thumbnail-wrapper .loop-add-to-cart > a.button,
html body .products .product .meta-wrapper .loop-add-to-cart > a.button,
html body .products .product .meta-wrapper .loop-add-to-cart > a.button .button-tooltip,
html body .single_add_to_cart_button,
html body.single-product form.cart .single_add_to_cart_button,
html body.single-product form.cart .woocommerce-variation-add-to-cart > .single_add_to_cart_button,
html body .ts-buy-now-button,
html body #ts-quickshop-modal .summary form.cart .single_add_to_cart_button,
html body #ts-quickshop-modal .summary .ts-buy-now-button,
html body #oaw-cart-confirmation .oaw-confirm-actions > *,
html body.woocommerce-cart .woocommerce a.button,
html body.woocommerce-cart .woocommerce button.button,
html body.woocommerce-checkout .woocommerce a.button,
html body.woocommerce-checkout .woocommerce button.button,
html body .wishlist-item .button {
  font:var(--oaw-shop-label) 15px/1.4 var(--oaw-shop-font) !important;
  letter-spacing:.4px !important;
  text-transform:capitalize !important;
}
html body .woocommerce-ordering .orderby-current,
html body .woocommerce-ordering ul.orderby ul.dropdown a,
html body .ts-product-columns-dropdown .label,
html body .ts-product-columns-dropdown .dropdown li {
  font:var(--oaw-shop-label) 15px/1.4 var(--oaw-shop-font) !important;
  letter-spacing:.4px !important;
  text-transform:capitalize !important;
}
html body .products .product .thumbnail-wrapper .loop-add-to-cart > a.button .button-tooltip,
html body .products .product .meta-wrapper .loop-add-to-cart > a.button .button-tooltip {
  font:inherit !important;
  letter-spacing:inherit !important;
  text-transform:inherit !important;
}
html body.woocommerce-cart .woocommerce-cart-form,
html body.woocommerce-cart .cart_totals,
html body.woocommerce-checkout form.checkout,
html body.woocommerce-checkout form.checkout :is(label,input,select,textarea) {
  font-family:var(--oaw-shop-font) !important;
  letter-spacing:0 !important;
}
@media (max-width:767px) {
  html body.single-product h1.product_title,
  html body.tax-product_cat h1,
  html body.post-type-archive-product h1,
  html body.woocommerce-cart h1,
  html body.woocommerce-checkout h1 { font-size:24px !important; }
  html body #ts-quickshop-modal .summary h1.product_title { font-size:22px !important; }
  html body.single-product .elementor-widget-woocommerce-product-price .price,
  html body.single-product .summary > .price,
  html body.single-product .woocommerce-variation-price .price { font-size:20px !important; }
}

/* Desktop hover labels use the same type system as the mobile actions. */
html body .products .product .button-in .button-tooltip {
  font:var(--oaw-shop-label) 15px/1.4 var(--oaw-shop-font) !important;
  letter-spacing:.4px !important;
  text-transform:capitalize !important;
}
html body .wishlist-item .button .button-tooltip,
html body #ts-quickshop-modal .summary .button > span,
html body.woocommerce-cart .woocommerce .button > span,
html body.woocommerce-checkout .woocommerce .button > span {
  font:inherit !important;
  letter-spacing:inherit !important;
  text-transform:inherit !important;
}
html body .oaw-back-to-catalogue,
html body .oaw-continue-shopping {
  font:var(--oaw-shop-label) 14px/1.4 var(--oaw-shop-font) !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}