.elementor-947 .elementor-element.elementor-element-c9a8539{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--justify-items:end;--align-items:center;--overlay-opacity:0.6;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-947 .elementor-element.elementor-element-c9a8539:not(.elementor-motion-effects-element-type-background), .elementor-947 .elementor-element.elementor-element-c9a8539 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F1E7;background-image:url("https://www.wildtrack-sa.co.za/wp-content/uploads/2026/05/headerbk1.webp");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-947 .elementor-element.elementor-element-c9a8539::before, .elementor-947 .elementor-element.elementor-element-c9a8539 > .elementor-background-video-container::before, .elementor-947 .elementor-element.elementor-element-c9a8539 > .e-con-inner > .elementor-background-video-container::before, .elementor-947 .elementor-element.elementor-element-c9a8539 > .elementor-background-slideshow::before, .elementor-947 .elementor-element.elementor-element-c9a8539 > .e-con-inner > .elementor-background-slideshow::before, .elementor-947 .elementor-element.elementor-element-c9a8539 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#F6F1E7;--background-overlay:'';}.elementor-947 .elementor-element.elementor-element-c9a8539.e-con{--align-self:center;}.elementor-widget-retina .hfe-retina-image-container .hfe-retina-img{border-color:var( --e-global-color-primary );}.elementor-widget-retina .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-947 .elementor-element.elementor-element-e0129a9 .hfe-retina-image-container, .elementor-947 .elementor-element.elementor-element-e0129a9 .hfe-caption-width{text-align:center;}.elementor-947 .elementor-element.elementor-element-e0129a9.elementor-element{--align-self:center;}.elementor-947 .elementor-element.elementor-element-e0129a9 .hfe-retina-image-container .hfe-retina-img{border-style:none;}.elementor-947 .elementor-element.elementor-element-ac874be{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:00px;--padding-right:0px;}.elementor-947 .elementor-element.elementor-element-ac874be.e-con{--align-self:center;}.elementor-947 .elementor-element.elementor-element-292e771{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:50px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:100px;--padding-right:0px;}.elementor-947 .elementor-element.elementor-element-292e771.e-con{--align-self:center;}.elementor-widget-navigation-menu .menu-item a.hfe-menu-item.elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-navigation-menu .menu-item a.hfe-menu-item.elementor-button:hover{background-color:var( --e-global-color-accent );}.elementor-widget-navigation-menu a.hfe-menu-item, .elementor-widget-navigation-menu a.hfe-sub-menu-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-navigation-menu .menu-item a.hfe-menu-item, .elementor-widget-navigation-menu .sub-menu a.hfe-sub-menu-item{color:var( --e-global-color-text );}.elementor-widget-navigation-menu .menu-item a.hfe-menu-item:hover, .elementor-widget-navigation-menu .sub-menu a.hfe-sub-menu-item:hover, .elementor-widget-navigation-menu .menu-item.current-menu-item a.hfe-menu-item, .elementor-widget-navigation-menu .menu-item a.hfe-menu-item.highlighted, .elementor-widget-navigation-menu .menu-item a.hfe-menu-item:focus{color:var( --e-global-color-accent );}.elementor-widget-navigation-menu .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent a.hfe-menu-item:before, .elementor-widget-navigation-menu .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent a.hfe-menu-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-navigation-menu .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent .sub-menu .hfe-has-submenu-container a:after{background-color:var( --e-global-color-accent );}.elementor-widget-navigation-menu .hfe-pointer__framed .menu-item.parent a.hfe-menu-item:before, .elementor-widget-navigation-menu .hfe-pointer__framed .menu-item.parent a.hfe-menu-item:after{border-color:var( --e-global-color-accent );} .elementor-widget-navigation-menu .sub-menu li a.hfe-sub-menu-item, .elementor-widget-navigation-menu nav.hfe-dropdown li a.hfe-sub-menu-item, .elementor-widget-navigation-menu nav.hfe-dropdown li a.hfe-menu-item, .elementor-widget-navigation-menu nav.hfe-dropdown-expandible li a.hfe-menu-item, .elementor-widget-navigation-menu nav.hfe-dropdown-expandible li a.hfe-sub-menu-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-947 .elementor-element.elementor-element-24a7194 .menu-item a.hfe-menu-item{padding-left:30px;padding-right:30px;}.elementor-947 .elementor-element.elementor-element-24a7194 .menu-item a.hfe-sub-menu-item{padding-left:calc( 30px + 20px );padding-right:30px;}.elementor-947 .elementor-element.elementor-element-24a7194 .hfe-nav-menu__layout-vertical .menu-item ul ul a.hfe-sub-menu-item{padding-left:calc( 30px + 40px );padding-right:30px;}.elementor-947 .elementor-element.elementor-element-24a7194 .hfe-nav-menu__layout-vertical .menu-item ul ul ul a.hfe-sub-menu-item{padding-left:calc( 30px + 60px );padding-right:30px;}.elementor-947 .elementor-element.elementor-element-24a7194 .hfe-nav-menu__layout-vertical .menu-item ul ul ul ul a.hfe-sub-menu-item{padding-left:calc( 30px + 80px );padding-right:30px;}.elementor-947 .elementor-element.elementor-element-24a7194 .menu-item a.hfe-menu-item, .elementor-947 .elementor-element.elementor-element-24a7194 .menu-item a.hfe-sub-menu-item{padding-top:15px;padding-bottom:15px;}.elementor-947 .elementor-element.elementor-element-24a7194 ul.sub-menu{width:220px;}.elementor-947 .elementor-element.elementor-element-24a7194 .sub-menu a.hfe-sub-menu-item, .elementor-947 .elementor-element.elementor-element-24a7194 nav.hfe-dropdown li a.hfe-menu-item, .elementor-947 .elementor-element.elementor-element-24a7194 nav.hfe-dropdown li a.hfe-sub-menu-item, .elementor-947 .elementor-element.elementor-element-24a7194 nav.hfe-dropdown-expandible li a.hfe-menu-item, .elementor-947 .elementor-element.elementor-element-24a7194 nav.hfe-dropdown-expandible li a.hfe-sub-menu-item{padding-top:15px;padding-bottom:15px;}.elementor-947 .elementor-element.elementor-element-24a7194.elementor-element{--align-self:center;}.elementor-947 .elementor-element.elementor-element-24a7194 .hfe-nav-menu__toggle{margin:0 auto;}.elementor-947 .elementor-element.elementor-element-24a7194 a.hfe-menu-item, .elementor-947 .elementor-element.elementor-element-24a7194 a.hfe-sub-menu-item{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:700;}.elementor-947 .elementor-element.elementor-element-24a7194 .menu-item a.hfe-menu-item, .elementor-947 .elementor-element.elementor-element-24a7194 .sub-menu a.hfe-sub-menu-item{color:#12341F;}.elementor-947 .elementor-element.elementor-element-24a7194 .menu-item a.hfe-menu-item:hover, .elementor-947 .elementor-element.elementor-element-24a7194 .sub-menu a.hfe-sub-menu-item:hover, .elementor-947 .elementor-element.elementor-element-24a7194 .menu-item.current-menu-item a.hfe-menu-item, .elementor-947 .elementor-element.elementor-element-24a7194 .menu-item a.hfe-menu-item.highlighted, .elementor-947 .elementor-element.elementor-element-24a7194 .menu-item a.hfe-menu-item:focus{color:#12341F;}.elementor-947 .elementor-element.elementor-element-24a7194 .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent a.hfe-menu-item:before, .elementor-947 .elementor-element.elementor-element-24a7194 .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent a.hfe-menu-item:after{background-color:#1E241B;}.elementor-947 .elementor-element.elementor-element-24a7194 .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent .sub-menu .hfe-has-submenu-container a:after{background-color:unset;}.elementor-947 .elementor-element.elementor-element-24a7194 .hfe-pointer__framed .menu-item.parent a.hfe-menu-item:before, .elementor-947 .elementor-element.elementor-element-24a7194 .hfe-pointer__framed .menu-item.parent a.hfe-menu-item:after{border-color:#1E241B;}.elementor-947 .elementor-element.elementor-element-24a7194 .menu-item.current-menu-item a.hfe-menu-item, .elementor-947 .elementor-element.elementor-element-24a7194 .menu-item.current-menu-ancestor a.hfe-menu-item{color:#12341F;}.elementor-947 .elementor-element.elementor-element-24a7194 .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent.current-menu-item a.hfe-menu-item:before, .elementor-947 .elementor-element.elementor-element-24a7194 .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent.current-menu-item a.hfe-menu-item:after{background-color:#1E241B;}.elementor-947 .elementor-element.elementor-element-24a7194 .hfe-nav-menu:not(.hfe-pointer__framed) .menu-item.parent .sub-menu .hfe-has-submenu-container a.current-menu-item:after{background-color:unset;}.elementor-947 .elementor-element.elementor-element-24a7194 .hfe-pointer__framed .menu-item.parent.current-menu-item a.hfe-menu-item:before, .elementor-947 .elementor-element.elementor-element-24a7194 .hfe-pointer__framed .menu-item.parent.current-menu-item a.hfe-menu-item:after{border-color:#1E241B;}.elementor-947 .elementor-element.elementor-element-24a7194 .sub-menu, .elementor-947 .elementor-element.elementor-element-24a7194 nav.hfe-dropdown, .elementor-947 .elementor-element.elementor-element-24a7194 nav.hfe-dropdown-expandible, .elementor-947 .elementor-element.elementor-element-24a7194 nav.hfe-dropdown .menu-item a.hfe-menu-item, .elementor-947 .elementor-element.elementor-element-24a7194 nav.hfe-dropdown .menu-item a.hfe-sub-menu-item{background-color:#fff;}.elementor-947 .elementor-element.elementor-element-24a7194 .sub-menu li.menu-item:not(:last-child), .elementor-947 .elementor-element.elementor-element-24a7194 nav.hfe-dropdown li.menu-item:not(:last-child), .elementor-947 .elementor-element.elementor-element-24a7194 nav.hfe-dropdown-expandible li.menu-item:not(:last-child){border-bottom-style:solid;border-bottom-color:#c4c4c4;border-bottom-width:1px;}.elementor-947 .elementor-element.elementor-element-d762e6a{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:-120px;}.elementor-947 .elementor-element.elementor-element-d762e6a.e-con{--align-self:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-947 .elementor-element.elementor-element-ede35db .elementor-button{background-color:#12341F;font-family:"Roboto", Sans-serif;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:0.02em;fill:#F8F4EC;color:#F8F4EC;box-shadow:0px 0px 12px 0px rgba(18, 52, 31.000000000000018, 0.18);border-style:solid;border-width:1px 1px 1px 1px;border-color:#12341F;border-radius:7px 7px 7px 7px;padding:14px 24px 14px 24px;}.elementor-947 .elementor-element.elementor-element-ede35db .elementor-button:hover, .elementor-947 .elementor-element.elementor-element-ede35db .elementor-button:focus{background-color:#1F5634;color:#F8F4EC;border-color:#1F5634;}.elementor-947 .elementor-element.elementor-element-ede35db{padding:0px 0px 0px 0px;box-shadow:0px 5px 14px 0px rgba(18, 52, 31.000000000000018, 0.18);}.elementor-947 .elementor-element.elementor-element-ede35db.elementor-element{--align-self:center;}.elementor-947 .elementor-element.elementor-element-ede35db .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-947 .elementor-element.elementor-element-ede35db .elementor-button:hover svg, .elementor-947 .elementor-element.elementor-element-ede35db .elementor-button:focus svg{fill:#F8F4EC;}.elementor-947 .elementor-element.elementor-element-02c85eb{--display:flex;--justify-content:flex-end;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-name a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-price{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--checkout{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .woocommerce-mini-cart__empty-message{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-947 .elementor-element.elementor-element-a24a805{--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-border-color:#020101;--toggle-button-hover-border-color:#020101;--toggle-button-border-radius:10px;--cart-border-style:none;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);}.elementor-947 .elementor-element.elementor-element-a24a805 .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-947 .elementor-element.elementor-element-6f0336a{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--justify-items:end;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-947 .elementor-element.elementor-element-6f0336a:not(.elementor-motion-effects-element-type-background), .elementor-947 .elementor-element.elementor-element-6f0336a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F1E7;}.elementor-947 .elementor-element.elementor-element-6f0336a.e-con{--align-self:center;}.elementor-947 .elementor-element.elementor-element-b8852e9 .hfe-retina-image-container, .elementor-947 .elementor-element.elementor-element-b8852e9 .hfe-caption-width{text-align:center;}.elementor-947 .elementor-element.elementor-element-b8852e9.elementor-element{--align-self:center;}.elementor-947 .elementor-element.elementor-element-b8852e9 .hfe-retina-image-container .hfe-retina-img{border-style:none;}.elementor-947 .elementor-element.elementor-element-55a69e0{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:00px;--padding-right:0px;}.elementor-947 .elementor-element.elementor-element-55a69e0.e-con{--align-self:center;}.elementor-947 .elementor-element.elementor-element-653f520{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:50px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:100px;--padding-right:0px;}.elementor-947 .elementor-element.elementor-element-653f520.e-con{--align-self:center;}.elementor-947 .elementor-element.elementor-element-1c40fee .menu-item a.hfe-menu-item{padding-left:30px;padding-right:30px;}.elementor-947 .elementor-element.elementor-element-1c40fee .menu-item a.hfe-sub-menu-item{padding-left:calc( 30px + 20px );padding-right:30px;}.elementor-947 .elementor-element.elementor-element-1c40fee .hfe-nav-menu__layout-vertical .menu-item ul ul a.hfe-sub-menu-item{padding-left:calc( 30px + 40px );padding-right:30px;}.elementor-947 .elementor-element.elementor-element-1c40fee .hfe-nav-menu__layout-vertical .menu-item ul ul ul a.hfe-sub-menu-item{padding-left:calc( 30px + 60px );padding-right:30px;}.elementor-947 .elementor-element.elementor-element-1c40fee .hfe-nav-menu__layout-vertical .menu-item ul ul ul ul a.hfe-sub-menu-item{padding-left:calc( 30px + 80px );padding-right:30px;}.elementor-947 .elementor-element.elementor-element-1c40fee .menu-item a.hfe-menu-item, .elementor-947 .elementor-element.elementor-element-1c40fee .menu-item a.hfe-sub-menu-item{padding-top:15px;padding-bottom:15px;}.elementor-947 .elementor-element.elementor-element-1c40fee ul.sub-menu{width:220px;}.elementor-947 .elementor-element.elementor-element-1c40fee .sub-menu a.hfe-sub-menu-item, .elementor-947 .elementor-element.elementor-element-1c40fee nav.hfe-dropdown li a.hfe-menu-item, .elementor-947 .elementor-element.elementor-element-1c40fee nav.hfe-dropdown li a.hfe-sub-menu-item, .elementor-947 .elementor-element.elementor-element-1c40fee nav.hfe-dropdown-expandible li a.hfe-menu-item, .elementor-947 .elementor-element.elementor-element-1c40fee nav.hfe-dropdown-expandible li a.hfe-sub-menu-item{padding-top:15px;padding-bottom:15px;}.elementor-947 .elementor-element.elementor-element-1c40fee.elementor-element{--align-self:center;}.elementor-947 .elementor-element.elementor-element-1c40fee .hfe-nav-menu__toggle{margin:0 auto;}.elementor-947 .elementor-element.elementor-element-1c40fee a.hfe-menu-item, .elementor-947 .elementor-element.elementor-element-1c40fee a.hfe-sub-menu-item{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:700;}.elementor-947 .elementor-element.elementor-element-1c40fee .menu-item a.hfe-menu-item, .elementor-947 .elementor-element.elementor-element-1c40fee .sub-menu a.hfe-sub-menu-item{color:#12341F;}.elementor-947 .elementor-element.elementor-element-1c40fee .menu-item a.hfe-menu-item:hover, .elementor-947 .elementor-element.elementor-element-1c40fee .sub-menu a.hfe-sub-menu-item:hover, .elementor-947 .elementor-element.elementor-element-1c40fee .menu-item.current-menu-item a.hfe-menu-item, .elementor-947 .elementor-element.elementor-element-1c40fee .menu-item a.hfe-menu-item.highlighted, .elementor-947 .elementor-element.elementor-element-1c40fee .menu-item a.hfe-menu-item:focus{color:#12341F;}.elementor-947 .elementor-element.elementor-element-1c40fee .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent a.hfe-menu-item:before, .elementor-947 .elementor-element.elementor-element-1c40fee .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent a.hfe-menu-item:after{background-color:#1E241B;}.elementor-947 .elementor-element.elementor-element-1c40fee .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent .sub-menu .hfe-has-submenu-container a:after{background-color:unset;}.elementor-947 .elementor-element.elementor-element-1c40fee .hfe-pointer__framed .menu-item.parent a.hfe-menu-item:before, .elementor-947 .elementor-element.elementor-element-1c40fee .hfe-pointer__framed .menu-item.parent a.hfe-menu-item:after{border-color:#1E241B;}.elementor-947 .elementor-element.elementor-element-1c40fee .menu-item.current-menu-item a.hfe-menu-item, .elementor-947 .elementor-element.elementor-element-1c40fee .menu-item.current-menu-ancestor a.hfe-menu-item{color:#12341F;}.elementor-947 .elementor-element.elementor-element-1c40fee .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent.current-menu-item a.hfe-menu-item:before, .elementor-947 .elementor-element.elementor-element-1c40fee .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent.current-menu-item a.hfe-menu-item:after{background-color:#1E241B;}.elementor-947 .elementor-element.elementor-element-1c40fee .hfe-nav-menu:not(.hfe-pointer__framed) .menu-item.parent .sub-menu .hfe-has-submenu-container a.current-menu-item:after{background-color:unset;}.elementor-947 .elementor-element.elementor-element-1c40fee .hfe-pointer__framed .menu-item.parent.current-menu-item a.hfe-menu-item:before, .elementor-947 .elementor-element.elementor-element-1c40fee .hfe-pointer__framed .menu-item.parent.current-menu-item a.hfe-menu-item:after{border-color:#1E241B;}.elementor-947 .elementor-element.elementor-element-1c40fee .sub-menu, .elementor-947 .elementor-element.elementor-element-1c40fee nav.hfe-dropdown, .elementor-947 .elementor-element.elementor-element-1c40fee nav.hfe-dropdown-expandible, .elementor-947 .elementor-element.elementor-element-1c40fee nav.hfe-dropdown .menu-item a.hfe-menu-item, .elementor-947 .elementor-element.elementor-element-1c40fee nav.hfe-dropdown .menu-item a.hfe-sub-menu-item{background-color:#fff;}.elementor-947 .elementor-element.elementor-element-1c40fee .sub-menu li.menu-item:not(:last-child), .elementor-947 .elementor-element.elementor-element-1c40fee nav.hfe-dropdown li.menu-item:not(:last-child), .elementor-947 .elementor-element.elementor-element-1c40fee nav.hfe-dropdown-expandible li.menu-item:not(:last-child){border-bottom-style:solid;border-bottom-color:#c4c4c4;border-bottom-width:1px;}.elementor-947 .elementor-element.elementor-element-b659a46{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:-120px;}.elementor-947 .elementor-element.elementor-element-b659a46.e-con{--align-self:center;}.elementor-947 .elementor-element.elementor-element-4d6d04b{--display:flex;--justify-content:flex-end;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-947 .elementor-element.elementor-element-8675328{--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-border-color:#020101;--toggle-button-hover-border-color:#020101;--toggle-button-border-radius:10px;--cart-border-style:none;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);}.elementor-947 .elementor-element.elementor-element-8675328 .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-947 .elementor-element.elementor-element-691465f{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--justify-items:end;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-947 .elementor-element.elementor-element-691465f:not(.elementor-motion-effects-element-type-background), .elementor-947 .elementor-element.elementor-element-691465f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F1E7;}.elementor-947 .elementor-element.elementor-element-691465f.e-con{--align-self:center;}.elementor-947 .elementor-element.elementor-element-c76096e .hfe-retina-image-container, .elementor-947 .elementor-element.elementor-element-c76096e .hfe-caption-width{text-align:center;}.elementor-947 .elementor-element.elementor-element-c76096e.elementor-element{--align-self:center;}.elementor-947 .elementor-element.elementor-element-c76096e .hfe-retina-image-container .hfe-retina-img{border-style:none;}.elementor-947 .elementor-element.elementor-element-645045c{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:00px;--padding-right:0px;}.elementor-947 .elementor-element.elementor-element-645045c.e-con{--align-self:center;}.elementor-947 .elementor-element.elementor-element-f1f9062{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:50px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:100px;--padding-right:0px;}.elementor-947 .elementor-element.elementor-element-f1f9062.e-con{--align-self:center;}.elementor-947 .elementor-element.elementor-element-552a352{--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-border-color:#020101;--toggle-button-hover-border-color:#020101;--toggle-button-border-radius:10px;--cart-border-style:none;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);}.elementor-947 .elementor-element.elementor-element-552a352 .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-947 .elementor-element.elementor-element-0cc3334{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-947 .elementor-element.elementor-element-0cc3334:not(.elementor-motion-effects-element-type-background), .elementor-947 .elementor-element.elementor-element-0cc3334 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F1E7;}.elementor-947 .elementor-element.elementor-element-e767c13 .menu-item a.hfe-menu-item{padding-left:30px;padding-right:30px;}.elementor-947 .elementor-element.elementor-element-e767c13 .menu-item a.hfe-sub-menu-item{padding-left:calc( 30px + 20px );padding-right:30px;}.elementor-947 .elementor-element.elementor-element-e767c13 .hfe-nav-menu__layout-vertical .menu-item ul ul a.hfe-sub-menu-item{padding-left:calc( 30px + 40px );padding-right:30px;}.elementor-947 .elementor-element.elementor-element-e767c13 .hfe-nav-menu__layout-vertical .menu-item ul ul ul a.hfe-sub-menu-item{padding-left:calc( 30px + 60px );padding-right:30px;}.elementor-947 .elementor-element.elementor-element-e767c13 .hfe-nav-menu__layout-vertical .menu-item ul ul ul ul a.hfe-sub-menu-item{padding-left:calc( 30px + 80px );padding-right:30px;}.elementor-947 .elementor-element.elementor-element-e767c13 .menu-item a.hfe-menu-item, .elementor-947 .elementor-element.elementor-element-e767c13 .menu-item a.hfe-sub-menu-item{padding-top:15px;padding-bottom:15px;}.elementor-947 .elementor-element.elementor-element-e767c13 ul.sub-menu{width:220px;}.elementor-947 .elementor-element.elementor-element-e767c13 .sub-menu a.hfe-sub-menu-item, .elementor-947 .elementor-element.elementor-element-e767c13 nav.hfe-dropdown li a.hfe-menu-item, .elementor-947 .elementor-element.elementor-element-e767c13 nav.hfe-dropdown li a.hfe-sub-menu-item, .elementor-947 .elementor-element.elementor-element-e767c13 nav.hfe-dropdown-expandible li a.hfe-menu-item, .elementor-947 .elementor-element.elementor-element-e767c13 nav.hfe-dropdown-expandible li a.hfe-sub-menu-item{padding-top:15px;padding-bottom:15px;}.elementor-947 .elementor-element.elementor-element-e767c13.elementor-element{--align-self:center;}.elementor-947 .elementor-element.elementor-element-e767c13 .hfe-nav-menu__toggle{margin:0 auto;}.elementor-947 .elementor-element.elementor-element-e767c13 a.hfe-menu-item, .elementor-947 .elementor-element.elementor-element-e767c13 a.hfe-sub-menu-item{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:700;}.elementor-947 .elementor-element.elementor-element-e767c13 .menu-item a.hfe-menu-item, .elementor-947 .elementor-element.elementor-element-e767c13 .sub-menu a.hfe-sub-menu-item{color:#12341F;}.elementor-947 .elementor-element.elementor-element-e767c13 .menu-item a.hfe-menu-item:hover, .elementor-947 .elementor-element.elementor-element-e767c13 .sub-menu a.hfe-sub-menu-item:hover, .elementor-947 .elementor-element.elementor-element-e767c13 .menu-item.current-menu-item a.hfe-menu-item, .elementor-947 .elementor-element.elementor-element-e767c13 .menu-item a.hfe-menu-item.highlighted, .elementor-947 .elementor-element.elementor-element-e767c13 .menu-item a.hfe-menu-item:focus{color:#12341F;}.elementor-947 .elementor-element.elementor-element-e767c13 .menu-item.current-menu-item a.hfe-menu-item, .elementor-947 .elementor-element.elementor-element-e767c13 .menu-item.current-menu-ancestor a.hfe-menu-item{color:#12341F;}.elementor-947 .elementor-element.elementor-element-e767c13 .sub-menu, .elementor-947 .elementor-element.elementor-element-e767c13 nav.hfe-dropdown, .elementor-947 .elementor-element.elementor-element-e767c13 nav.hfe-dropdown-expandible, .elementor-947 .elementor-element.elementor-element-e767c13 nav.hfe-dropdown .menu-item a.hfe-menu-item, .elementor-947 .elementor-element.elementor-element-e767c13 nav.hfe-dropdown .menu-item a.hfe-sub-menu-item{background-color:#fff;}.elementor-947 .elementor-element.elementor-element-e767c13 .sub-menu li.menu-item:not(:last-child), .elementor-947 .elementor-element.elementor-element-e767c13 nav.hfe-dropdown li.menu-item:not(:last-child), .elementor-947 .elementor-element.elementor-element-e767c13 nav.hfe-dropdown-expandible li.menu-item:not(:last-child){border-bottom-style:solid;border-bottom-color:#c4c4c4;border-bottom-width:1px;}@media(min-width:768px){.elementor-947 .elementor-element.elementor-element-c9a8539{--width:100%;}.elementor-947 .elementor-element.elementor-element-ac874be{--width:850px;}.elementor-947 .elementor-element.elementor-element-292e771{--width:100%;}.elementor-947 .elementor-element.elementor-element-d762e6a{--width:100%;}.elementor-947 .elementor-element.elementor-element-02c85eb{--width:60%;}.elementor-947 .elementor-element.elementor-element-6f0336a{--width:100%;}.elementor-947 .elementor-element.elementor-element-55a69e0{--width:850px;}.elementor-947 .elementor-element.elementor-element-653f520{--width:100%;}.elementor-947 .elementor-element.elementor-element-b659a46{--width:100%;}.elementor-947 .elementor-element.elementor-element-4d6d04b{--width:60%;}.elementor-947 .elementor-element.elementor-element-691465f{--width:100%;}.elementor-947 .elementor-element.elementor-element-645045c{--width:850px;}.elementor-947 .elementor-element.elementor-element-f1f9062{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-947 .elementor-element.elementor-element-292e771{--width:74%;}.elementor-947 .elementor-element.elementor-element-55a69e0{--width:350px;}.elementor-947 .elementor-element.elementor-element-653f520{--width:100%;}.elementor-947 .elementor-element.elementor-element-b659a46{--width:200px;}}@media(max-width:1024px){.elementor-947 .elementor-element.elementor-element-c9a8539{--grid-auto-flow:row;}.elementor-947 .elementor-element.elementor-element-ac874be{--justify-content:center;}.elementor-947 .elementor-element.elementor-element-292e771{--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-947 .elementor-element.elementor-element-6f0336a:not(.elementor-motion-effects-element-type-background), .elementor-947 .elementor-element.elementor-element-6f0336a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.wildtrack-sa.co.za/wp-content/uploads/2026/05/headerbk1.webp");background-position:bottom center;background-repeat:no-repeat;background-size:contain;}.elementor-947 .elementor-element.elementor-element-6f0336a{--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-947 .elementor-element.elementor-element-b8852e9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-947 .elementor-element.elementor-element-55a69e0{--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-947 .elementor-element.elementor-element-55a69e0.e-con{--align-self:center;}.elementor-947 .elementor-element.elementor-element-653f520{--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-947 .elementor-element.elementor-element-653f520.e-con{--align-self:center;}.elementor-947 .elementor-element.elementor-element-1c40fee .menu-item a.hfe-menu-item{padding-left:20px;padding-right:20px;}.elementor-947 .elementor-element.elementor-element-1c40fee .menu-item a.hfe-sub-menu-item{padding-left:calc( 20px + 20px );padding-right:20px;}.elementor-947 .elementor-element.elementor-element-1c40fee .hfe-nav-menu__layout-vertical .menu-item ul ul a.hfe-sub-menu-item{padding-left:calc( 20px + 40px );padding-right:20px;}.elementor-947 .elementor-element.elementor-element-1c40fee .hfe-nav-menu__layout-vertical .menu-item ul ul ul a.hfe-sub-menu-item{padding-left:calc( 20px + 60px );padding-right:20px;}.elementor-947 .elementor-element.elementor-element-1c40fee .hfe-nav-menu__layout-vertical .menu-item ul ul ul ul a.hfe-sub-menu-item{padding-left:calc( 20px + 80px );padding-right:20px;}.elementor-947 .elementor-element.elementor-element-1c40fee .menu-item a.hfe-menu-item, .elementor-947 .elementor-element.elementor-element-1c40fee .menu-item a.hfe-sub-menu-item{padding-top:20px;padding-bottom:20px;}body:not(.rtl) .elementor-947 .elementor-element.elementor-element-1c40fee .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child){margin-right:2px;}body.rtl .elementor-947 .elementor-element.elementor-element-1c40fee .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child){margin-left:2px;}.elementor-947 .elementor-element.elementor-element-1c40fee nav:not(.hfe-nav-menu__layout-horizontal) .hfe-nav-menu > li.menu-item:not(:last-child){margin-bottom:2px;}body:not(.rtl) .elementor-947 .elementor-element.elementor-element-1c40fee.hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child){margin-right:0px;}body .elementor-947 .elementor-element.elementor-element-1c40fee nav.hfe-nav-menu__layout-vertical .hfe-nav-menu > li.menu-item:not(:last-child){margin-bottom:0px;}.elementor-947 .elementor-element.elementor-element-1c40fee.elementor-element{--align-self:flex-start;}.elementor-947 .elementor-element.elementor-element-b659a46{--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:-50px;}.elementor-947 .elementor-element.elementor-element-691465f{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-947 .elementor-element.elementor-element-c9a8539{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-947 .elementor-element.elementor-element-c9a8539.e-con{--align-self:center;}.elementor-947 .elementor-element.elementor-element-e0129a9 > .elementor-widget-container{margin:0px 0px 0px 20px;}.elementor-947 .elementor-element.elementor-element-ac874be{--justify-content:center;}.elementor-947 .elementor-element.elementor-element-292e771{--width:100%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-947 .elementor-element.elementor-element-24a7194 .menu-item a.hfe-menu-item{padding-left:30px;padding-right:30px;}.elementor-947 .elementor-element.elementor-element-24a7194 .menu-item a.hfe-sub-menu-item{padding-left:calc( 30px + 20px );padding-right:30px;}.elementor-947 .elementor-element.elementor-element-24a7194 .hfe-nav-menu__layout-vertical .menu-item ul ul a.hfe-sub-menu-item{padding-left:calc( 30px + 40px );padding-right:30px;}.elementor-947 .elementor-element.elementor-element-24a7194 .hfe-nav-menu__layout-vertical .menu-item ul ul ul a.hfe-sub-menu-item{padding-left:calc( 30px + 60px );padding-right:30px;}.elementor-947 .elementor-element.elementor-element-24a7194 .hfe-nav-menu__layout-vertical .menu-item ul ul ul ul a.hfe-sub-menu-item{padding-left:calc( 30px + 80px );padding-right:30px;}.elementor-947 .elementor-element.elementor-element-24a7194 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-947 .elementor-element.elementor-element-d762e6a{--margin-top:0px;--margin-bottom:-19px;--margin-left:0px;--margin-right:0px;}.elementor-947 .elementor-element.elementor-element-ede35db.elementor-element{--order:-99999 /* order start hack */;}.elementor-947 .elementor-element.elementor-element-02c85eb{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-947 .elementor-element.elementor-element-6f0336a{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-947 .elementor-element.elementor-element-6f0336a.e-con{--align-self:center;}.elementor-947 .elementor-element.elementor-element-b8852e9 > .elementor-widget-container{margin:0px 0px 0px 20px;}.elementor-947 .elementor-element.elementor-element-55a69e0{--justify-content:center;}.elementor-947 .elementor-element.elementor-element-653f520{--width:100%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-947 .elementor-element.elementor-element-1c40fee .menu-item a.hfe-menu-item{padding-left:30px;padding-right:30px;}.elementor-947 .elementor-element.elementor-element-1c40fee .menu-item a.hfe-sub-menu-item{padding-left:calc( 30px + 20px );padding-right:30px;}.elementor-947 .elementor-element.elementor-element-1c40fee .hfe-nav-menu__layout-vertical .menu-item ul ul a.hfe-sub-menu-item{padding-left:calc( 30px + 40px );padding-right:30px;}.elementor-947 .elementor-element.elementor-element-1c40fee .hfe-nav-menu__layout-vertical .menu-item ul ul ul a.hfe-sub-menu-item{padding-left:calc( 30px + 60px );padding-right:30px;}.elementor-947 .elementor-element.elementor-element-1c40fee .hfe-nav-menu__layout-vertical .menu-item ul ul ul ul a.hfe-sub-menu-item{padding-left:calc( 30px + 80px );padding-right:30px;}body:not(.rtl) .elementor-947 .elementor-element.elementor-element-1c40fee.hfe-nav-menu__breakpoint-mobile .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child){margin-right:0px;}body .elementor-947 .elementor-element.elementor-element-1c40fee nav.hfe-nav-menu__layout-vertical .hfe-nav-menu > li.menu-item:not(:last-child){margin-bottom:0px;}.elementor-947 .elementor-element.elementor-element-1c40fee > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-947 .elementor-element.elementor-element-b659a46{--margin-top:0px;--margin-bottom:-19px;--margin-left:0px;--margin-right:0px;}.elementor-947 .elementor-element.elementor-element-4d6d04b{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-947 .elementor-element.elementor-element-691465f{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-947 .elementor-element.elementor-element-691465f.e-con{--align-self:center;}.elementor-947 .elementor-element.elementor-element-c76096e > .elementor-widget-container{margin:0px 0px 0px 20px;}.elementor-947 .elementor-element.elementor-element-645045c{--justify-content:center;}.elementor-947 .elementor-element.elementor-element-f1f9062{--width:100%;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-947 .elementor-element.elementor-element-552a352.elementor-element{--order:-99999 /* order start hack */;}.elementor-947 .elementor-element.elementor-element-0cc3334:not(.elementor-motion-effects-element-type-background), .elementor-947 .elementor-element.elementor-element-0cc3334 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.wildtrack-sa.co.za/wp-content/uploads/2026/05/headerbk1.webp");background-position:bottom center;background-repeat:no-repeat;background-size:contain;}.elementor-947 .elementor-element.elementor-element-0cc3334{--z-index:1;}.elementor-947 .elementor-element.elementor-element-e767c13{width:initial;max-width:initial;z-index:500;}.elementor-947 .elementor-element.elementor-element-e767c13 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-947 .elementor-element.elementor-element-e767c13.elementor-element{--align-self:center;}}/* Start custom CSS for button, class: .elementor-element-ede35db *//* ========================================================= WILDTRACK 3D LOGIN / LOGOUT BUTTON Works for: 1. Normal Elementor Button widget 2. [wt_login_logout_button] shortcode button ========================================================= */ .elementor-947 .elementor-element.elementor-element-ede35db, .elementor-947 .elementor-element.elementor-element-ede35db .elementor-widget-container, .elementor-947 .elementor-element.elementor-element-ede35db .elementor-button-wrapper { margin: 0 !important; padding: 0 !important; } /* Main button shell */ .elementor-947 .elementor-element.elementor-element-ede35db .elementor-button-wrapper .elementor-button, .elementor-947 .elementor-element.elementor-element-ede35db .elementor-button, .elementor-947 .elementor-element.elementor-element-ede35db .wt-auth-button, .wt-auth-button { position: relative !important; border: 0 !important; background: transparent !important; box-shadow: none !important; padding: 0 8px 12px !important; min-height: 0 !important; min-width: 0 !important; line-height: 1 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; overflow: visible !important; text-decoration: none !important; cursor: pointer !important; transition: transform 0.2s ease !important; z-index: 1 !important; } /* Bottom 3D layer */ .elementor-947 .elementor-element.elementor-element-ede35db .elementor-button-wrapper .elementor-button::before, .elementor-947 .elementor-element.elementor-element-ede35db .elementor-button::before, .elementor-947 .elementor-element.elementor-element-ede35db .wt-auth-button::before, .wt-auth-button::before { content: "" !important; position: absolute !important; z-index: 0 !important; bottom: 4px !important; left: 4px !important; width: calc(100% - 8px) !important; height: calc(100% - 10px) !important; border-radius: 8px / 16px 16px 8px 8px !important; padding-top: 6px !important; box-sizing: content-box !important; background-color: #071F12 !important; background-image: radial-gradient(4px 8px at 4px calc(100% - 8px), rgba(255, 255, 255, 0.16), transparent), radial-gradient(4px 8px at calc(100% - 4px) calc(100% - 8px), rgba(255, 255, 255, 0.16), transparent), radial-gradient(16px at -4px 0, rgba(255, 255, 255, 0.18), transparent), radial-gradient(16px at calc(100% + 4px) 0, rgba(255, 255, 255, 0.18), transparent) !important; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.35), inset 0 -1px 3px 2px rgba(0, 0, 0, 0.22) !important; transition: border-radius 0.2s ease, padding-top 0.2s ease !important; } /* Base shadow layer */ .elementor-947 .elementor-element.elementor-element-ede35db .elementor-button-wrapper .elementor-button::after, .elementor-947 .elementor-element.elementor-element-ede35db .elementor-button::after, .elementor-947 .elementor-element.elementor-element-ede35db .wt-auth-button::after, .wt-auth-button::after { content: "" !important; position: absolute !important; z-index: -1 !important; top: 4px !important; left: 0 !important; width: 100% !important; height: calc(100% - 4px) !important; border-radius: 12px !important; background-color: rgba(0, 0, 0, 0.14) !important; box-shadow: 0 1px 1px rgba(255, 255, 255, 0.28), inset 0 2px 2px rgba(0, 0, 0, 0.15) !important; } /* Top visible button face */ .elementor-947 .elementor-element.elementor-element-ede35db .elementor-button-content-wrapper, .elementor-947 .elementor-element.elementor-element-ede35db .wt-auth-button .elementor-button-content-wrapper, .wt-auth-button .elementor-button-content-wrapper { position: relative !important; z-index: 2 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; width: 100% !important; min-width: 110px !important; padding: 12px 22px !important; border-radius: 8px !important; background: #12341F !important; color: #F8F4EC !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.14), inset 0 2px 0 rgba(255, 255, 255, 0.10), 0 1px 2px rgba(255, 255, 255, 0.10) !important; transition: transform 0.2s ease, border-radius 0.2s ease, padding 0.2s ease, background 0.2s ease !important; } /* Text */ .elementor-947 .elementor-element.elementor-element-ede35db .elementor-button-text, .elementor-947 .elementor-element.elementor-element-ede35db .elementor-button-text *, .elementor-947 .elementor-element.elementor-element-ede35db .wt-auth-button .elementor-button-text, .elementor-947 .elementor-element.elementor-element-ede35db .wt-auth-button .elementor-button-text *, .wt-auth-button .elementor-button-text, .wt-auth-button .elementor-button-text * { line-height: 1 !important; margin: 0 !important; padding: 0 !important; color: #F8F4EC !important; font-size: 14px !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 0.02em !important; } /* Hover */ .elementor-947 .elementor-element.elementor-element-ede35db .elementor-button-wrapper .elementor-button:hover .elementor-button-content-wrapper, .elementor-947 .elementor-element.elementor-element-ede35db .elementor-button:hover .elementor-button-content-wrapper, .elementor-947 .elementor-element.elementor-element-ede35db .wt-auth-button:hover .elementor-button-content-wrapper, .wt-auth-button:hover .elementor-button-content-wrapper { background: #0E2A19 !important; } /* Press effect */ .elementor-947 .elementor-element.elementor-element-ede35db .elementor-button-wrapper .elementor-button:active .elementor-button-content-wrapper, .elementor-947 .elementor-element.elementor-element-ede35db .elementor-button:active .elementor-button-content-wrapper, .elementor-947 .elementor-element.elementor-element-ede35db .wt-auth-button:active .elementor-button-content-wrapper, .wt-auth-button:active .elementor-button-content-wrapper { transform: translateY(6px) !important; border-radius: 10px !important; } .elementor-947 .elementor-element.elementor-element-ede35db .elementor-button-wrapper .elementor-button:active::before, .elementor-947 .elementor-element.elementor-element-ede35db .elementor-button:active::before, .elementor-947 .elementor-element.elementor-element-ede35db .wt-auth-button:active::before, .wt-auth-button:active::before { border-radius: 10px 10px 8px 8px / 8px !important; padding-top: 0 !important; } /* Optional icon support */ .elementor-947 .elementor-element.elementor-element-ede35db .elementor-button-icon, .elementor-947 .elementor-element.elementor-element-ede35db .wt-auth-button .elementor-button-icon, .wt-auth-button .elementor-button-icon { line-height: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; } .elementor-947 .elementor-element.elementor-element-ede35db .elementor-button-icon svg, .elementor-947 .elementor-element.elementor-element-ede35db .elementor-button-icon img, .elementor-947 .elementor-element.elementor-element-ede35db .wt-auth-button .elementor-button-icon svg, .elementor-947 .elementor-element.elementor-element-ede35db .wt-auth-button .elementor-button-icon img, .wt-auth-button .elementor-button-icon svg, .wt-auth-button .elementor-button-icon img { width: 18px !important; height: 18px !important; display: block !important; } /* Mobile */ @media (max-width: 767px) { .elementor-947 .elementor-element.elementor-element-ede35db .elementor-button-wrapper .elementor-button, .elementor-947 .elementor-element.elementor-element-ede35db .elementor-button, .elementor-947 .elementor-element.elementor-element-ede35db .wt-auth-button, .wt-auth-button { padding: 0 6px 10px !important; } .elementor-947 .elementor-element.elementor-element-ede35db .elementor-button-content-wrapper, .elementor-947 .elementor-element.elementor-element-ede35db .wt-auth-button .elementor-button-content-wrapper, .wt-auth-button .elementor-button-content-wrapper { min-width: 100px !important; padding: 11px 18px !important; } .elementor-947 .elementor-element.elementor-element-ede35db .elementor-button-text, .elementor-947 .elementor-element.elementor-element-ede35db .wt-auth-button .elementor-button-text, .wt-auth-button .elementor-button-text { font-size: 13px !important; } }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f2dda96 *//* ========================================================= WILDTRACK 3D LOGIN / LOGOUT BUTTON No icon version ========================================================= */ .elementor-947 .elementor-element.elementor-element-f2dda96, .elementor-947 .elementor-element.elementor-element-f2dda96 .elementor-widget-container { margin: 0 !important; padding: 0 !important; } .elementor-947 .elementor-element.elementor-element-f2dda96 .wt-auth-button, .wt-auth-button { position: relative !important; border: 0 !important; background: transparent !important; box-shadow: none !important; padding: 0 8px 12px !important; min-height: 0 !important; min-width: 0 !important; line-height: 1 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; overflow: visible !important; text-decoration: none !important; cursor: pointer !important; transition: transform 0.2s ease !important; z-index: 1 !important; } /* Bottom 3D layer */ .elementor-947 .elementor-element.elementor-element-f2dda96 .wt-auth-button::before, .wt-auth-button::before { content: "" !important; position: absolute !important; z-index: 0 !important; bottom: 4px !important; left: 4px !important; width: calc(100% - 8px) !important; height: calc(100% - 10px) !important; border-radius: 8px / 16px 16px 8px 8px !important; padding-top: 6px !important; box-sizing: content-box !important; background-color: #071F12 !important; background-image: radial-gradient(4px 8px at 4px calc(100% - 8px), rgba(255, 255, 255, 0.16), transparent), radial-gradient(4px 8px at calc(100% - 4px) calc(100% - 8px), rgba(255, 255, 255, 0.16), transparent), radial-gradient(16px at -4px 0, rgba(255, 255, 255, 0.18), transparent), radial-gradient(16px at calc(100% + 4px) 0, rgba(255, 255, 255, 0.18), transparent) !important; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.38), inset 0 -1px 3px 2px rgba(0, 0, 0, 0.24) !important; transition: border-radius 0.2s ease, padding-top 0.2s ease !important; } /* Base shadow layer */ .elementor-947 .elementor-element.elementor-element-f2dda96 .wt-auth-button::after, .wt-auth-button::after { content: "" !important; position: absolute !important; z-index: -1 !important; top: 4px !important; left: 0 !important; width: 100% !important; height: calc(100% - 4px) !important; border-radius: 12px !important; background-color: rgba(0, 0, 0, 0.16) !important; box-shadow: 0 1px 1px rgba(255, 255, 255, 0.28), inset 0 2px 2px rgba(0, 0, 0, 0.15) !important; } /* Top visible button face */ .elementor-947 .elementor-element.elementor-element-f2dda96 .wt-auth-button-content, .wt-auth-button-content { position: relative !important; z-index: 2 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-width: 205px !important; padding: 11px 22px !important; border-radius: 8px !important; background: #12341F !important; color: #F8F4EC !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16), inset 0 2px 0 rgba(255, 255, 255, 0.10), 0 1px 2px rgba(255, 255, 255, 0.10) !important; transition: transform 0.2s ease, border-radius 0.2s ease, background 0.2s ease !important; } /* Text */ .elementor-947 .elementor-element.elementor-element-f2dda96 .wt-auth-button-text, .wt-auth-button-text { display: block !important; color: #F8F4EC !important; font-size: 16px !important; font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: 0.02em !important; line-height: 0.95 !important; text-align: center !important; white-space: normal !important; } /* Hide any old icon if cached */ .elementor-947 .elementor-element.elementor-element-f2dda96 .wt-auth-button-icon, .wt-auth-button-icon, .elementor-947 .elementor-element.elementor-element-f2dda96 .wt-auth-button-icon::before, .wt-auth-button-icon::before, .elementor-947 .elementor-element.elementor-element-f2dda96 .wt-auth-button-icon svg, .wt-auth-button-icon svg { display: none !important; } /* Hover */ .elementor-947 .elementor-element.elementor-element-f2dda96 .wt-auth-button:hover .wt-auth-button-content, .wt-auth-button:hover .wt-auth-button-content { background: #0E2A19 !important; } /* Press effect */ .elementor-947 .elementor-element.elementor-element-f2dda96 .wt-auth-button:active .wt-auth-button-content, .wt-auth-button:active .wt-auth-button-content { transform: translateY(6px) !important; border-radius: 10px !important; } .elementor-947 .elementor-element.elementor-element-f2dda96 .wt-auth-button:active::before, .wt-auth-button:active::before { border-radius: 10px 10px 8px 8px / 8px !important; padding-top: 0 !important; } /* Logout state */ .elementor-947 .elementor-element.elementor-element-f2dda96 .wt-auth-button[data-wt-auth-state="logout"] .wt-auth-button-content, .wt-auth-button[data-wt-auth-state="logout"] .wt-auth-button-content { background: #12341F !important; } /* Mobile */ @media (max-width: 767px) { .elementor-947 .elementor-element.elementor-element-f2dda96 .wt-auth-button, .wt-auth-button { padding: 0 6px 10px !important; } .elementor-947 .elementor-element.elementor-element-f2dda96 .wt-auth-button-content, .wt-auth-button-content { min-width: 170px !important; padding: 10px 18px !important; } .elementor-947 .elementor-element.elementor-element-f2dda96 .wt-auth-button-text, .wt-auth-button-text { font-size: 14px !important; } } /* ========================================================= WILDTRACK AUTH BUTTON SIZE ADJUSTMENT Makes button narrower on the sides ========================================================= */ .elementor-947 .elementor-element.elementor-element-f2dda96 .wt-auth-button-content, .wt-auth-button-content { min-width: 135px !important; padding: 10px 16px !important; } .elementor-947 .elementor-element.elementor-element-f2dda96 .wt-auth-button-text, .wt-auth-button-text { font-size: 14px !important; } /* Mobile */ @media (max-width: 767px) { .elementor-947 .elementor-element.elementor-element-f2dda96 .wt-auth-button-content, .wt-auth-button-content { min-width: 120px !important; padding: 9px 14px !important; } .elementor-947 .elementor-element.elementor-element-f2dda96 .wt-auth-button-text, .wt-auth-button-text { font-size: 13px !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-menu-cart, class: .elementor-element-a24a805 *//* ========================================================= WILDTRACK SIDE CART CLEAN FULL CSS VERSION ========================================================= */ /* Overlay */ .elementor-menu-cart__container { background: rgba(8, 20, 18, 0.58) !important; } /* Main side cart panel */ .elementor-menu-cart__container .elementor-menu-cart__main { width: 320px !important; max-width: 92vw !important; height: 100vh !important; position: fixed !important; top: 0 !important; right: 0 !important; left: auto !important; bottom: 0 !important; overflow: hidden !important; background-color: #fffdf8 !important; background-image: url("https://www.wildtrack-sa.co.za/wp-content/uploads/2026/05/CartBR.png") !important; background-repeat: no-repeat !important; background-size: 100% 150px !important; background-position: bottom center !important; padding: 35px 22px 0 !important; box-shadow: -50px 0 40px rgba(22, 31, 24, 0.26) !important; font-family: "Poppins", sans-serif !important; box-sizing: border-box !important; } /* Remove default pseudo layers */ .elementor-menu-cart__container .elementor-menu-cart__main::before, .elementor-menu-cart__container .elementor-menu-cart__main::after { content: none !important; display: none !important; } /* Close button */ .elementor-menu-cart__close-button { position: absolute !important; top: 35px !important; right: 18px !important; color: #5f6c63 !important; font-size: 28px !important; line-height: 1 !important; z-index: 30 !important; } .elementor-menu-cart__close-button:hover { color: #264331 !important; } /* Main cart content */ .widget_shopping_cart_content { display: flex !important; flex-direction: column !important; height: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; } /* Title */ .elementor-menu-cart__container .widget_shopping_cart_content::before { content: "Your Cart"; display: block !important; color: #264331 !important; font-size: 31px !important; font-weight: 700 !important; line-height: 1.05 !important; letter-spacing: -0.02em !important; margin: 0 42px 6px 0 !important; flex: 0 0 auto !important; } /* Subtitle */ .elementor-menu-cart__container .woocommerce-mini-cart::before, .elementor-menu-cart__container .elementor-menu-cart__products::before { content: "Selected reserve passes" !important; display: block !important; color: #6f746d !important; font-size: 15px !important; font-weight: 500 !important; line-height: 1.35 !important; margin: 0 0 14px 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; } /* Product list scroll area */ .woocommerce-mini-cart, .elementor-menu-cart__products { list-style: none !important; margin: 0 !important; padding: 0 4px 12px 0 !important; flex: 1 1 auto !important; min-height: 0 !important; overflow-y: auto !important; overflow-x: hidden !important; } /* Remove bullets */ .woocommerce-mini-cart li, .elementor-menu-cart__products li { list-style: none !important; } .woocommerce-mini-cart li::marker, .elementor-menu-cart__products li::marker { display: none !important; content: "" !important; } /* ========================================================= PRODUCT CARD ========================================================= */ .woocommerce-mini-cart .mini_cart_item, .woocommerce-mini-cart .woocommerce-mini-cart-item, .elementor-menu-cart__product { display: grid !important; grid-template-columns: 80px minmax(90px, 1fr) 6px !important; grid-template-rows: auto auto !important; column-gap: 30px !important; row-gap: 2px !important; align-items: center !important; position: relative !important; min-height: 106px !important; padding: 12px 10px 12px 12px !important; margin: 0 0 16px 0 !important; background: rgba(255, 253, 248, 0.98) !important; border: 2px solid #d8c8a8 !important; border-radius: 17px !important; box-shadow: 0 8px 20px rgba(80, 72, 54, 0.05) !important; box-sizing: border-box !important; overflow: hidden !important; } /* Move the price lower under the duration text */ .wt-mini-cart-price-only, .elementor-menu-cart__product-price { display: block !important; margin-top: 15px !important; } /* Product link should allow children to join the grid */ .woocommerce-mini-cart .mini_cart_item > a:not(.remove), .woocommerce-mini-cart .woocommerce-mini-cart-item > a:not(.remove), .elementor-menu-cart__product-name { display: contents !important; color: #1f2f23 !important; text-decoration: none !important; } /* Product image */ .woocommerce-mini-cart .mini_cart_item > a:not(.remove) img, .woocommerce-mini-cart .woocommerce-mini-cart-item > a:not(.remove) img, .elementor-menu-cart__product-image img, .wt-cart-map-thumb { grid-column: 1 !important; grid-row: 1 / 3 !important; display: block !important; width: 72px !important; height: 72px !important; min-width: 100px !important; max-width: 100px !important; border-radius: 10px !important; border: 1px solid #d8c8a8 !important; object-fit: cover !important; object-position: center !important; margin: 0 !important; float: none !important; background: #f4efe4 !important; box-sizing: border-box !important; } /* Map name */ .wt-cart-item-name-main { grid-column: 2 !important; grid-row: 1 !important; display: block !important; align-self: end !important; margin: 0 0 4px 0 !important; padding: 0 !important; color: #1f2f23 !important; font-size: 15px !important; font-weight: 800 !important; line-height: 1.15 !important; text-align: left !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: clip !important; } /* Duration */ .wt-cart-item-name-sub { grid-column: 2 !important; grid-row: 2 !important; display: block !important; align-self: start !important; margin: 0 !important; padding: 0 !important; color: #6f746d !important; font-size: 12px !important; font-weight: 500 !important; line-height: 1.2 !important; text-align: left !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: clip !important; } /* Quantity wrapper becomes price area */ .woocommerce-mini-cart .mini_cart_item > .quantity, .woocommerce-mini-cart .woocommerce-mini-cart-item > .quantity, .woocommerce-mini-cart .mini_cart_item .quantity, .woocommerce-mini-cart .woocommerce-mini-cart-item .quantity { grid-column: 3 !important; grid-row: 1 / 3 !important; align-self: center !important; justify-self: end !important; font-size: 0 !important; line-height: 1 !important; color: transparent !important; margin: 0 18px 0 0 !important; padding: 0 !important; white-space: nowrap !important; letter-spacing: -999px !important; } /* Show only price */ .woocommerce-mini-cart .mini_cart_item > .quantity .amount, .woocommerce-mini-cart .woocommerce-mini-cart-item > .quantity .amount, .woocommerce-mini-cart .mini_cart_item .quantity .amount, .woocommerce-mini-cart .woocommerce-mini-cart-item .quantity .amount, .wt-mini-cart-price-only, .elementor-menu-cart__product-price { display: block !important; color: #1f2f23 !important; font-size: 15px !important; font-weight: 800 !important; line-height: 1 !important; white-space: nowrap !important; letter-spacing: normal !important; } /* Hide real quantity controls */ .elementor-menu-cart__product-quantity, .qty, .quantity input, .quantity select, input.qty, select.qty { display: none !important; } /* Remove button */ .woocommerce-mini-cart .remove, .elementor-menu-cart__product-remove { position: absolute !important; right: 15px !important; bottom: 12px !important; top: auto !important; left: auto !important; width: 30px !important; height: 28px !important; min-width: 28px !important; border: 1px solid #cdbb97 !important; border-radius: 50% !important; background: #fffdf8 !important; color: #4b4f49 !important; font-size: 20px !important; line-height: 25px !important; text-align: center !important; text-decoration: none !important; box-sizing: border-box !important; z-index: 5 !important; } .woocommerce-mini-cart .remove:hover, .elementor-menu-cart__product-remove:hover { background: #f6efe2 !important; color: #264331 !important; } /* ========================================================= FIXED FOOTER AREA ========================================================= */ .woocommerce-mini-cart__total, .elementor-menu-cart__subtotal { position: relative !important; flex: 0 0 auto !important; border-top: none !important; margin: 0 !important; padding: 22px 0 0 0 !important; color: #1f2f23 !important; font-size: 17px !important; font-weight: 800 !important; display: flex !important; justify-content: space-between !important; align-items: center !important; flex-wrap: wrap !important; background: transparent !important; } /* Paw divider graphic */ .woocommerce-mini-cart__total::before, .elementor-menu-cart__subtotal::before { content: "" !important; position: absolute !important; top: -6px !important; left: 50% !important; transform: translateX(-50%) !important; width: 28px !important; height: 22px !important; background-color: transparent !important; background-image: url("https://www.wildtrack-sa.co.za/wp-content/uploads/2026/04/Design1-scaled.png") !important; background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important; padding: 0 150px !important; box-sizing: content-box !important; z-index: 3 !important; } /* Subtotal label */ .woocommerce-mini-cart__total strong, .elementor-menu-cart__subtotal strong { color: #1f2f23 !important; font-size: 17px !important; font-weight: 800 !important; } /* Subtotal value */ .woocommerce-mini-cart__total .amount, .elementor-menu-cart__subtotal .amount { color: #264331 !important; font-size: 20px !important; font-weight: 700 !important; } /* Buttons */ .woocommerce-mini-cart__buttons, .elementor-menu-cart__footer-buttons { flex: 0 0 auto !important; display: block !important; margin: 16px 0 0 0 !important; padding: 0 0 80px 0 !important; background: transparent !important; } /* Hide view basket */ .woocommerce-mini-cart__buttons .button.wc-forward:not(.checkout), .elementor-menu-cart__footer-buttons .elementor-button--view-cart { display: none !important; } /* Checkout button */ .woocommerce-mini-cart__buttons .button.checkout, .elementor-menu-cart__footer-buttons .elementor-button--checkout { width: 100% !important; min-height: 52px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: #1f5634 !important; border: 1px solid #1f5634 !important; color: #fffdf8 !important; border-radius: 10px !important; padding: 15px 18px !important; font-size: 15px !important; font-weight: 800 !important; text-decoration: none !important; box-shadow: none !important; } .woocommerce-mini-cart__buttons .button.checkout:hover, .elementor-menu-cart__footer-buttons .elementor-button--checkout:hover { background: #19462a !important; border-color: #19462a !important; color: #fffdf8 !important; } /* Empty cart */ .woocommerce-mini-cart__empty-message { color: #445046 !important; font-size: 15px !important; font-weight: 600 !important; text-align: center !important; padding: 40px 10px !important; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { html:has(.elementor-menu-cart--shown), body:has(.elementor-menu-cart--shown) { overflow: hidden !important; height: 100% !important; position: fixed !important; width: 100% !important; touch-action: none !important; } .elementor-menu-cart__container { position: fixed !important; inset: 0 !important; height: 100dvh !important; overflow: hidden !important; background: rgba(8, 20, 18, 0.58) !important; } .elementor-menu-cart__container .elementor-menu-cart__main { width: 100vw !important; max-width: 100vw !important; height: 100dvh !important; max-height: 100dvh !important; padding: 20px 18px 0 !important; overflow: hidden !important; background-color: #fffdf8 !important; background-image: url("https://www.wildtrack-sa.co.za/wp-content/uploads/2026/05/CartBR.png") !important; background-repeat: no-repeat !important; background-size: 100% 145px !important; background-position: bottom center !important; background-attachment: local !important; } .widget_shopping_cart_content { height: 100% !important; min-height: 0 !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; } .woocommerce-mini-cart, .elementor-menu-cart__products { flex: 1 1 auto !important; min-height: 0 !important; overflow-y: auto !important; overflow-x: hidden !important; -webkit-overflow-scrolling: touch !important; overscroll-behavior: contain !important; padding: 0 4px 12px 0 !important; } .woocommerce-mini-cart__total, .elementor-menu-cart__subtotal, .woocommerce-mini-cart__buttons, .elementor-menu-cart__footer-buttons { flex: 0 0 auto !important; } .elementor-menu-cart__container .widget_shopping_cart_content::before { font-size: 30px !important; } .woocommerce-mini-cart .mini_cart_item, .woocommerce-mini-cart .woocommerce-mini-cart-item, .elementor-menu-cart__product { grid-template-columns: 68px minmax(84px, 1fr) 66px !important; column-gap: 9px !important; min-height: 100px !important; padding: 12px 10px 12px 12px !important; } .woocommerce-mini-cart .mini_cart_item > a:not(.remove) img, .woocommerce-mini-cart .woocommerce-mini-cart-item > a:not(.remove) img, .elementor-menu-cart__product-image img, .wt-cart-map-thumb { width: 68px !important; height: 68px !important; min-width: 68px !important; max-width: 68px !important; } .wt-cart-item-name-main { font-size: 14px !important; } .wt-cart-item-name-sub { font-size: 12px !important; } .woocommerce-mini-cart .mini_cart_item > .quantity, .woocommerce-mini-cart .woocommerce-mini-cart-item > .quantity, .woocommerce-mini-cart .mini_cart_item .quantity, .woocommerce-mini-cart .woocommerce-mini-cart-item .quantity { margin-right: 16px !important; } .woocommerce-mini-cart .mini_cart_item > .quantity .amount, .woocommerce-mini-cart .woocommerce-mini-cart-item > .quantity .amount, .woocommerce-mini-cart .mini_cart_item .quantity .amount, .woocommerce-mini-cart .woocommerce-mini-cart-item .quantity .amount, .wt-mini-cart-price-only, .elementor-menu-cart__product-price { font-size: 14px !important; } .woocommerce-mini-cart__total::before, .elementor-menu-cart__subtotal::before { padding: 0 120px !important; } }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ffd3be0 *//* ========================================================= WILDTRACK 3D LOGIN / LOGOUT BUTTON No icon version ========================================================= */ .elementor-947 .elementor-element.elementor-element-ffd3be0, .elementor-947 .elementor-element.elementor-element-ffd3be0 .elementor-widget-container { margin: 0 !important; padding: 0 !important; } .elementor-947 .elementor-element.elementor-element-ffd3be0 .wt-auth-button, .wt-auth-button { position: relative !important; border: 0 !important; background: transparent !important; box-shadow: none !important; padding: 0 8px 12px !important; min-height: 0 !important; min-width: 0 !important; line-height: 1 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; overflow: visible !important; text-decoration: none !important; cursor: pointer !important; transition: transform 0.2s ease !important; z-index: 1 !important; } /* Bottom 3D layer */ .elementor-947 .elementor-element.elementor-element-ffd3be0 .wt-auth-button::before, .wt-auth-button::before { content: "" !important; position: absolute !important; z-index: 0 !important; bottom: 4px !important; left: 4px !important; width: calc(100% - 8px) !important; height: calc(100% - 10px) !important; border-radius: 8px / 16px 16px 8px 8px !important; padding-top: 6px !important; box-sizing: content-box !important; background-color: #071F12 !important; background-image: radial-gradient(4px 8px at 4px calc(100% - 8px), rgba(255, 255, 255, 0.16), transparent), radial-gradient(4px 8px at calc(100% - 4px) calc(100% - 8px), rgba(255, 255, 255, 0.16), transparent), radial-gradient(16px at -4px 0, rgba(255, 255, 255, 0.18), transparent), radial-gradient(16px at calc(100% + 4px) 0, rgba(255, 255, 255, 0.18), transparent) !important; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.38), inset 0 -1px 3px 2px rgba(0, 0, 0, 0.24) !important; transition: border-radius 0.2s ease, padding-top 0.2s ease !important; } /* Base shadow layer */ .elementor-947 .elementor-element.elementor-element-ffd3be0 .wt-auth-button::after, .wt-auth-button::after { content: "" !important; position: absolute !important; z-index: -1 !important; top: 4px !important; left: 0 !important; width: 100% !important; height: calc(100% - 4px) !important; border-radius: 12px !important; background-color: rgba(0, 0, 0, 0.16) !important; box-shadow: 0 1px 1px rgba(255, 255, 255, 0.28), inset 0 2px 2px rgba(0, 0, 0, 0.15) !important; } /* Top visible button face */ .elementor-947 .elementor-element.elementor-element-ffd3be0 .wt-auth-button-content, .wt-auth-button-content { position: relative !important; z-index: 2 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-width: 205px !important; padding: 11px 22px !important; border-radius: 8px !important; background: #12341F !important; color: #F8F4EC !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16), inset 0 2px 0 rgba(255, 255, 255, 0.10), 0 1px 2px rgba(255, 255, 255, 0.10) !important; transition: transform 0.2s ease, border-radius 0.2s ease, background 0.2s ease !important; } /* Text */ .elementor-947 .elementor-element.elementor-element-ffd3be0 .wt-auth-button-text, .wt-auth-button-text { display: block !important; color: #F8F4EC !important; font-size: 16px !important; font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: 0.02em !important; line-height: 0.95 !important; text-align: center !important; white-space: normal !important; } /* Hide any old icon if cached */ .elementor-947 .elementor-element.elementor-element-ffd3be0 .wt-auth-button-icon, .wt-auth-button-icon, .elementor-947 .elementor-element.elementor-element-ffd3be0 .wt-auth-button-icon::before, .wt-auth-button-icon::before, .elementor-947 .elementor-element.elementor-element-ffd3be0 .wt-auth-button-icon svg, .wt-auth-button-icon svg { display: none !important; } /* Hover */ .elementor-947 .elementor-element.elementor-element-ffd3be0 .wt-auth-button:hover .wt-auth-button-content, .wt-auth-button:hover .wt-auth-button-content { background: #0E2A19 !important; } /* Press effect */ .elementor-947 .elementor-element.elementor-element-ffd3be0 .wt-auth-button:active .wt-auth-button-content, .wt-auth-button:active .wt-auth-button-content { transform: translateY(6px) !important; border-radius: 10px !important; } .elementor-947 .elementor-element.elementor-element-ffd3be0 .wt-auth-button:active::before, .wt-auth-button:active::before { border-radius: 10px 10px 8px 8px / 8px !important; padding-top: 0 !important; } /* Logout state */ .elementor-947 .elementor-element.elementor-element-ffd3be0 .wt-auth-button[data-wt-auth-state="logout"] .wt-auth-button-content, .wt-auth-button[data-wt-auth-state="logout"] .wt-auth-button-content { background: #12341F !important; } /* Mobile */ @media (max-width: 767px) { .elementor-947 .elementor-element.elementor-element-ffd3be0 .wt-auth-button, .wt-auth-button { padding: 0 6px 10px !important; } .elementor-947 .elementor-element.elementor-element-ffd3be0 .wt-auth-button-content, .wt-auth-button-content { min-width: 170px !important; padding: 10px 18px !important; } .elementor-947 .elementor-element.elementor-element-ffd3be0 .wt-auth-button-text, .wt-auth-button-text { font-size: 14px !important; } } /* ========================================================= WILDTRACK AUTH BUTTON SIZE ADJUSTMENT Makes button narrower on the sides ========================================================= */ .elementor-947 .elementor-element.elementor-element-ffd3be0 .wt-auth-button-content, .wt-auth-button-content { min-width: 135px !important; padding: 10px 16px !important; } .elementor-947 .elementor-element.elementor-element-ffd3be0 .wt-auth-button-text, .wt-auth-button-text { font-size: 14px !important; } /* Mobile */ @media (max-width: 767px) { .elementor-947 .elementor-element.elementor-element-ffd3be0 .wt-auth-button-content, .wt-auth-button-content { min-width: 120px !important; padding: 9px 14px !important; } .elementor-947 .elementor-element.elementor-element-ffd3be0 .wt-auth-button-text, .wt-auth-button-text { font-size: 13px !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-menu-cart, class: .elementor-element-8675328 *//* ========================================================= WILDTRACK SIDE CART CLEAN FULL CSS VERSION ========================================================= */ /* Overlay */ .elementor-menu-cart__container { background: rgba(8, 20, 18, 0.58) !important; } /* Main side cart panel */ .elementor-menu-cart__container .elementor-menu-cart__main { width: 320px !important; max-width: 92vw !important; height: 100vh !important; position: fixed !important; top: 0 !important; right: 0 !important; left: auto !important; bottom: 0 !important; overflow: hidden !important; background-color: #fffdf8 !important; background-image: url("https://www.wildtrack-sa.co.za/wp-content/uploads/2026/05/CartBR.png") !important; background-repeat: no-repeat !important; background-size: 100% 150px !important; background-position: bottom center !important; padding: 35px 22px 0 !important; box-shadow: -50px 0 40px rgba(22, 31, 24, 0.26) !important; font-family: "Poppins", sans-serif !important; box-sizing: border-box !important; } /* Remove default pseudo layers */ .elementor-menu-cart__container .elementor-menu-cart__main::before, .elementor-menu-cart__container .elementor-menu-cart__main::after { content: none !important; display: none !important; } /* Close button */ .elementor-menu-cart__close-button { position: absolute !important; top: 35px !important; right: 18px !important; color: #5f6c63 !important; font-size: 28px !important; line-height: 1 !important; z-index: 30 !important; } .elementor-menu-cart__close-button:hover { color: #264331 !important; } /* Main cart content */ .widget_shopping_cart_content { display: flex !important; flex-direction: column !important; height: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; } /* Title */ .elementor-menu-cart__container .widget_shopping_cart_content::before { content: "Your Cart"; display: block !important; color: #264331 !important; font-size: 31px !important; font-weight: 700 !important; line-height: 1.05 !important; letter-spacing: -0.02em !important; margin: 0 42px 6px 0 !important; flex: 0 0 auto !important; } /* Subtitle */ .elementor-menu-cart__container .woocommerce-mini-cart::before, .elementor-menu-cart__container .elementor-menu-cart__products::before { content: "Selected reserve passes" !important; display: block !important; color: #6f746d !important; font-size: 15px !important; font-weight: 500 !important; line-height: 1.35 !important; margin: 0 0 14px 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; } /* Product list scroll area */ .woocommerce-mini-cart, .elementor-menu-cart__products { list-style: none !important; margin: 0 !important; padding: 0 4px 12px 0 !important; flex: 1 1 auto !important; min-height: 0 !important; overflow-y: auto !important; overflow-x: hidden !important; } /* Remove bullets */ .woocommerce-mini-cart li, .elementor-menu-cart__products li { list-style: none !important; } .woocommerce-mini-cart li::marker, .elementor-menu-cart__products li::marker { display: none !important; content: "" !important; } /* ========================================================= PRODUCT CARD ========================================================= */ .woocommerce-mini-cart .mini_cart_item, .woocommerce-mini-cart .woocommerce-mini-cart-item, .elementor-menu-cart__product { display: grid !important; grid-template-columns: 80px minmax(90px, 1fr) 6px !important; grid-template-rows: auto auto !important; column-gap: 30px !important; row-gap: 2px !important; align-items: center !important; position: relative !important; min-height: 106px !important; padding: 12px 10px 12px 12px !important; margin: 0 0 16px 0 !important; background: rgba(255, 253, 248, 0.98) !important; border: 2px solid #d8c8a8 !important; border-radius: 17px !important; box-shadow: 0 8px 20px rgba(80, 72, 54, 0.05) !important; box-sizing: border-box !important; overflow: hidden !important; } /* Move the price lower under the duration text */ .wt-mini-cart-price-only, .elementor-menu-cart__product-price { display: block !important; margin-top: 15px !important; } /* Product link should allow children to join the grid */ .woocommerce-mini-cart .mini_cart_item > a:not(.remove), .woocommerce-mini-cart .woocommerce-mini-cart-item > a:not(.remove), .elementor-menu-cart__product-name { display: contents !important; color: #1f2f23 !important; text-decoration: none !important; } /* Product image */ .woocommerce-mini-cart .mini_cart_item > a:not(.remove) img, .woocommerce-mini-cart .woocommerce-mini-cart-item > a:not(.remove) img, .elementor-menu-cart__product-image img, .wt-cart-map-thumb { grid-column: 1 !important; grid-row: 1 / 3 !important; display: block !important; width: 72px !important; height: 72px !important; min-width: 100px !important; max-width: 100px !important; border-radius: 10px !important; border: 1px solid #d8c8a8 !important; object-fit: cover !important; object-position: center !important; margin: 0 !important; float: none !important; background: #f4efe4 !important; box-sizing: border-box !important; } /* Map name */ .wt-cart-item-name-main { grid-column: 2 !important; grid-row: 1 !important; display: block !important; align-self: end !important; margin: 0 0 4px 0 !important; padding: 0 !important; color: #1f2f23 !important; font-size: 15px !important; font-weight: 800 !important; line-height: 1.15 !important; text-align: left !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: clip !important; } /* Duration */ .wt-cart-item-name-sub { grid-column: 2 !important; grid-row: 2 !important; display: block !important; align-self: start !important; margin: 0 !important; padding: 0 !important; color: #6f746d !important; font-size: 12px !important; font-weight: 500 !important; line-height: 1.2 !important; text-align: left !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: clip !important; } /* Quantity wrapper becomes price area */ .woocommerce-mini-cart .mini_cart_item > .quantity, .woocommerce-mini-cart .woocommerce-mini-cart-item > .quantity, .woocommerce-mini-cart .mini_cart_item .quantity, .woocommerce-mini-cart .woocommerce-mini-cart-item .quantity { grid-column: 3 !important; grid-row: 1 / 3 !important; align-self: center !important; justify-self: end !important; font-size: 0 !important; line-height: 1 !important; color: transparent !important; margin: 0 18px 0 0 !important; padding: 0 !important; white-space: nowrap !important; letter-spacing: -999px !important; } /* Show only price */ .woocommerce-mini-cart .mini_cart_item > .quantity .amount, .woocommerce-mini-cart .woocommerce-mini-cart-item > .quantity .amount, .woocommerce-mini-cart .mini_cart_item .quantity .amount, .woocommerce-mini-cart .woocommerce-mini-cart-item .quantity .amount, .wt-mini-cart-price-only, .elementor-menu-cart__product-price { display: block !important; color: #1f2f23 !important; font-size: 15px !important; font-weight: 800 !important; line-height: 1 !important; white-space: nowrap !important; letter-spacing: normal !important; } /* Hide real quantity controls */ .elementor-menu-cart__product-quantity, .qty, .quantity input, .quantity select, input.qty, select.qty { display: none !important; } /* Remove button */ .woocommerce-mini-cart .remove, .elementor-menu-cart__product-remove { position: absolute !important; right: 15px !important; bottom: 12px !important; top: auto !important; left: auto !important; width: 30px !important; height: 28px !important; min-width: 28px !important; border: 1px solid #cdbb97 !important; border-radius: 50% !important; background: #fffdf8 !important; color: #4b4f49 !important; font-size: 20px !important; line-height: 25px !important; text-align: center !important; text-decoration: none !important; box-sizing: border-box !important; z-index: 5 !important; } .woocommerce-mini-cart .remove:hover, .elementor-menu-cart__product-remove:hover { background: #f6efe2 !important; color: #264331 !important; } /* ========================================================= FIXED FOOTER AREA ========================================================= */ .woocommerce-mini-cart__total, .elementor-menu-cart__subtotal { position: relative !important; flex: 0 0 auto !important; border-top: none !important; margin: 0 !important; padding: 22px 0 0 0 !important; color: #1f2f23 !important; font-size: 17px !important; font-weight: 800 !important; display: flex !important; justify-content: space-between !important; align-items: center !important; flex-wrap: wrap !important; background: transparent !important; } /* Paw divider graphic */ .woocommerce-mini-cart__total::before, .elementor-menu-cart__subtotal::before { content: "" !important; position: absolute !important; top: -6px !important; left: 50% !important; transform: translateX(-50%) !important; width: 28px !important; height: 22px !important; background-color: transparent !important; background-image: url("https://www.wildtrack-sa.co.za/wp-content/uploads/2026/04/Design1-scaled.png") !important; background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important; padding: 0 150px !important; box-sizing: content-box !important; z-index: 3 !important; } /* Subtotal label */ .woocommerce-mini-cart__total strong, .elementor-menu-cart__subtotal strong { color: #1f2f23 !important; font-size: 17px !important; font-weight: 800 !important; } /* Subtotal value */ .woocommerce-mini-cart__total .amount, .elementor-menu-cart__subtotal .amount { color: #264331 !important; font-size: 20px !important; font-weight: 700 !important; } /* Buttons */ .woocommerce-mini-cart__buttons, .elementor-menu-cart__footer-buttons { flex: 0 0 auto !important; display: block !important; margin: 16px 0 0 0 !important; padding: 0 0 80px 0 !important; background: transparent !important; } /* Hide view basket */ .woocommerce-mini-cart__buttons .button.wc-forward:not(.checkout), .elementor-menu-cart__footer-buttons .elementor-button--view-cart { display: none !important; } /* Checkout button */ .woocommerce-mini-cart__buttons .button.checkout, .elementor-menu-cart__footer-buttons .elementor-button--checkout { width: 100% !important; min-height: 52px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: #1f5634 !important; border: 1px solid #1f5634 !important; color: #fffdf8 !important; border-radius: 10px !important; padding: 15px 18px !important; font-size: 15px !important; font-weight: 800 !important; text-decoration: none !important; box-shadow: none !important; } .woocommerce-mini-cart__buttons .button.checkout:hover, .elementor-menu-cart__footer-buttons .elementor-button--checkout:hover { background: #19462a !important; border-color: #19462a !important; color: #fffdf8 !important; } /* Empty cart */ .woocommerce-mini-cart__empty-message { color: #445046 !important; font-size: 15px !important; font-weight: 600 !important; text-align: center !important; padding: 40px 10px !important; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { html:has(.elementor-menu-cart--shown), body:has(.elementor-menu-cart--shown) { overflow: hidden !important; height: 100% !important; position: fixed !important; width: 100% !important; touch-action: none !important; } .elementor-menu-cart__container { position: fixed !important; inset: 0 !important; height: 100dvh !important; overflow: hidden !important; background: rgba(8, 20, 18, 0.58) !important; } .elementor-menu-cart__container .elementor-menu-cart__main { width: 100vw !important; max-width: 100vw !important; height: 100dvh !important; max-height: 100dvh !important; padding: 20px 18px 0 !important; overflow: hidden !important; background-color: #fffdf8 !important; background-image: url("https://www.wildtrack-sa.co.za/wp-content/uploads/2026/05/CartBR.png") !important; background-repeat: no-repeat !important; background-size: 100% 145px !important; background-position: bottom center !important; background-attachment: local !important; } .widget_shopping_cart_content { height: 100% !important; min-height: 0 !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; } .woocommerce-mini-cart, .elementor-menu-cart__products { flex: 1 1 auto !important; min-height: 0 !important; overflow-y: auto !important; overflow-x: hidden !important; -webkit-overflow-scrolling: touch !important; overscroll-behavior: contain !important; padding: 0 4px 12px 0 !important; } .woocommerce-mini-cart__total, .elementor-menu-cart__subtotal, .woocommerce-mini-cart__buttons, .elementor-menu-cart__footer-buttons { flex: 0 0 auto !important; } .elementor-menu-cart__container .widget_shopping_cart_content::before { font-size: 30px !important; } .woocommerce-mini-cart .mini_cart_item, .woocommerce-mini-cart .woocommerce-mini-cart-item, .elementor-menu-cart__product { grid-template-columns: 68px minmax(84px, 1fr) 66px !important; column-gap: 9px !important; min-height: 100px !important; padding: 12px 10px 12px 12px !important; } .woocommerce-mini-cart .mini_cart_item > a:not(.remove) img, .woocommerce-mini-cart .woocommerce-mini-cart-item > a:not(.remove) img, .elementor-menu-cart__product-image img, .wt-cart-map-thumb { width: 68px !important; height: 68px !important; min-width: 68px !important; max-width: 68px !important; } .wt-cart-item-name-main { font-size: 14px !important; } .wt-cart-item-name-sub { font-size: 12px !important; } .woocommerce-mini-cart .mini_cart_item > .quantity, .woocommerce-mini-cart .woocommerce-mini-cart-item > .quantity, .woocommerce-mini-cart .mini_cart_item .quantity, .woocommerce-mini-cart .woocommerce-mini-cart-item .quantity { margin-right: 16px !important; } .woocommerce-mini-cart .mini_cart_item > .quantity .amount, .woocommerce-mini-cart .woocommerce-mini-cart-item > .quantity .amount, .woocommerce-mini-cart .mini_cart_item .quantity .amount, .woocommerce-mini-cart .woocommerce-mini-cart-item .quantity .amount, .wt-mini-cart-price-only, .elementor-menu-cart__product-price { font-size: 14px !important; } .woocommerce-mini-cart__total::before, .elementor-menu-cart__subtotal::before { padding: 0 120px !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-menu-cart, class: .elementor-element-552a352 *//* ========================================================= WILDTRACK SIDE CART CLEAN FULL CSS VERSION ========================================================= */ /* Overlay */ .elementor-menu-cart__container { background: rgba(8, 20, 18, 0.58) !important; } /* Main side cart panel */ .elementor-menu-cart__container .elementor-menu-cart__main { width: 320px !important; max-width: 92vw !important; height: 100vh !important; position: fixed !important; top: 0 !important; right: 0 !important; left: auto !important; bottom: 0 !important; overflow: hidden !important; background-color: #fffdf8 !important; background-image: url("https://www.wildtrack-sa.co.za/wp-content/uploads/2026/05/CartBR.png") !important; background-repeat: no-repeat !important; background-size: 100% 150px !important; background-position: bottom center !important; padding: 35px 22px 0 !important; box-shadow: -50px 0 40px rgba(22, 31, 24, 0.26) !important; font-family: "Poppins", sans-serif !important; box-sizing: border-box !important; } /* Remove default pseudo layers */ .elementor-menu-cart__container .elementor-menu-cart__main::before, .elementor-menu-cart__container .elementor-menu-cart__main::after { content: none !important; display: none !important; } /* Close button */ .elementor-menu-cart__close-button { position: absolute !important; top: 35px !important; right: 18px !important; color: #5f6c63 !important; font-size: 28px !important; line-height: 1 !important; z-index: 30 !important; } .elementor-menu-cart__close-button:hover { color: #264331 !important; } /* Main cart content */ .widget_shopping_cart_content { display: flex !important; flex-direction: column !important; height: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; } /* Title */ .elementor-menu-cart__container .widget_shopping_cart_content::before { content: "Your Cart"; display: block !important; color: #264331 !important; font-size: 31px !important; font-weight: 700 !important; line-height: 1.05 !important; letter-spacing: -0.02em !important; margin: 0 42px 6px 0 !important; flex: 0 0 auto !important; } /* Subtitle */ .elementor-menu-cart__container .woocommerce-mini-cart::before, .elementor-menu-cart__container .elementor-menu-cart__products::before { content: "Selected reserve passes" !important; display: block !important; color: #6f746d !important; font-size: 15px !important; font-weight: 500 !important; line-height: 1.35 !important; margin: 0 0 14px 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; } /* Product list scroll area */ .woocommerce-mini-cart, .elementor-menu-cart__products { list-style: none !important; margin: 0 !important; padding: 0 4px 12px 0 !important; flex: 1 1 auto !important; min-height: 0 !important; overflow-y: auto !important; overflow-x: hidden !important; } /* Remove bullets */ .woocommerce-mini-cart li, .elementor-menu-cart__products li { list-style: none !important; } .woocommerce-mini-cart li::marker, .elementor-menu-cart__products li::marker { display: none !important; content: "" !important; } /* ========================================================= PRODUCT CARD ========================================================= */ .woocommerce-mini-cart .mini_cart_item, .woocommerce-mini-cart .woocommerce-mini-cart-item, .elementor-menu-cart__product { display: grid !important; grid-template-columns: 80px minmax(90px, 1fr) 6px !important; grid-template-rows: auto auto !important; column-gap: 30px !important; row-gap: 2px !important; align-items: center !important; position: relative !important; min-height: 106px !important; padding: 12px 10px 12px 12px !important; margin: 0 0 16px 0 !important; background: rgba(255, 253, 248, 0.98) !important; border: 2px solid #d8c8a8 !important; border-radius: 17px !important; box-shadow: 0 8px 20px rgba(80, 72, 54, 0.05) !important; box-sizing: border-box !important; overflow: hidden !important; } /* Move the price lower under the duration text */ .wt-mini-cart-price-only, .elementor-menu-cart__product-price { display: block !important; margin-top: 15px !important; } /* Product link should allow children to join the grid */ .woocommerce-mini-cart .mini_cart_item > a:not(.remove), .woocommerce-mini-cart .woocommerce-mini-cart-item > a:not(.remove), .elementor-menu-cart__product-name { display: contents !important; color: #1f2f23 !important; text-decoration: none !important; } /* Product image */ .woocommerce-mini-cart .mini_cart_item > a:not(.remove) img, .woocommerce-mini-cart .woocommerce-mini-cart-item > a:not(.remove) img, .elementor-menu-cart__product-image img, .wt-cart-map-thumb { grid-column: 1 !important; grid-row: 1 / 3 !important; display: block !important; width: 72px !important; height: 72px !important; min-width: 100px !important; max-width: 100px !important; border-radius: 10px !important; border: 1px solid #d8c8a8 !important; object-fit: cover !important; object-position: center !important; margin: 0 !important; float: none !important; background: #f4efe4 !important; box-sizing: border-box !important; } /* Map name */ .wt-cart-item-name-main { grid-column: 2 !important; grid-row: 1 !important; display: block !important; align-self: end !important; margin: 0 0 4px 0 !important; padding: 0 !important; color: #1f2f23 !important; font-size: 15px !important; font-weight: 800 !important; line-height: 1.15 !important; text-align: left !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: clip !important; } /* Duration */ .wt-cart-item-name-sub { grid-column: 2 !important; grid-row: 2 !important; display: block !important; align-self: start !important; margin: 0 !important; padding: 0 !important; color: #6f746d !important; font-size: 12px !important; font-weight: 500 !important; line-height: 1.2 !important; text-align: left !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: clip !important; } /* Quantity wrapper becomes price area */ .woocommerce-mini-cart .mini_cart_item > .quantity, .woocommerce-mini-cart .woocommerce-mini-cart-item > .quantity, .woocommerce-mini-cart .mini_cart_item .quantity, .woocommerce-mini-cart .woocommerce-mini-cart-item .quantity { grid-column: 3 !important; grid-row: 1 / 3 !important; align-self: center !important; justify-self: end !important; font-size: 0 !important; line-height: 1 !important; color: transparent !important; margin: 0 18px 0 0 !important; padding: 0 !important; white-space: nowrap !important; letter-spacing: -999px !important; } /* Show only price */ .woocommerce-mini-cart .mini_cart_item > .quantity .amount, .woocommerce-mini-cart .woocommerce-mini-cart-item > .quantity .amount, .woocommerce-mini-cart .mini_cart_item .quantity .amount, .woocommerce-mini-cart .woocommerce-mini-cart-item .quantity .amount, .wt-mini-cart-price-only, .elementor-menu-cart__product-price { display: block !important; color: #1f2f23 !important; font-size: 15px !important; font-weight: 800 !important; line-height: 1 !important; white-space: nowrap !important; letter-spacing: normal !important; } /* Hide real quantity controls */ .elementor-menu-cart__product-quantity, .qty, .quantity input, .quantity select, input.qty, select.qty { display: none !important; } /* Remove button */ .woocommerce-mini-cart .remove, .elementor-menu-cart__product-remove { position: absolute !important; right: 15px !important; bottom: 12px !important; top: auto !important; left: auto !important; width: 30px !important; height: 28px !important; min-width: 28px !important; border: 1px solid #cdbb97 !important; border-radius: 50% !important; background: #fffdf8 !important; color: #4b4f49 !important; font-size: 20px !important; line-height: 25px !important; text-align: center !important; text-decoration: none !important; box-sizing: border-box !important; z-index: 5 !important; } .woocommerce-mini-cart .remove:hover, .elementor-menu-cart__product-remove:hover { background: #f6efe2 !important; color: #264331 !important; } /* ========================================================= FIXED FOOTER AREA ========================================================= */ .woocommerce-mini-cart__total, .elementor-menu-cart__subtotal { position: relative !important; flex: 0 0 auto !important; border-top: none !important; margin: 0 !important; padding: 22px 0 0 0 !important; color: #1f2f23 !important; font-size: 17px !important; font-weight: 800 !important; display: flex !important; justify-content: space-between !important; align-items: center !important; flex-wrap: wrap !important; background: transparent !important; } /* Paw divider graphic */ .woocommerce-mini-cart__total::before, .elementor-menu-cart__subtotal::before { content: "" !important; position: absolute !important; top: -6px !important; left: 50% !important; transform: translateX(-50%) !important; width: 28px !important; height: 22px !important; background-color: transparent !important; background-image: url("https://www.wildtrack-sa.co.za/wp-content/uploads/2026/04/Design1-scaled.png") !important; background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important; padding: 0 150px !important; box-sizing: content-box !important; z-index: 3 !important; } /* Subtotal label */ .woocommerce-mini-cart__total strong, .elementor-menu-cart__subtotal strong { color: #1f2f23 !important; font-size: 17px !important; font-weight: 800 !important; } /* Subtotal value */ .woocommerce-mini-cart__total .amount, .elementor-menu-cart__subtotal .amount { color: #264331 !important; font-size: 20px !important; font-weight: 700 !important; } /* Buttons */ .woocommerce-mini-cart__buttons, .elementor-menu-cart__footer-buttons { flex: 0 0 auto !important; display: block !important; margin: 16px 0 0 0 !important; padding: 0 0 80px 0 !important; background: transparent !important; } /* Hide view basket */ .woocommerce-mini-cart__buttons .button.wc-forward:not(.checkout), .elementor-menu-cart__footer-buttons .elementor-button--view-cart { display: none !important; } /* Checkout button */ .woocommerce-mini-cart__buttons .button.checkout, .elementor-menu-cart__footer-buttons .elementor-button--checkout { width: 100% !important; min-height: 52px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: #1f5634 !important; border: 1px solid #1f5634 !important; color: #fffdf8 !important; border-radius: 10px !important; padding: 15px 18px !important; font-size: 15px !important; font-weight: 800 !important; text-decoration: none !important; box-shadow: none !important; } .woocommerce-mini-cart__buttons .button.checkout:hover, .elementor-menu-cart__footer-buttons .elementor-button--checkout:hover { background: #19462a !important; border-color: #19462a !important; color: #fffdf8 !important; } /* Empty cart */ .woocommerce-mini-cart__empty-message { color: #445046 !important; font-size: 15px !important; font-weight: 600 !important; text-align: center !important; padding: 40px 10px !important; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { html:has(.elementor-menu-cart--shown), body:has(.elementor-menu-cart--shown) { overflow: hidden !important; height: 100% !important; position: fixed !important; width: 100% !important; touch-action: none !important; } .elementor-menu-cart__container { position: fixed !important; inset: 0 !important; height: 100dvh !important; overflow: hidden !important; background: rgba(8, 20, 18, 0.58) !important; } .elementor-menu-cart__container .elementor-menu-cart__main { width: 100vw !important; max-width: 100vw !important; height: 100dvh !important; max-height: 100dvh !important; padding: 20px 18px 0 !important; overflow: hidden !important; background-color: #fffdf8 !important; background-image: url("https://www.wildtrack-sa.co.za/wp-content/uploads/2026/05/CartBR.png") !important; background-repeat: no-repeat !important; background-size: 100% 145px !important; background-position: bottom center !important; background-attachment: local !important; } .widget_shopping_cart_content { height: 100% !important; min-height: 0 !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; } .woocommerce-mini-cart, .elementor-menu-cart__products { flex: 1 1 auto !important; min-height: 0 !important; overflow-y: auto !important; overflow-x: hidden !important; -webkit-overflow-scrolling: touch !important; overscroll-behavior: contain !important; padding: 0 4px 12px 0 !important; } .woocommerce-mini-cart__total, .elementor-menu-cart__subtotal, .woocommerce-mini-cart__buttons, .elementor-menu-cart__footer-buttons { flex: 0 0 auto !important; } .elementor-menu-cart__container .widget_shopping_cart_content::before { font-size: 30px !important; } .woocommerce-mini-cart .mini_cart_item, .woocommerce-mini-cart .woocommerce-mini-cart-item, .elementor-menu-cart__product { grid-template-columns: 68px minmax(84px, 1fr) 66px !important; column-gap: 9px !important; min-height: 100px !important; padding: 12px 10px 12px 12px !important; } .woocommerce-mini-cart .mini_cart_item > a:not(.remove) img, .woocommerce-mini-cart .woocommerce-mini-cart-item > a:not(.remove) img, .elementor-menu-cart__product-image img, .wt-cart-map-thumb { width: 68px !important; height: 68px !important; min-width: 68px !important; max-width: 68px !important; } .wt-cart-item-name-main { font-size: 14px !important; } .wt-cart-item-name-sub { font-size: 12px !important; } .woocommerce-mini-cart .mini_cart_item > .quantity, .woocommerce-mini-cart .woocommerce-mini-cart-item > .quantity, .woocommerce-mini-cart .mini_cart_item .quantity, .woocommerce-mini-cart .woocommerce-mini-cart-item .quantity { margin-right: 16px !important; } .woocommerce-mini-cart .mini_cart_item > .quantity .amount, .woocommerce-mini-cart .woocommerce-mini-cart-item > .quantity .amount, .woocommerce-mini-cart .mini_cart_item .quantity .amount, .woocommerce-mini-cart .woocommerce-mini-cart-item .quantity .amount, .wt-mini-cart-price-only, .elementor-menu-cart__product-price { font-size: 14px !important; } .woocommerce-mini-cart__total::before, .elementor-menu-cart__subtotal::before { padding: 0 120px !important; } }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-9c7f59b *//* ========================================================= WILDTRACK 3D LOGIN / LOGOUT BUTTON No icon version ========================================================= */ .elementor-947 .elementor-element.elementor-element-9c7f59b, .elementor-947 .elementor-element.elementor-element-9c7f59b .elementor-widget-container { margin: 0 !important; padding: 0 !important; } .elementor-947 .elementor-element.elementor-element-9c7f59b .wt-auth-button, .wt-auth-button { position: relative !important; border: 0 !important; background: transparent !important; box-shadow: none !important; padding: 0 8px 12px !important; min-height: 0 !important; min-width: 0 !important; line-height: 1 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; overflow: visible !important; text-decoration: none !important; cursor: pointer !important; transition: transform 0.2s ease !important; z-index: 1 !important; } /* Bottom 3D layer */ .elementor-947 .elementor-element.elementor-element-9c7f59b .wt-auth-button::before, .wt-auth-button::before { content: "" !important; position: absolute !important; z-index: 0 !important; bottom: 4px !important; left: 4px !important; width: calc(100% - 8px) !important; height: calc(100% - 10px) !important; border-radius: 8px / 16px 16px 8px 8px !important; padding-top: 6px !important; box-sizing: content-box !important; background-color: #071F12 !important; background-image: radial-gradient(4px 8px at 4px calc(100% - 8px), rgba(255, 255, 255, 0.16), transparent), radial-gradient(4px 8px at calc(100% - 4px) calc(100% - 8px), rgba(255, 255, 255, 0.16), transparent), radial-gradient(16px at -4px 0, rgba(255, 255, 255, 0.18), transparent), radial-gradient(16px at calc(100% + 4px) 0, rgba(255, 255, 255, 0.18), transparent) !important; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.38), inset 0 -1px 3px 2px rgba(0, 0, 0, 0.24) !important; transition: border-radius 0.2s ease, padding-top 0.2s ease !important; } /* Base shadow layer */ .elementor-947 .elementor-element.elementor-element-9c7f59b .wt-auth-button::after, .wt-auth-button::after { content: "" !important; position: absolute !important; z-index: -1 !important; top: 4px !important; left: 0 !important; width: 100% !important; height: calc(100% - 4px) !important; border-radius: 12px !important; background-color: rgba(0, 0, 0, 0.16) !important; box-shadow: 0 1px 1px rgba(255, 255, 255, 0.28), inset 0 2px 2px rgba(0, 0, 0, 0.15) !important; } /* Top visible button face */ .elementor-947 .elementor-element.elementor-element-9c7f59b .wt-auth-button-content, .wt-auth-button-content { position: relative !important; z-index: 2 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-width: 205px !important; padding: 11px 22px !important; border-radius: 8px !important; background: #12341F !important; color: #F8F4EC !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16), inset 0 2px 0 rgba(255, 255, 255, 0.10), 0 1px 2px rgba(255, 255, 255, 0.10) !important; transition: transform 0.2s ease, border-radius 0.2s ease, background 0.2s ease !important; } /* Text */ .elementor-947 .elementor-element.elementor-element-9c7f59b .wt-auth-button-text, .wt-auth-button-text { display: block !important; color: #F8F4EC !important; font-size: 16px !important; font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: 0.02em !important; line-height: 0.95 !important; text-align: center !important; white-space: normal !important; } /* Hide any old icon if cached */ .elementor-947 .elementor-element.elementor-element-9c7f59b .wt-auth-button-icon, .wt-auth-button-icon, .elementor-947 .elementor-element.elementor-element-9c7f59b .wt-auth-button-icon::before, .wt-auth-button-icon::before, .elementor-947 .elementor-element.elementor-element-9c7f59b .wt-auth-button-icon svg, .wt-auth-button-icon svg { display: none !important; } /* Hover */ .elementor-947 .elementor-element.elementor-element-9c7f59b .wt-auth-button:hover .wt-auth-button-content, .wt-auth-button:hover .wt-auth-button-content { background: #0E2A19 !important; } /* Press effect */ .elementor-947 .elementor-element.elementor-element-9c7f59b .wt-auth-button:active .wt-auth-button-content, .wt-auth-button:active .wt-auth-button-content { transform: translateY(6px) !important; border-radius: 10px !important; } .elementor-947 .elementor-element.elementor-element-9c7f59b .wt-auth-button:active::before, .wt-auth-button:active::before { border-radius: 10px 10px 8px 8px / 8px !important; padding-top: 0 !important; } /* Logout state */ .elementor-947 .elementor-element.elementor-element-9c7f59b .wt-auth-button[data-wt-auth-state="logout"] .wt-auth-button-content, .wt-auth-button[data-wt-auth-state="logout"] .wt-auth-button-content { background: #12341F !important; } /* Mobile */ @media (max-width: 767px) { .elementor-947 .elementor-element.elementor-element-9c7f59b .wt-auth-button, .wt-auth-button { padding: 0 6px 10px !important; } .elementor-947 .elementor-element.elementor-element-9c7f59b .wt-auth-button-content, .wt-auth-button-content { min-width: 170px !important; padding: 10px 18px !important; } .elementor-947 .elementor-element.elementor-element-9c7f59b .wt-auth-button-text, .wt-auth-button-text { font-size: 14px !important; } } /* ========================================================= WILDTRACK AUTH BUTTON SIZE ADJUSTMENT Makes button narrower on the sides ========================================================= */ .elementor-947 .elementor-element.elementor-element-9c7f59b .wt-auth-button-content, .wt-auth-button-content { min-width: 135px !important; padding: 10px 16px !important; } .elementor-947 .elementor-element.elementor-element-9c7f59b .wt-auth-button-text, .wt-auth-button-text { font-size: 14px !important; } /* Mobile */ @media (max-width: 767px) { .elementor-947 .elementor-element.elementor-element-9c7f59b .wt-auth-button-content, .wt-auth-button-content { min-width: 120px !important; padding: 9px 14px !important; } .elementor-947 .elementor-element.elementor-element-9c7f59b .wt-auth-button-text, .wt-auth-button-text { font-size: 13px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0cc3334 *//* ========================================================= WILDTRACK MOBILE / POPUP DROPDOWN MENU FIX Fix homepage hero overlapping dropdown ========================================================= */ @media (max-width: 1024px) { /* Keep the full header/nav layer above homepage hero */ header, .elementor-location-header, .elementor-location-header *, .elementor-nav-menu__container, .elementor-widget-nav-menu, .elementor-menu-toggle { z-index: 999999 !important; } .elementor-location-header, .elementor-section.elementor-location-header, header.elementor-location-header, .elementor-widget-nav-menu { position: relative !important; isolation: isolate !important; } /* Main dropdown panel */ .elementor-nav-menu--dropdown, .elementor-nav-menu__container.elementor-nav-menu--dropdown, .elementor-widget-nav-menu .elementor-nav-menu--dropdown { position: fixed !important; top: 86px !important; left: 50% !important; right: auto !important; transform: translateX(-50%) !important; width: calc(100vw - 34px) !important; max-width: 420px !important; margin: 0 !important; padding: 8px 0 !important; background: #ffffff !important; border-radius: 0 !important; overflow: hidden !important; box-sizing: border-box !important; z-index: 9999999 !important; box-shadow: 0 18px 40px rgba(0, 0, 0, 0.18) !important; } /* Make sure open dropdown stays visible */ .elementor-nav-menu--dropdown.elementor-nav-menu__container, .elementor-nav-menu--dropdown[aria-hidden="false"] { display: block !important; visibility: visible !important; opacity: 1 !important; } .elementor-nav-menu--dropdown .elementor-item, .elementor-nav-menu--dropdown a, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item { width: 100% !important; box-sizing: border-box !important; padding-left: 22px !important; padding-right: 22px !important; text-align: left !important; white-space: normal !important; } .elementor-nav-menu--dropdown ul, .elementor-nav-menu--dropdown li { width: 100% !important; box-sizing: border-box !important; } /* Homepage hero should never cover the mobile dropdown */ body.home .elementor-section, body.home .elementor-container, body.home .elementor-widget-wrap, body.home .elementor-widget, body.home .elementor-background-overlay { z-index: auto !important; } body.home .elementor-location-header, body.home header, body.home .elementor-widget-nav-menu, body.home .elementor-nav-menu--dropdown { z-index: 9999999 !important; } }/* End custom CSS */