/* ========================================================== DENVAS — UNIFIED MOTION SYSTEM Shared interaction behaviour for the current storefront. Principles: - one calm left-to-right fill for primary actions; - arrow movement without moving the whole control; - compact commerce controls never jump; - hover effects only on devices that really support hover; - visible keyboard focus and reduced-motion support. ========================================================== */ :root { --denvas-motion-fill-duration: 0.46s; --denvas-motion-fill-ease: cubic-bezier(0.77, 0, 0.18, 1); --denvas-motion-arrow-duration: 0.42s; --denvas-motion-arrow-ease: cubic-bezier(0.22, 1, 0.36, 1); --denvas-motion-compact-duration: 0.42s; --denvas-motion-card-duration: 0.55s; --denvas-motion-card-ease: cubic-bezier(0.2, 0.7, 0.2, 1); --denvas-motion-focus: #c99463; } /* ---------------------------------------------------------- 01. GLOBAL STABILITY Remove the old upward jump from native/WooCommerce buttons. ---------------------------------------------------------- */ html body.denvas-theme .denvas-button, html body.denvas-theme .button, html body.denvas-theme button.button, html body.denvas-theme input.button, html body.denvas-theme #respond input#submit, html body.denvas-theme .wp-element-button { transform: none !important; filter: none !important; } html body.denvas-theme .denvas-button:hover, html body.denvas-theme .denvas-button:focus-visible, html body.denvas-theme .button:hover, html body.denvas-theme .button:focus-visible, html body.denvas-theme button.button:hover, html body.denvas-theme button.button:focus-visible, html body.denvas-theme input.button:hover, html body.denvas-theme input.button:focus-visible, html body.denvas-theme #respond input#submit:hover, html body.denvas-theme #respond input#submit:focus-visible, html body.denvas-theme .wp-element-button:hover, html body.denvas-theme .wp-element-button:focus-visible { transform: none !important; filter: none !important; } /* ---------------------------------------------------------- 02. PRIMARY CTA — BACKGROUND-SIZE FAMILY Category, FAQ, contact, delivery, returns and tracking. ---------------------------------------------------------- */ html body.denvas-theme .denvas-category .denvas-category-hero a.denvas-button, html body.denvas-theme .denvas-category .denvas-category-story a.denvas-button, html body.denvas-theme .denvas-category > .denvas-why--centered a.denvas-why__cta, html body.denvas-theme .denvas-faq-page .denvas-faq-contact__button, html body.denvas-theme .denvas-contact-page .denvas-contact-form-wrap button.wpforms-submit[type="submit"], html body.denvas-theme .denvas-returns__section--help .denvas-returns__contact-button, html body.denvas-theme .denvas-delivery__cta, html body.denvas-theme .denvas-delivery__contact-row > a, html body.denvas-theme .denvas-tracking__woocommerce form button[type="submit"], html body.denvas-theme .denvas-tracking__woocommerce form .button[type="submit"], html body.denvas-theme .denvas-tracking__contact-cta { transform: none !important; filter: none !important; transition: background-size var(--denvas-motion-fill-duration) var(--denvas-motion-fill-ease), border-color 0.22s ease, color 0.22s ease, box-shadow 0.22s ease !important; } /* ---------------------------------------------------------- 03. PRIMARY CTA — PSEUDO-LAYER FAMILY Home/about and the two final conversion actions. ---------------------------------------------------------- */ html body.denvas-theme .denvas-hero__copy .denvas-button::before, html body.denvas-theme .denvas-why--home .denvas-why__cta::before, html body.denvas-theme .denvas-why--home .denvas-why__link::before, html body.denvas-theme .denvas-about-page .denvas-about-v2__button .wp-block-button__link::before, html body.denvas-theme.denvas-cart-page .wc-block-cart__submit-button::before, html body.denvas-theme.denvas-cart-page .wp-block-woocommerce-empty-cart-block .wp-block-button__link::before, html body.denvas-theme.denvas-checkout-page .wc-block-components-checkout-place-order-button::before { transform-origin: left center !important; transition: transform var(--denvas-motion-fill-duration) var(--denvas-motion-fill-ease) !important; } /* ---------------------------------------------------------- 04. ONE ARROW RHYTHM The element itself stays still; only the arrow travels 6px. ---------------------------------------------------------- */ html body.denvas-theme .denvas-button span[aria-hidden="true"], html body.denvas-theme .denvas-why__cta span[aria-hidden="true"], html body.denvas-theme .denvas-why__link span[aria-hidden="true"], html body.denvas-theme .denvas-about-page .denvas-about-v2__button .denvas-cta-arrow, html body.denvas-theme .denvas-faq-page .denvas-faq-contact__arrow, html body.denvas-theme .denvas-delivery__cta > span:last-child, html body.denvas-theme .denvas-delivery__contact-row > a > span:last-child, html body.denvas-theme .denvas-tracking__woocommerce .denvas-tracking__submit-arrow, html body.denvas-theme .denvas-tracking__contact-cta > span:last-child, html body.denvas-theme .denvas-returns__contact-button::after, html body.denvas-theme .denvas-contact-page .denvas-contact-form-wrap button.wpforms-submit[type="submit"]::after { transition: transform var(--denvas-motion-arrow-duration) var(--denvas-motion-arrow-ease) !important; } html body.denvas-theme.denvas-cart-page .wc-block-cart__submit-button::after, html body.denvas-theme.denvas-cart-page .wp-block-woocommerce-empty-cart-block .wp-block-button__link::after, html body.denvas-theme.denvas-checkout-page .wc-block-components-checkout-place-order-button::after { transition: transform var(--denvas-motion-arrow-duration) var(--denvas-motion-arrow-ease) !important; } /* Keyboard users receive the same state change as pointer users. */ html body.denvas-theme .denvas-hero__copy .denvas-button:focus-visible::before, html body.denvas-theme .denvas-why--home .denvas-why__cta:focus-visible::before, html body.denvas-theme .denvas-why--home .denvas-why__link:focus-visible::before, html body.denvas-theme .denvas-about-page .denvas-about-v2__button .wp-block-button__link:focus-visible::before, html body.denvas-theme.denvas-cart-page .wc-block-cart__submit-button:focus-visible::before, html body.denvas-theme.denvas-cart-page .wp-block-woocommerce-empty-cart-block .wp-block-button__link:focus-visible::before, html body.denvas-theme.denvas-checkout-page .wc-block-components-checkout-place-order-button:focus-visible::before { transform: scaleX(1) !important; } html body.denvas-theme .denvas-button:focus-visible span[aria-hidden="true"], html body.denvas-theme .denvas-why__cta:focus-visible span[aria-hidden="true"], html body.denvas-theme .denvas-why__link:focus-visible span[aria-hidden="true"], html body.denvas-theme .denvas-about-page .denvas-about-v2__button .wp-block-button__link:focus-visible .denvas-cta-arrow, html body.denvas-theme .denvas-faq-page .denvas-faq-contact__button:focus-visible .denvas-faq-contact__arrow, html body.denvas-theme .denvas-delivery__cta:focus-visible > span:last-child, html body.denvas-theme .denvas-delivery__contact-row > a:focus-visible > span:last-child, html body.denvas-theme .denvas-tracking__woocommerce form button[type="submit"]:focus-visible .denvas-tracking__submit-arrow, html body.denvas-theme .denvas-tracking__woocommerce form .button[type="submit"]:focus-visible .denvas-tracking__submit-arrow, html body.denvas-theme .denvas-tracking__contact-cta:focus-visible > span:last-child, html body.denvas-theme .denvas-returns__contact-button:focus-visible::after, html body.denvas-theme .denvas-contact-page .denvas-contact-form-wrap button.wpforms-submit[type="submit"]:focus-visible::after { transform: translateX(6px) !important; } html body.denvas-theme.denvas-cart-page .wc-block-cart__submit-button:focus-visible::after, html body.denvas-theme.denvas-cart-page .wp-block-woocommerce-empty-cart-block .wp-block-button__link:focus-visible::after, html body.denvas-theme.denvas-checkout-page .wc-block-components-checkout-place-order-button:focus-visible::after { transform: translate(6px, -52%) !important; } /* ---------------------------------------------------------- 05. REAL HOVER ONLY Prevent sticky hover states on phones and tablets. ---------------------------------------------------------- */ @media (hover: hover) and (pointer: fine) { html body.denvas-theme .denvas-hero__copy .denvas-button:hover::before, html body.denvas-theme .denvas-why--home .denvas-why__cta:hover::before, html body.denvas-theme .denvas-why--home .denvas-why__link:hover::before, html body.denvas-theme .denvas-about-page .denvas-about-v2__button .wp-block-button__link:hover::before, html body.denvas-theme.denvas-cart-page .wc-block-cart__submit-button:hover::before, html body.denvas-theme.denvas-cart-page .wp-block-woocommerce-empty-cart-block .wp-block-button__link:hover::before, html body.denvas-theme.denvas-checkout-page .wc-block-components-checkout-place-order-button:hover::before { transform: scaleX(1) !important; } html body.denvas-theme .denvas-button:hover span[aria-hidden="true"], html body.denvas-theme .denvas-why__cta:hover span[aria-hidden="true"], html body.denvas-theme .denvas-why__link:hover span[aria-hidden="true"], html body.denvas-theme .denvas-about-page .denvas-about-v2__button .wp-block-button__link:hover .denvas-cta-arrow, html body.denvas-theme .denvas-faq-page .denvas-faq-contact__button:hover .denvas-faq-contact__arrow, html body.denvas-theme .denvas-delivery__cta:hover > span:last-child, html body.denvas-theme .denvas-delivery__contact-row > a:hover > span:last-child, html body.denvas-theme .denvas-tracking__woocommerce form button[type="submit"]:hover .denvas-tracking__submit-arrow, html body.denvas-theme .denvas-tracking__woocommerce form .button[type="submit"]:hover .denvas-tracking__submit-arrow, html body.denvas-theme .denvas-tracking__contact-cta:hover > span:last-child, html body.denvas-theme .denvas-returns__contact-button:hover::after, html body.denvas-theme .denvas-contact-page .denvas-contact-form-wrap button.wpforms-submit[type="submit"]:hover::after { transform: translateX(6px) !important; } html body.denvas-theme.denvas-cart-page .wc-block-cart__submit-button:hover::after, html body.denvas-theme.denvas-cart-page .wp-block-woocommerce-empty-cart-block .wp-block-button__link:hover::after, html body.denvas-theme.denvas-checkout-page .wc-block-components-checkout-place-order-button:hover::after { transform: translate(6px, -52%) !important; } } /* Reset legacy bare :hover rules on coarse/touch pointers. */ @media (hover: none), (pointer: coarse) { html body.denvas-theme .denvas-category .denvas-category-hero a.denvas-button:hover, html body.denvas-theme .denvas-category .denvas-category-story a.denvas-button:hover, html body.denvas-theme .denvas-category > .denvas-why--centered a.denvas-why__cta:hover, html body.denvas-theme .denvas-faq-page .denvas-faq-contact__button:hover, html body.denvas-theme .denvas-contact-page .denvas-contact-form-wrap button.wpforms-submit[type="submit"]:hover, html body.denvas-theme .denvas-returns__section--help .denvas-returns__contact-button:hover, html body.denvas-theme .denvas-delivery__cta:hover, html body.denvas-theme .denvas-delivery__contact-row > a:hover, html body.denvas-theme .denvas-tracking__woocommerce form button[type="submit"]:hover, html body.denvas-theme .denvas-tracking__woocommerce form .button[type="submit"]:hover, html body.denvas-theme .denvas-tracking__contact-cta:hover { background-size: 0% 100%, 100% 100% !important; transform: none !important; } html body.denvas-theme .denvas-hero__copy .denvas-button:hover::before, html body.denvas-theme .denvas-why--home .denvas-why__cta:hover::before, html body.denvas-theme .denvas-why--home .denvas-why__link:hover::before, html body.denvas-theme .denvas-about-page .denvas-about-v2__button .wp-block-button__link:hover::before, html body.denvas-theme.denvas-cart-page .wc-block-cart__submit-button:hover::before, html body.denvas-theme.denvas-cart-page .wp-block-woocommerce-empty-cart-block .wp-block-button__link:hover::before, html body.denvas-theme.denvas-checkout-page .wc-block-components-checkout-place-order-button:hover::before { transform: scaleX(0) !important; } html body.denvas-theme .denvas-button:hover span[aria-hidden="true"], html body.denvas-theme .denvas-why__cta:hover span[aria-hidden="true"], html body.denvas-theme .denvas-why__link:hover span[aria-hidden="true"], html body.denvas-theme .denvas-about-page .denvas-about-v2__button .wp-block-button__link:hover .denvas-cta-arrow, html body.denvas-theme .denvas-faq-page .denvas-faq-contact__button:hover .denvas-faq-contact__arrow, html body.denvas-theme .denvas-delivery__cta:hover > span:last-child, html body.denvas-theme .denvas-delivery__contact-row > a:hover > span:last-child, html body.denvas-theme .denvas-tracking__woocommerce form button[type="submit"]:hover .denvas-tracking__submit-arrow, html body.denvas-theme .denvas-tracking__woocommerce form .button[type="submit"]:hover .denvas-tracking__submit-arrow, html body.denvas-theme .denvas-tracking__contact-cta:hover > span:last-child, html body.denvas-theme .denvas-returns__contact-button:hover::after, html body.denvas-theme .denvas-contact-page .denvas-contact-form-wrap button.wpforms-submit[type="submit"]:hover::after { transform: translateX(0) !important; } html body.denvas-theme.denvas-cart-page .wc-block-cart__submit-button:hover::after, html body.denvas-theme.denvas-cart-page .wp-block-woocommerce-empty-cart-block .wp-block-button__link:hover::after, html body.denvas-theme.denvas-checkout-page .wc-block-components-checkout-place-order-button:hover::after { transform: translateY(-52%) !important; } /* Fast, deliberate feedback while a touch is held. */ html body.denvas-theme .denvas-category .denvas-category-hero a.denvas-button, html body.denvas-theme .denvas-category .denvas-category-story a.denvas-button, html body.denvas-theme .denvas-category > .denvas-why--centered a.denvas-why__cta, html body.denvas-theme .denvas-faq-page .denvas-faq-contact__button, html body.denvas-theme .denvas-contact-page .denvas-contact-form-wrap button.wpforms-submit[type="submit"], html body.denvas-theme .denvas-returns__section--help .denvas-returns__contact-button, html body.denvas-theme .denvas-delivery__cta, html body.denvas-theme .denvas-delivery__contact-row > a, html body.denvas-theme .denvas-tracking__woocommerce form button[type="submit"], html body.denvas-theme .denvas-tracking__woocommerce form .button[type="submit"], html body.denvas-theme .denvas-tracking__contact-cta { transition-duration: 0.16s !important; } html body.denvas-theme .denvas-hero__copy .denvas-button::before, html body.denvas-theme .denvas-why--home .denvas-why__cta::before, html body.denvas-theme .denvas-why--home .denvas-why__link::before, html body.denvas-theme .denvas-about-page .denvas-about-v2__button .wp-block-button__link::before, html body.denvas-theme.denvas-cart-page .wc-block-cart__submit-button::before, html body.denvas-theme.denvas-cart-page .wp-block-woocommerce-empty-cart-block .wp-block-button__link::before, html body.denvas-theme.denvas-checkout-page .wc-block-components-checkout-place-order-button::before, html body.denvas-theme .denvas-button span[aria-hidden="true"], html body.denvas-theme .denvas-why__cta span[aria-hidden="true"], html body.denvas-theme .denvas-why__link span[aria-hidden="true"] { transition-duration: 0.16s !important; } html body.denvas-theme .denvas-category .denvas-category-hero a.denvas-button:active, html body.denvas-theme .denvas-category .denvas-category-story a.denvas-button:active, html body.denvas-theme .denvas-category > .denvas-why--centered a.denvas-why__cta:active, html body.denvas-theme .denvas-faq-page .denvas-faq-contact__button:active, html body.denvas-theme .denvas-contact-page .denvas-contact-form-wrap button.wpforms-submit[type="submit"]:active, html body.denvas-theme .denvas-returns__section--help .denvas-returns__contact-button:active, html body.denvas-theme .denvas-delivery__cta:active, html body.denvas-theme .denvas-delivery__contact-row > a:active, html body.denvas-theme .denvas-tracking__woocommerce form button[type="submit"]:active, html body.denvas-theme .denvas-tracking__woocommerce form .button[type="submit"]:active, html body.denvas-theme .denvas-tracking__contact-cta:active { background-size: 100% 100%, 100% 100% !important; } html body.denvas-theme .denvas-hero__copy .denvas-button:active::before, html body.denvas-theme .denvas-why--home .denvas-why__cta:active::before, html body.denvas-theme .denvas-why--home .denvas-why__link:active::before, html body.denvas-theme .denvas-about-page .denvas-about-v2__button .wp-block-button__link:active::before, html body.denvas-theme.denvas-cart-page .wc-block-cart__submit-button:active::before, html body.denvas-theme.denvas-cart-page .wp-block-woocommerce-empty-cart-block .wp-block-button__link:active::before, html body.denvas-theme.denvas-checkout-page .wc-block-components-checkout-place-order-button:active::before { transform: scaleX(1) !important; } html body.denvas-theme .denvas-button:active span[aria-hidden="true"], html body.denvas-theme .denvas-why__cta:active span[aria-hidden="true"], html body.denvas-theme .denvas-why__link:active span[aria-hidden="true"], html body.denvas-theme .denvas-about-page .denvas-about-v2__button .wp-block-button__link:active .denvas-cta-arrow, html body.denvas-theme .denvas-faq-page .denvas-faq-contact__button:active .denvas-faq-contact__arrow, html body.denvas-theme .denvas-delivery__cta:active > span:last-child, html body.denvas-theme .denvas-delivery__contact-row > a:active > span:last-child, html body.denvas-theme .denvas-tracking__woocommerce form button[type="submit"]:active .denvas-tracking__submit-arrow, html body.denvas-theme .denvas-tracking__woocommerce form .button[type="submit"]:active .denvas-tracking__submit-arrow, html body.denvas-theme .denvas-tracking__contact-cta:active > span:last-child, html body.denvas-theme .denvas-returns__contact-button:active::after, html body.denvas-theme .denvas-contact-page .denvas-contact-form-wrap button.wpforms-submit[type="submit"]:active::after { transform: translateX(6px) !important; } html body.denvas-theme.denvas-cart-page .wc-block-cart__submit-button:active::after, html body.denvas-theme.denvas-cart-page .wp-block-woocommerce-empty-cart-block .wp-block-button__link:active::after, html body.denvas-theme.denvas-checkout-page .wc-block-components-checkout-place-order-button:active::after { transform: translate(6px, -52%) !important; } /* Restore each component's resting colours if a browser keeps :hover. */ html body.denvas-theme .denvas-category .denvas-category-hero a.denvas-button:hover, html body.denvas-theme .denvas-category .denvas-category-story a.denvas-button:hover, html body.denvas-theme .denvas-category > .denvas-why--centered a.denvas-why__cta:hover { border-color: var(--denvas-category-accent) !important; color: #ffffff !important; } html body.denvas-world-zdrowie .denvas-category .denvas-category-hero a.denvas-button:hover, html body.denvas-world-zdrowie .denvas-category .denvas-category-story a.denvas-button:hover, html body.denvas-world-zdrowie .denvas-category > .denvas-why--centered a.denvas-why__cta:hover { border-color: #c49457 !important; color: #d2a66d !important; } html body.denvas-theme .denvas-faq-page .denvas-faq-contact__button:hover { border-color: var(--denvas-faq-gold) !important; color: #ffffff !important; } html body.denvas-theme .denvas-contact-page .denvas-contact-form-wrap button.wpforms-submit[type="submit"]:hover { border-color: var(--denvas-contact-gold) !important; color: #ffffff !important; } html body.denvas-theme .denvas-returns__section--help .denvas-returns__contact-button:hover { border-color: rgba(201, 148, 99, 0.78) !important; color: var(--denvas-returns-light) !important; } html body.denvas-theme .denvas-delivery__cta:hover { border-color: var(--denvas-delivery-gold) !important; color: #ffffff !important; } html body.denvas-theme .denvas-delivery__contact-row > a:hover { border-color: rgba(201, 148, 99, 0.78) !important; color: var(--denvas-delivery-light) !important; } html body.denvas-theme .denvas-tracking__woocommerce form button[type="submit"]:hover, html body.denvas-theme .denvas-tracking__woocommerce form .button[type="submit"]:hover, html body.denvas-theme .denvas-tracking__contact-cta:hover { border-color: var(--denvas-tracking-gold) !important; color: #ffffff !important; } html body.denvas-theme .denvas-about-page .denvas-about-v2__button--primary .wp-block-button__link:hover { border-color: #c99463 !important; } html body.denvas-theme .denvas-about-page .denvas-about-v2__button--secondary .wp-block-button__link:hover { border-color: #171714 !important; } html body.denvas-theme.denvas-cart-page .wc-block-cart__submit-button:hover, html body.denvas-theme.denvas-cart-page .wp-block-woocommerce-empty-cart-block .wp-block-button__link:hover { border-color: var(--denvas-cart-gold) !important; box-shadow: 0 14px 30px rgba(0, 0, 0, 0.26), inset 0 0 0 1px rgba(255, 250, 244, 0.08) !important; } /* Active state is last so it wins over a simultaneously sticky :hover. */ html body.denvas-world-zdrowie .denvas-category .denvas-category-hero a.denvas-button:active, html body.denvas-world-zdrowie .denvas-category .denvas-category-story a.denvas-button:active, html body.denvas-world-zdrowie .denvas-category > .denvas-why--centered a.denvas-why__cta:active, html body.denvas-theme .denvas-returns__section--help .denvas-returns__contact-button:active, html body.denvas-theme .denvas-delivery__contact-row > a:active { color: #171714 !important; } } /* ---------------------------------------------------------- 06. COMMERCE BUTTONS Compact fill is allowed, but the button itself never lifts. ---------------------------------------------------------- */ html body.denvas-theme ul.products li.product .button, html body.denvas-theme .denvas-products ul.products li.product .button, html body.denvas-theme .denvas-shop-shell ul.products li.product .button, html body.denvas-theme div.product form.cart .single_add_to_cart_button { transform: none !important; filter: none !important; transition: background-size var(--denvas-motion-compact-duration) var(--denvas-motion-fill-ease), background-color 0.22s ease, border-color 0.22s ease, color 0.22s ease, box-shadow 0.22s ease !important; } @media (hover: hover) and (pointer: fine) { html body.denvas-theme ul.products li.product .button:hover, html body.denvas-theme .denvas-products ul.products li.product .button:hover, html body.denvas-theme .denvas-shop-shell ul.products li.product .button:hover, html body.denvas-theme div.product form.cart .single_add_to_cart_button:hover { transform: none !important; filter: none !important; box-shadow: 0 8px 20px rgba(24, 17, 10, 0.12) !important; } } @media (hover: none), (pointer: coarse) { html body.denvas-theme ul.products li.product .button:hover, html body.denvas-theme .denvas-products ul.products li.product .button:hover, html body.denvas-theme .denvas-shop-shell ul.products li.product .button:hover, html body.denvas-theme div.product form.cart .single_add_to_cart_button:hover { transform: none !important; filter: none !important; box-shadow: none !important; background-size: 0% 100%, 100% 100% !important; } html body.denvas-theme ul.products li.product .button:active, html body.denvas-theme .denvas-products ul.products li.product .button:active, html body.denvas-theme .denvas-shop-shell ul.products li.product .button:active, html body.denvas-theme div.product form.cart .single_add_to_cart_button:active { opacity: 0.92; transform: none !important; transition-duration: 0.14s !important; } } /* * WordPress Additional CSS contains a legacy WooCommerce selector whose * :is() list raises specificity through two ID-based alternatives. Match that * level only inside product grids and the single-product cart so this shared * motion layer remains authoritative without affecting unrelated controls. */ html body.denvas-theme.woocommerce ul.products li.product :is(a.button, a.added_to_cart, #review_form #submit, #respond #submit), html body.denvas-theme.woocommerce-page ul.products li.product :is(a.button, a.added_to_cart, #review_form #submit, #respond #submit), html body.denvas-theme.woocommerce div.product form.cart :is(button.single_add_to_cart_button, #review_form #submit, #respond #submit), html body.denvas-theme.woocommerce-page div.product form.cart :is(button.single_add_to_cart_button, #review_form #submit, #respond #submit) { transform: none !important; filter: none !important; transition: background-size var(--denvas-motion-compact-duration) var(--denvas-motion-fill-ease), background-color 0.22s ease, border-color 0.22s ease, color 0.22s ease, box-shadow 0.22s ease !important; } @media (hover: hover) and (pointer: fine) { html body.denvas-theme.woocommerce ul.products li.product :is(a.button, a.added_to_cart, #review_form #submit, #respond #submit):hover, html body.denvas-theme.woocommerce-page ul.products li.product :is(a.button, a.added_to_cart, #review_form #submit, #respond #submit):hover, html body.denvas-theme.woocommerce div.product form.cart :is(button.single_add_to_cart_button, #review_form #submit, #respond #submit):hover, html body.denvas-theme.woocommerce-page div.product form.cart :is(button.single_add_to_cart_button, #review_form #submit, #respond #submit):hover { background-size: 100% 100%, 100% 100% !important; transform: none !important; filter: none !important; box-shadow: 0 8px 20px rgba(24, 17, 10, 0.12) !important; } } @media (hover: none), (pointer: coarse) { html body.denvas-theme.woocommerce ul.products li.product :is(a.button, a.added_to_cart, #review_form #submit, #respond #submit):hover, html body.denvas-theme.woocommerce-page ul.products li.product :is(a.button, a.added_to_cart, #review_form #submit, #respond #submit):hover, html body.denvas-theme.woocommerce div.product form.cart :is(button.single_add_to_cart_button, #review_form #submit, #respond #submit):hover, html body.denvas-theme.woocommerce-page div.product form.cart :is(button.single_add_to_cart_button, #review_form #submit, #respond #submit):hover { background-size: 0% 100%, 100% 100% !important; transform: none !important; filter: none !important; box-shadow: none !important; } html body.denvas-theme.woocommerce ul.products li.product :is(a.button, a.added_to_cart, #review_form #submit, #respond #submit):active, html body.denvas-theme.woocommerce-page ul.products li.product :is(a.button, a.added_to_cart, #review_form #submit, #respond #submit):active, html body.denvas-theme.woocommerce div.product form.cart :is(button.single_add_to_cart_button, #review_form #submit, #respond #submit):active, html body.denvas-theme.woocommerce-page div.product form.cart :is(button.single_add_to_cart_button, #review_form #submit, #respond #submit):active { background-size: 100% 100%, 100% 100% !important; opacity: 0.92; transform: none !important; transition-duration: 0.16s !important; } } /* ---------------------------------------------------------- 07. CONVERSION BUTTONS A restrained glow is reserved for cart and checkout only. ---------------------------------------------------------- */ @media (hover: hover) and (pointer: fine) { html body.denvas-theme.denvas-cart-page .wc-block-cart__submit-button:hover, html body.denvas-theme.denvas-cart-page .wp-block-woocommerce-empty-cart-block .wp-block-button__link:hover, html body.denvas-theme.denvas-checkout-page .wc-block-components-checkout-place-order-button:hover { transform: none !important; filter: none !important; border-color: #e6b581 !important; box-shadow: 0 0 0 1px rgba(230, 181, 129, 0.3), 0 14px 30px rgba(0, 0, 0, 0.24) !important; } } /* ---------------------------------------------------------- 08. CATEGORY CARDS Stable card, subtle image zoom and one shared arrow movement. ---------------------------------------------------------- */ html body.denvas-theme .denvas-world-card, html body.denvas-theme .denvas-category-subcats > a { transform: none !important; transition: border-color 0.34s ease, box-shadow 0.34s ease !important; } html body.denvas-theme .denvas-world-card > img, html body.denvas-theme .denvas-category-subcats > a .denvas-category-subcats__media img { transform: scale(1) !important; transition: transform var(--denvas-motion-card-duration) var(--denvas-motion-card-ease) !important; } html body.denvas-theme .denvas-world-card__arrow, html body.denvas-theme .denvas-category-subcats .denvas-arrow { transition: opacity 0.3s ease, transform 0.3s var(--denvas-motion-arrow-ease) !important; } html body.denvas-theme .denvas-world-card:focus-visible, html body.denvas-theme .denvas-category-subcats > a:focus-visible { transform: none !important; outline: 2px solid var(--denvas-motion-focus) !important; outline-offset: 3px !important; } html body.denvas-theme .denvas-world-card:focus-visible > img, html body.denvas-theme .denvas-category-subcats > a:focus-visible .denvas-category-subcats__media img { transform: scale(1.04) !important; } html body.denvas-theme .denvas-category-subcats > a:focus-visible .denvas-arrow { transform: translateX(5px) !important; } @media (hover: hover) and (pointer: fine) { html body.denvas-theme .denvas-world-card:hover, html body.denvas-theme .denvas-category-subcats > a:hover { transform: none !important; } html body.denvas-theme .denvas-world-card:hover > img, html body.denvas-theme .denvas-category-subcats > a:hover .denvas-category-subcats__media img { transform: scale(1.04) !important; } html body.denvas-theme .denvas-category-subcats > a:hover .denvas-arrow { transform: translateX(5px) !important; } } @media (hover: none), (pointer: coarse) { html body.denvas-theme .denvas-world-card:hover, html body.denvas-theme .denvas-category-subcats > a:hover { transform: none !important; box-shadow: none !important; } html body.denvas-theme .denvas-world-card:hover > img, html body.denvas-theme .denvas-category-subcats > a:hover .denvas-category-subcats__media img { transform: scale(1) !important; } } /* ---------------------------------------------------------- 09. CONSISTENT KEYBOARD FOCUS ---------------------------------------------------------- */ html body.denvas-theme .denvas-button:focus-visible, html body.denvas-theme .denvas-why__cta:focus-visible, html body.denvas-theme .denvas-why__link:focus-visible, html body.denvas-theme .denvas-about-page .denvas-about-v2__button .wp-block-button__link:focus-visible, html body.denvas-theme .denvas-faq-page .denvas-faq-contact__button:focus-visible, html body.denvas-theme .denvas-contact-page .denvas-contact-form-wrap button.wpforms-submit[type="submit"]:focus-visible, html body.denvas-theme .denvas-returns__contact-button:focus-visible, html body.denvas-theme .denvas-delivery__cta:focus-visible, html body.denvas-theme .denvas-delivery__contact-row > a:focus-visible, html body.denvas-theme .denvas-tracking__woocommerce form button[type="submit"]:focus-visible, html body.denvas-theme .denvas-tracking__woocommerce form .button[type="submit"]:focus-visible, html body.denvas-theme .denvas-tracking__contact-cta:focus-visible, html body.denvas-theme ul.products li.product .button:focus-visible, html body.denvas-theme div.product form.cart .single_add_to_cart_button:focus-visible, html body.denvas-theme.denvas-cart-page .wc-block-cart__submit-button:focus-visible, html body.denvas-theme.denvas-checkout-page .wc-block-components-checkout-place-order-button:focus-visible { outline: 2px solid var(--denvas-motion-focus) !important; outline-offset: 3px !important; } /* ---------------------------------------------------------- 10. REDUCED MOTION Keep colour feedback, remove travel and animated zoom/fill. ---------------------------------------------------------- */ @media (prefers-reduced-motion: reduce) { html body.denvas-theme.woocommerce ul.products li.product :is(a.button, a.added_to_cart, #review_form #submit, #respond #submit), html body.denvas-theme.woocommerce-page ul.products li.product :is(a.button, a.added_to_cart, #review_form #submit, #respond #submit), html body.denvas-theme.woocommerce div.product form.cart :is(button.single_add_to_cart_button, #review_form #submit, #respond #submit), html body.denvas-theme.woocommerce-page div.product form.cart :is(button.single_add_to_cart_button, #review_form #submit, #respond #submit), html body.denvas-theme .denvas-button, html body.denvas-theme .denvas-button::before, html body.denvas-theme .denvas-button span[aria-hidden="true"], html body.denvas-theme .denvas-why__cta, html body.denvas-theme .denvas-why__cta::before, html body.denvas-theme .denvas-why__cta span[aria-hidden="true"], html body.denvas-theme .denvas-why__link, html body.denvas-theme .denvas-why__link::before, html body.denvas-theme .denvas-why__link span[aria-hidden="true"], html body.denvas-theme .denvas-about-page .denvas-about-v2__button .wp-block-button__link, html body.denvas-theme .denvas-about-page .denvas-about-v2__button .wp-block-button__link::before, html body.denvas-theme .denvas-about-page .denvas-about-v2__button .denvas-cta-arrow, html body.denvas-theme .denvas-faq-page .denvas-faq-contact__button, html body.denvas-theme .denvas-faq-page .denvas-faq-contact__arrow, html body.denvas-theme .denvas-contact-page .denvas-contact-form-wrap button.wpforms-submit[type="submit"], html body.denvas-theme .denvas-contact-page .denvas-contact-form-wrap button.wpforms-submit[type="submit"]::after, html body.denvas-theme .denvas-returns__contact-button, html body.denvas-theme .denvas-returns__contact-button::after, html body.denvas-theme .denvas-delivery__cta, html body.denvas-theme .denvas-delivery__cta > span:last-child, html body.denvas-theme .denvas-delivery__contact-row > a, html body.denvas-theme .denvas-delivery__contact-row > a > span:last-child, html body.denvas-theme .denvas-tracking__woocommerce form button[type="submit"], html body.denvas-theme .denvas-tracking__woocommerce .denvas-tracking__submit-arrow, html body.denvas-theme .denvas-tracking__contact-cta, html body.denvas-theme .denvas-tracking__contact-cta > span:last-child, html body.denvas-theme ul.products li.product .button, html body.denvas-theme div.product form.cart .single_add_to_cart_button, html body.denvas-theme.denvas-cart-page .wc-block-cart__submit-button, html body.denvas-theme.denvas-cart-page .wc-block-cart__submit-button::before, html body.denvas-theme.denvas-cart-page .wc-block-cart__submit-button::after, html body.denvas-theme.denvas-checkout-page .wc-block-components-checkout-place-order-button, html body.denvas-theme.denvas-checkout-page .wc-block-components-checkout-place-order-button::before, html body.denvas-theme.denvas-checkout-page .wc-block-components-checkout-place-order-button::after, html body.denvas-theme .denvas-world-card, html body.denvas-theme .denvas-world-card > img, html body.denvas-theme .denvas-world-card__arrow, html body.denvas-theme .denvas-category-subcats > a, html body.denvas-theme .denvas-category-subcats > a .denvas-category-subcats__media img, html body.denvas-theme .denvas-category-subcats .denvas-arrow { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; } html body.denvas-theme .denvas-button span[aria-hidden="true"], html body.denvas-theme .denvas-why__cta span[aria-hidden="true"], html body.denvas-theme .denvas-why__link span[aria-hidden="true"], html body.denvas-theme .denvas-about-page .denvas-about-v2__button .denvas-cta-arrow, html body.denvas-theme .denvas-faq-page .denvas-faq-contact__arrow, html body.denvas-theme .denvas-contact-page .denvas-contact-form-wrap button.wpforms-submit[type="submit"]::after, html body.denvas-theme .denvas-returns__contact-button::after, html body.denvas-theme .denvas-delivery__cta > span:last-child, html body.denvas-theme .denvas-delivery__contact-row > a > span:last-child, html body.denvas-theme .denvas-tracking__woocommerce .denvas-tracking__submit-arrow, html body.denvas-theme .denvas-tracking__contact-cta > span:last-child, html body.denvas-theme .denvas-category-subcats .denvas-arrow { transform: none !important; } html body.denvas-theme.denvas-cart-page .wc-block-cart__submit-button::after, html body.denvas-theme.denvas-cart-page .wp-block-woocommerce-empty-cart-block .wp-block-button__link::after, html body.denvas-theme.denvas-checkout-page .wc-block-components-checkout-place-order-button::after { transform: translateY(-52%) !important; } html body.denvas-theme .denvas-world-card > img, html body.denvas-theme .denvas-category-subcats > a .denvas-category-subcats__media img { transform: scale(1) !important; } }