.elementor-83 .elementor-element.elementor-element-0493ef9{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#6565634D;--border-color:#6565634D;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:50;}.elementor-83 .elementor-element.elementor-element-0493ef9:not(.elementor-motion-effects-element-type-background), .elementor-83 .elementor-element.elementor-element-0493ef9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-83 .elementor-element.elementor-element-948f275{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--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-83 .elementor-element.elementor-element-2b9ef30{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--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-83 .elementor-element.elementor-element-2b9ef30.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-83 .elementor-element.elementor-element-e63a518.elementor-element{--align-self:center;}.elementor-83 .elementor-element.elementor-element-e63a518 .elementor-menu-toggle{margin:0 auto;}.elementor-83 .elementor-element.elementor-element-e63a518 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;}.elementor-83 .elementor-element.elementor-element-e63a518 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-29c247c );fill:var( --e-global-color-29c247c );padding-top:5px;padding-bottom:5px;}.elementor-83 .elementor-element.elementor-element-e63a518 .elementor-nav-menu--main .elementor-item:hover, .elementor-83 .elementor-element.elementor-element-e63a518 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-83 .elementor-element.elementor-element-e63a518 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-83 .elementor-element.elementor-element-e63a518 .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-83 .elementor-element.elementor-element-e63a518 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#FFFFFF;}.elementor-83 .elementor-element.elementor-element-e63a518 .elementor-nav-menu--dropdown a, .elementor-83 .elementor-element.elementor-element-e63a518 .elementor-menu-toggle{color:#121212A8;fill:#121212A8;}.elementor-83 .elementor-element.elementor-element-e63a518 .elementor-nav-menu--dropdown a:hover, .elementor-83 .elementor-element.elementor-element-e63a518 .elementor-nav-menu--dropdown a:focus, .elementor-83 .elementor-element.elementor-element-e63a518 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-83 .elementor-element.elementor-element-e63a518 .elementor-nav-menu--dropdown a.highlighted, .elementor-83 .elementor-element.elementor-element-e63a518 .elementor-menu-toggle:hover, .elementor-83 .elementor-element.elementor-element-e63a518 .elementor-menu-toggle:focus{color:var( --e-global-color-text );}.elementor-83 .elementor-element.elementor-element-e63a518 .elementor-nav-menu--dropdown a:hover, .elementor-83 .elementor-element.elementor-element-e63a518 .elementor-nav-menu--dropdown a:focus, .elementor-83 .elementor-element.elementor-element-e63a518 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-83 .elementor-element.elementor-element-e63a518 .elementor-nav-menu--dropdown a.highlighted{background-color:#F8B48800;}.elementor-83 .elementor-element.elementor-element-e63a518 .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-text );}.elementor-83 .elementor-element.elementor-element-e63a518 .elementor-nav-menu--dropdown .elementor-item, .elementor-83 .elementor-element.elementor-element-e63a518 .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Josefin Sans", Sans-serif;font-size:16px;font-weight:400;text-decoration:none;}.elementor-83 .elementor-element.elementor-element-e63a518 .elementor-nav-menu--dropdown{border-style:solid;border-width:1px 1px 1px 1px;border-color:#65656380;}.elementor-83 .elementor-element.elementor-element-e63a518 .elementor-nav-menu--dropdown a{padding-left:24px;padding-right:24px;padding-top:8px;padding-bottom:8px;}.elementor-83 .elementor-element.elementor-element-e63a518 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-83 .elementor-element.elementor-element-e63a518 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:10px !important;}.elementor-83 .elementor-element.elementor-element-4521dd6{--display:flex;--justify-content:flex-end;--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-widget-theme-site-logo .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-83 .elementor-element.elementor-element-0818a55{padding:10px 10px 010px 10px;}.elementor-83 .elementor-element.elementor-element-0818a55 img{width:107px;}.elementor-83 .elementor-element.elementor-element-75aa3e8{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:50px;}.elementor-83 .elementor-element.elementor-element-52bc559 .e-off-canvas__overlay{background-color:rgba(0,0,0,.8);}.elementor-83 .elementor-element.elementor-element-52bc559{--e-off-canvas-justify-content:center;--e-off-canvas-align-items:flex-start;--e-off-canvas-width:100%;--e-off-canvas-height:fit-content;--e-off-canvas-content-overflow:initial;--e-off-canvas-animation-duration:1.5s;--e-off-canvas-overlay-opacity:1;}.elementor-83 .elementor-element.elementor-element-d21d4a5{--display:flex;--min-height:250px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--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-widget-search{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search.e-focus{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search .elementor-pagination{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-83 .elementor-element.elementor-element-df20378 .e-search-submit{background-color:#FFFFFF00;border-style:none;}.elementor-83 .elementor-element.elementor-element-df20378{width:var( --container-widget-width, 500px );max-width:500px;--container-widget-width:500px;--container-widget-flex-grow:0;--e-search-results-columns:1;--e-search-results-grid-auto-rows:1fr;--e-search-loop-item-equal-height:100%;--e-search-placeholder-color:var( --e-global-color-secondary );--e-search-submit-margin-inline-start:0px;--e-search-icon-submit-size:20px;--e-search-submit-icon-gap:0px;--e-search-icon-submit-color:var( --e-global-color-secondary );--e-search-results-padding:0px 0px 0px 0px;--e-search-input-and-results-gap:1px;--e-search-results-row-gap:0px;--e-search-nothing-found-padding-block-start:20px;--e-search-nothing-found-padding-block-end:20px;--e-search-nothing-found-message-alignment:center;--e-search-nothing-found-message-color:var( --e-global-color-secondary );}.elementor-83 .elementor-element.elementor-element-df20378 .e-search-input{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );border-style:none;}.elementor-83 .elementor-element.elementor-element-df20378 .e-search-submit:hover{--e-search-icon-submit-color:var( --e-global-color-text );border-style:none;}.elementor-83 .elementor-element.elementor-element-df20378 .e-search-results-container > div{border-style:solid;border-width:1px 1px 1px 1px;border-color:#1212124D;}.elementor-83 .elementor-element.elementor-element-df20378 .e-search-nothing-found-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-83 .elementor-element.elementor-element-c61946c .elementor-icon-wrapper{text-align:center;}.elementor-83 .elementor-element.elementor-element-c61946c.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-83 .elementor-element.elementor-element-c61946c.elementor-view-framed .elementor-icon, .elementor-83 .elementor-element.elementor-element-c61946c.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-83 .elementor-element.elementor-element-c61946c.elementor-view-framed .elementor-icon, .elementor-83 .elementor-element.elementor-element-c61946c.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-83 .elementor-element.elementor-element-c61946c.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-text );}.elementor-83 .elementor-element.elementor-element-c61946c.elementor-view-framed .elementor-icon:hover, .elementor-83 .elementor-element.elementor-element-c61946c.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-83 .elementor-element.elementor-element-c61946c.elementor-view-framed .elementor-icon:hover, .elementor-83 .elementor-element.elementor-element-c61946c.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-text );}.elementor-83 .elementor-element.elementor-element-c61946c .elementor-icon{font-size:25px;}.elementor-83 .elementor-element.elementor-element-c61946c .elementor-icon svg{height:25px;}.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-83 .elementor-element.elementor-element-19bcd7d .elementor-button{background-color:#BABABA00;font-family:"Michroma", Sans-serif;font-size:18px;font-weight:600;line-height:1px;fill:#FFFFFF;color:#FFFFFF;padding:10px 0px 10px 0px;}.elementor-83 .elementor-element.elementor-element-19bcd7d .elementor-button:hover, .elementor-83 .elementor-element.elementor-element-19bcd7d .elementor-button:focus{color:var( --e-global-color-text );}.elementor-83 .elementor-element.elementor-element-19bcd7d .elementor-button:hover svg, .elementor-83 .elementor-element.elementor-element-19bcd7d .elementor-button:focus svg{fill:var( --e-global-color-text );}.elementor-83 .elementor-element.elementor-element-a00744b .elementor-button{background-color:#BABABA00;font-family:"Michroma", Sans-serif;font-size:18px;font-weight:600;line-height:1px;fill:#FFFFFF;color:#FFFFFF;padding:10px 0px 10px 0px;}.elementor-83 .elementor-element.elementor-element-a00744b .elementor-button:hover, .elementor-83 .elementor-element.elementor-element-a00744b .elementor-button:focus{color:var( --e-global-color-text );}.elementor-83 .elementor-element.elementor-element-a00744b .elementor-button:hover svg, .elementor-83 .elementor-element.elementor-element-a00744b .elementor-button:focus svg{fill:var( --e-global-color-text );}.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-83 .elementor-element.elementor-element-c728e56{--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-text-color:#FFFFFF;--toggle-button-icon-color:#FFFFFF;--toggle-button-hover-text-color:var( --e-global-color-text );--toggle-button-icon-hover-color:var( --e-global-color-text );--toggle-button-border-width:0px;--toggle-icon-size:20px;--toggle-icon-padding:10px 0px 10px 0px;--cart-background-color:var( --e-global-color-text );--cart-border-style:none;--cart-close-button-color:var( --e-global-color-ebbb5b8 );--cart-close-button-hover-color:var( --e-global-color-accent );--remove-item-button-color:var( --e-global-color-ebbb5b8 );--remove-item-button-hover-color:var( --e-global-color-accent );--menu-cart-subtotal-color:var( --e-global-color-ebbb5b8 );--product-variations-color:var( --e-global-color-ebbb5b8 );--product-price-color:var( --e-global-color-ebbb5b8 );--divider-color:var( --e-global-color-secondary );--subtotal-divider-color:var( --e-global-color-secondary );--divider-width:1px;--subtotal-divider-top-width:1px;--subtotal-divider-right-width:1px;--subtotal-divider-bottom-width:1px;--subtotal-divider-left-width:1px;--product-divider-gap:16px;--cart-footer-layout:1fr;--products-max-height-sidecart:calc(100vh - 300px);--products-max-height-minicart:calc(100vh - 450px);--view-cart-button-text-color:var( --e-global-color-ebbb5b8 );--view-cart-button-background-color:var( --e-global-color-text );--view-cart-button-hover-text-color:var( --e-global-color-text );--view-cart-button-hover-background-color:var( --e-global-color-ebbb5b8 );--view-cart-button-padding:10px 20px 10px 20px;--checkout-button-text-color:var( --e-global-color-ebbb5b8 );--checkout-button-background-color:var( --e-global-color-text );--checkout-button-hover-text-color:var( --e-global-color-text );--checkout-button-hover-background-color:var( --e-global-color-ebbb5b8 );--checkout-button-padding:10px 20px 10px 20px;--empty-message-color:var( --e-global-color-secondary );--empty-message-alignment:center;}.elementor-83 .elementor-element.elementor-element-c728e56 .elementor-menu-cart__toggle .elementor-button{font-family:"Josefin Sans", Sans-serif;font-size:20px;font-weight:400;line-height:10px;}.elementor-83 .elementor-element.elementor-element-c728e56 .elementor-menu-cart__subtotal{font-family:"Michroma", Sans-serif;font-size:15px;font-weight:600;line-height:15px;}.elementor-83 .elementor-element.elementor-element-c728e56 .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;--subtotal-divider-color:var( --e-global-color-ebbb5b8 );}.elementor-83 .elementor-element.elementor-element-c728e56 .elementor-menu-cart__product-name a{font-family:"Josefin Sans", Sans-serif;font-size:14px;font-weight:400;line-height:0px;color:var( --e-global-color-ebbb5b8 );}.elementor-83 .elementor-element.elementor-element-c728e56 .elementor-menu-cart__product-name a:hover{color:var( --e-global-color-accent );}.elementor-83 .elementor-element.elementor-element-c728e56 .elementor-menu-cart__product .variation{font-family:"Work Sans", Sans-serif;font-size:12px;font-weight:500;line-height:12px;}.elementor-83 .elementor-element.elementor-element-c728e56 .elementor-menu-cart__product-price{font-family:"Work Sans", Sans-serif;font-size:16px;font-weight:500;line-height:0px;}.elementor-83 .elementor-element.elementor-element-c728e56 .elementor-menu-cart__product-price .product-quantity{color:var( --e-global-color-ebbb5b8 );}.elementor-83 .elementor-element.elementor-element-c728e56 .elementor-menu-cart__footer-buttons .elementor-button{font-family:"Michroma", Sans-serif;font-size:15px;font-weight:600;line-height:80px;}.elementor-83 .elementor-element.elementor-element-c728e56 .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{font-family:"Josefin Sans", Sans-serif;font-weight:300;text-transform:uppercase;line-height:2em;border-radius:0px 0px 0px 0px;}.elementor-83 .elementor-element.elementor-element-c728e56 .elementor-menu-cart__footer-buttons .elementor-button--view-cart:hover{border-color:var( --e-global-color-ebbb5b8 );}.elementor-83 .elementor-element.elementor-element-c728e56 .elementor-button--view-cart{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-ebbb5b8 );}.elementor-83 .elementor-element.elementor-element-c728e56 .elementor-menu-cart__footer-buttons a.elementor-button--checkout{font-family:"Josefin Sans", Sans-serif;font-size:15px;font-weight:300;text-transform:uppercase;line-height:2em;border-radius:0px 0px 0px 0px;}.elementor-83 .elementor-element.elementor-element-c728e56 .elementor-menu-cart__footer-buttons .elementor-button--checkout:hover{border-color:var( --e-global-color-ebbb5b8 );}.elementor-83 .elementor-element.elementor-element-c728e56 .elementor-button--checkout{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-ebbb5b8 );}.elementor-83 .elementor-element.elementor-element-c728e56 .woocommerce-mini-cart__empty-message{font-family:"Josefin Sans", Sans-serif;font-size:20px;font-weight:600;line-height:20px;}.elementor-83 .elementor-element.elementor-element-03bdae6 .e-off-canvas__overlay{background-color:rgba(0,0,0,.8);}.elementor-83 .elementor-element.elementor-element-03bdae6{--e-off-canvas-justify-content:flex-start;--e-off-canvas-width:331px;--e-off-canvas-height:100vh;--e-off-canvas-content-overflow:auto;--e-off-canvas-overlay-opacity:1;}.elementor-83 .elementor-element.elementor-element-321a88c{--display:flex;}.elementor-widget-loop-grid .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-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-83 .elementor-element.elementor-element-37ca72a{--grid-columns:1;}.elementor-83 .elementor-element.elementor-element-37ca72a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:20px 0px 0px 0px;}.elementor-83 .elementor-element.elementor-element-6fa2b1c{--display:flex;--position:absolute;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:49;}.elementor-83 .elementor-element.elementor-element-6fa2b1c:not(.elementor-motion-effects-element-type-background), .elementor-83 .elementor-element.elementor-element-6fa2b1c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-ebbb5b8 );}body:not(.rtl) .elementor-83 .elementor-element.elementor-element-6fa2b1c{left:0px;}body.rtl .elementor-83 .elementor-element.elementor-element-6fa2b1c{right:0px;}.elementor-83 .elementor-element.elementor-element-7b649b1{--display:flex;--min-height:fit;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--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-83 .elementor-element.elementor-element-7111a3d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.25);--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-83 .elementor-element.elementor-element-7111a3d:not(.elementor-motion-effects-element-type-background), .elementor-83 .elementor-element.elementor-element-7111a3d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-ebbb5b8 );}.elementor-83 .elementor-element.elementor-element-7111a3d.e-con{--align-self:center;}.elementor-83 .elementor-element.elementor-element-d558e3f{--display:flex;--min-height:60px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-83 .elementor-element.elementor-element-e27a3c5 .elementor-menu-toggle{margin:0 auto;}.elementor-83 .elementor-element.elementor-element-e27a3c5 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;}.elementor-83 .elementor-element.elementor-element-e27a3c5 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );padding-left:0px;padding-right:0px;padding-top:5px;padding-bottom:5px;}.elementor-83 .elementor-element.elementor-element-e27a3c5 .elementor-nav-menu--main .elementor-item:hover, .elementor-83 .elementor-element.elementor-element-e27a3c5 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-83 .elementor-element.elementor-element-e27a3c5 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-83 .elementor-element.elementor-element-e27a3c5 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-83 .elementor-element.elementor-element-e27a3c5 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-text );}.elementor-83 .elementor-element.elementor-element-e27a3c5{--e-nav-menu-horizontal-menu-item-margin:calc( 23px / 2 );}.elementor-83 .elementor-element.elementor-element-e27a3c5 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:23px;}.elementor-83 .elementor-element.elementor-element-e27a3c5 .elementor-nav-menu--dropdown a, .elementor-83 .elementor-element.elementor-element-e27a3c5 .elementor-menu-toggle{color:#121212A8;fill:#121212A8;}.elementor-83 .elementor-element.elementor-element-e27a3c5 .elementor-nav-menu--dropdown a:hover, .elementor-83 .elementor-element.elementor-element-e27a3c5 .elementor-nav-menu--dropdown a:focus, .elementor-83 .elementor-element.elementor-element-e27a3c5 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-83 .elementor-element.elementor-element-e27a3c5 .elementor-nav-menu--dropdown a.highlighted, .elementor-83 .elementor-element.elementor-element-e27a3c5 .elementor-menu-toggle:hover, .elementor-83 .elementor-element.elementor-element-e27a3c5 .elementor-menu-toggle:focus{color:var( --e-global-color-text );}.elementor-83 .elementor-element.elementor-element-e27a3c5 .elementor-nav-menu--dropdown a:hover, .elementor-83 .elementor-element.elementor-element-e27a3c5 .elementor-nav-menu--dropdown a:focus, .elementor-83 .elementor-element.elementor-element-e27a3c5 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-83 .elementor-element.elementor-element-e27a3c5 .elementor-nav-menu--dropdown a.highlighted{background-color:#F8B48800;}.elementor-83 .elementor-element.elementor-element-e27a3c5 .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-text );}.elementor-83 .elementor-element.elementor-element-e27a3c5 .elementor-nav-menu--dropdown .elementor-item, .elementor-83 .elementor-element.elementor-element-e27a3c5 .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Josefin Sans", Sans-serif;font-size:16px;font-weight:400;text-decoration:none;}.elementor-83 .elementor-element.elementor-element-e27a3c5 .elementor-nav-menu--dropdown{border-style:solid;border-width:1px 1px 1px 1px;border-color:#65656380;}.elementor-83 .elementor-element.elementor-element-e27a3c5 .elementor-nav-menu--dropdown a{padding-left:24px;padding-right:24px;padding-top:8px;padding-bottom:8px;}.elementor-83 .elementor-element.elementor-element-e27a3c5 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-83 .elementor-element.elementor-element-e27a3c5 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:10px !important;}.elementor-83 .elementor-element.elementor-element-993578e{--display:flex;--min-height:60px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:50px;}.elementor-83 .elementor-element.elementor-element-db95f90 .elementor-button{background-color:#BABABA00;font-family:"Michroma", Sans-serif;font-size:18px;font-weight:600;line-height:1px;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );padding:10px 0px 10px 0px;}.elementor-83 .elementor-element.elementor-element-db95f90 .elementor-button:hover, .elementor-83 .elementor-element.elementor-element-db95f90 .elementor-button:focus{color:var( --e-global-color-text );}.elementor-83 .elementor-element.elementor-element-db95f90 .elementor-button:hover svg, .elementor-83 .elementor-element.elementor-element-db95f90 .elementor-button:focus svg{fill:var( --e-global-color-text );}.elementor-83 .elementor-element.elementor-element-977d50b .elementor-button{background-color:#BABABA00;font-family:"Michroma", Sans-serif;font-size:18px;font-weight:600;line-height:1px;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );padding:10px 0px 10px 0px;}.elementor-83 .elementor-element.elementor-element-977d50b .elementor-button:hover, .elementor-83 .elementor-element.elementor-element-977d50b .elementor-button:focus{color:var( --e-global-color-text );}.elementor-83 .elementor-element.elementor-element-977d50b .elementor-button:hover svg, .elementor-83 .elementor-element.elementor-element-977d50b .elementor-button:focus svg{fill:var( --e-global-color-text );}.elementor-83 .elementor-element.elementor-element-f6b96df{--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-text-color:var( --e-global-color-secondary );--toggle-button-icon-color:var( --e-global-color-secondary );--toggle-button-hover-text-color:var( --e-global-color-text );--toggle-button-icon-hover-color:var( --e-global-color-text );--toggle-button-border-width:0px;--toggle-icon-size:20px;--toggle-icon-padding:10px 0px 10px 0px;--cart-background-color:var( --e-global-color-text );--cart-border-style:none;--cart-close-button-color:var( --e-global-color-ebbb5b8 );--cart-close-button-hover-color:var( --e-global-color-accent );--remove-item-button-color:var( --e-global-color-ebbb5b8 );--remove-item-button-hover-color:var( --e-global-color-accent );--menu-cart-subtotal-color:var( --e-global-color-ebbb5b8 );--product-variations-color:var( --e-global-color-ebbb5b8 );--product-price-color:var( --e-global-color-ebbb5b8 );--divider-color:var( --e-global-color-secondary );--subtotal-divider-color:var( --e-global-color-secondary );--divider-width:1px;--subtotal-divider-top-width:1px;--subtotal-divider-right-width:1px;--subtotal-divider-bottom-width:1px;--subtotal-divider-left-width:1px;--product-divider-gap:16px;--cart-footer-layout:1fr;--products-max-height-sidecart:calc(100vh - 300px);--products-max-height-minicart:calc(100vh - 450px);--view-cart-button-text-color:var( --e-global-color-ebbb5b8 );--view-cart-button-background-color:var( --e-global-color-text );--view-cart-button-hover-text-color:var( --e-global-color-text );--view-cart-button-hover-background-color:var( --e-global-color-ebbb5b8 );--view-cart-button-padding:10px 20px 10px 20px;--checkout-button-text-color:var( --e-global-color-ebbb5b8 );--checkout-button-background-color:var( --e-global-color-text );--checkout-button-hover-text-color:var( --e-global-color-text );--checkout-button-hover-background-color:var( --e-global-color-ebbb5b8 );--checkout-button-padding:10px 20px 10px 20px;--empty-message-color:var( --e-global-color-secondary );--empty-message-alignment:center;}.elementor-83 .elementor-element.elementor-element-f6b96df .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-83 .elementor-element.elementor-element-f6b96df .elementor-menu-cart__subtotal{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-83 .elementor-element.elementor-element-f6b96df .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;--subtotal-divider-color:var( --e-global-color-ebbb5b8 );}.elementor-83 .elementor-element.elementor-element-f6b96df .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 );color:var( --e-global-color-ebbb5b8 );}.elementor-83 .elementor-element.elementor-element-f6b96df .elementor-menu-cart__product-name a:hover{color:var( --e-global-color-accent );}.elementor-83 .elementor-element.elementor-element-f6b96df .elementor-menu-cart__product .variation{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-83 .elementor-element.elementor-element-f6b96df .elementor-menu-cart__product-price{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-83 .elementor-element.elementor-element-f6b96df .elementor-menu-cart__product-price .product-quantity{color:var( --e-global-color-ebbb5b8 );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-83 .elementor-element.elementor-element-f6b96df .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-83 .elementor-element.elementor-element-f6b96df .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );border-radius:0px 0px 0px 0px;}.elementor-83 .elementor-element.elementor-element-f6b96df .elementor-menu-cart__footer-buttons .elementor-button--view-cart:hover{border-color:var( --e-global-color-ebbb5b8 );}.elementor-83 .elementor-element.elementor-element-f6b96df .elementor-button--view-cart{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-ebbb5b8 );}.elementor-83 .elementor-element.elementor-element-f6b96df .elementor-menu-cart__footer-buttons a.elementor-button--checkout{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );border-radius:0px 0px 0px 0px;}.elementor-83 .elementor-element.elementor-element-f6b96df .elementor-menu-cart__footer-buttons .elementor-button--checkout:hover{border-color:var( --e-global-color-ebbb5b8 );}.elementor-83 .elementor-element.elementor-element-f6b96df .elementor-button--checkout{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-ebbb5b8 );}.elementor-83 .elementor-element.elementor-element-f6b96df .woocommerce-mini-cart__empty-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-83 .elementor-element.elementor-element-515cc5e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-83 .elementor-element.elementor-element-526eb4b{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#6565634D;--border-color:#6565634D;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:50;}.elementor-83 .elementor-element.elementor-element-526eb4b:not(.elementor-motion-effects-element-type-background), .elementor-83 .elementor-element.elementor-element-526eb4b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-83 .elementor-element.elementor-element-ae5608a{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--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-83 .elementor-element.elementor-element-2258598{--display:flex;--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-83 .elementor-element.elementor-element-7cb31df{padding:10px 10px 5px 10px;}.elementor-83 .elementor-element.elementor-element-7cb31df img{width:107px;}.elementor-83 .elementor-element.elementor-element-bd2a373{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--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-83 .elementor-element.elementor-element-17be3a5 .elementor-menu-toggle{margin:0 auto;}.elementor-83 .elementor-element.elementor-element-17be3a5 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;}.elementor-83 .elementor-element.elementor-element-17be3a5 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );padding-top:5px;padding-bottom:5px;}.elementor-83 .elementor-element.elementor-element-17be3a5 .elementor-nav-menu--main .elementor-item:hover, .elementor-83 .elementor-element.elementor-element-17be3a5 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-83 .elementor-element.elementor-element-17be3a5 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-83 .elementor-element.elementor-element-17be3a5 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-83 .elementor-element.elementor-element-17be3a5 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-text );}.elementor-83 .elementor-element.elementor-element-17be3a5 .elementor-nav-menu--dropdown a, .elementor-83 .elementor-element.elementor-element-17be3a5 .elementor-menu-toggle{color:#121212A8;fill:#121212A8;}.elementor-83 .elementor-element.elementor-element-17be3a5 .elementor-nav-menu--dropdown a:hover, .elementor-83 .elementor-element.elementor-element-17be3a5 .elementor-nav-menu--dropdown a:focus, .elementor-83 .elementor-element.elementor-element-17be3a5 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-83 .elementor-element.elementor-element-17be3a5 .elementor-nav-menu--dropdown a.highlighted, .elementor-83 .elementor-element.elementor-element-17be3a5 .elementor-menu-toggle:hover, .elementor-83 .elementor-element.elementor-element-17be3a5 .elementor-menu-toggle:focus{color:var( --e-global-color-text );}.elementor-83 .elementor-element.elementor-element-17be3a5 .elementor-nav-menu--dropdown a:hover, .elementor-83 .elementor-element.elementor-element-17be3a5 .elementor-nav-menu--dropdown a:focus, .elementor-83 .elementor-element.elementor-element-17be3a5 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-83 .elementor-element.elementor-element-17be3a5 .elementor-nav-menu--dropdown a.highlighted{background-color:#F8B48800;}.elementor-83 .elementor-element.elementor-element-17be3a5 .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-text );}.elementor-83 .elementor-element.elementor-element-17be3a5 .elementor-nav-menu--dropdown .elementor-item, .elementor-83 .elementor-element.elementor-element-17be3a5 .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Josefin Sans", Sans-serif;font-size:16px;font-weight:400;text-decoration:none;}.elementor-83 .elementor-element.elementor-element-17be3a5 .elementor-nav-menu--dropdown{border-style:solid;border-width:1px 1px 1px 1px;border-color:#65656380;}.elementor-83 .elementor-element.elementor-element-17be3a5 .elementor-nav-menu--dropdown a{padding-left:24px;padding-right:24px;padding-top:8px;padding-bottom:8px;}.elementor-83 .elementor-element.elementor-element-17be3a5 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-83 .elementor-element.elementor-element-17be3a5 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:10px !important;}.elementor-83 .elementor-element.elementor-element-ee08c93{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:50px;}.elementor-83 .elementor-element.elementor-element-5e83d8f .e-off-canvas__overlay{background-color:rgba(0,0,0,.8);}.elementor-83 .elementor-element.elementor-element-5e83d8f{--e-off-canvas-justify-content:center;--e-off-canvas-align-items:flex-start;--e-off-canvas-width:100%;--e-off-canvas-height:fit-content;--e-off-canvas-content-overflow:initial;--e-off-canvas-animation-duration:1.5s;--e-off-canvas-overlay-opacity:1;}.elementor-83 .elementor-element.elementor-element-39c7cd6{--display:flex;--min-height:250px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--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-83 .elementor-element.elementor-element-77d3b53 .e-search-submit{background-color:#FFFFFF00;border-style:none;}.elementor-83 .elementor-element.elementor-element-77d3b53{width:var( --container-widget-width, 500px );max-width:500px;--container-widget-width:500px;--container-widget-flex-grow:0;--e-search-results-columns:1;--e-search-results-grid-auto-rows:1fr;--e-search-loop-item-equal-height:100%;--e-search-placeholder-color:var( --e-global-color-secondary );--e-search-submit-margin-inline-start:0px;--e-search-icon-submit-size:20px;--e-search-submit-icon-gap:0px;--e-search-icon-submit-color:var( --e-global-color-secondary );--e-search-results-padding:0px 0px 0px 0px;--e-search-input-and-results-gap:1px;--e-search-results-row-gap:0px;--e-search-nothing-found-padding-block-start:20px;--e-search-nothing-found-padding-block-end:20px;--e-search-nothing-found-message-alignment:center;--e-search-nothing-found-message-color:var( --e-global-color-secondary );}.elementor-83 .elementor-element.elementor-element-77d3b53 .e-search-input{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );border-style:none;}.elementor-83 .elementor-element.elementor-element-77d3b53 .e-search-submit:hover{--e-search-icon-submit-color:var( --e-global-color-text );border-style:none;}.elementor-83 .elementor-element.elementor-element-77d3b53 .e-search-results-container > div{border-style:solid;border-width:1px 1px 1px 1px;border-color:#1212124D;}.elementor-83 .elementor-element.elementor-element-77d3b53 .e-search-nothing-found-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-83 .elementor-element.elementor-element-fb46018 .elementor-icon-wrapper{text-align:center;}.elementor-83 .elementor-element.elementor-element-fb46018.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-83 .elementor-element.elementor-element-fb46018.elementor-view-framed .elementor-icon, .elementor-83 .elementor-element.elementor-element-fb46018.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-83 .elementor-element.elementor-element-fb46018.elementor-view-framed .elementor-icon, .elementor-83 .elementor-element.elementor-element-fb46018.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-83 .elementor-element.elementor-element-fb46018.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-text );}.elementor-83 .elementor-element.elementor-element-fb46018.elementor-view-framed .elementor-icon:hover, .elementor-83 .elementor-element.elementor-element-fb46018.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-83 .elementor-element.elementor-element-fb46018.elementor-view-framed .elementor-icon:hover, .elementor-83 .elementor-element.elementor-element-fb46018.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-text );}.elementor-83 .elementor-element.elementor-element-fb46018 .elementor-icon{font-size:25px;}.elementor-83 .elementor-element.elementor-element-fb46018 .elementor-icon svg{height:25px;}.elementor-83 .elementor-element.elementor-element-6b8ff23 .elementor-button{background-color:#BABABA00;font-family:"Michroma", Sans-serif;font-size:18px;font-weight:600;line-height:1px;fill:#FFFFFF;color:#FFFFFF;padding:10px 0px 10px 0px;}.elementor-83 .elementor-element.elementor-element-6b8ff23 .elementor-button:hover, .elementor-83 .elementor-element.elementor-element-6b8ff23 .elementor-button:focus{color:var( --e-global-color-text );}.elementor-83 .elementor-element.elementor-element-6b8ff23 .elementor-button:hover svg, .elementor-83 .elementor-element.elementor-element-6b8ff23 .elementor-button:focus svg{fill:var( --e-global-color-text );}.elementor-83 .elementor-element.elementor-element-56e9da2 .elementor-button{background-color:#BABABA00;font-family:"Michroma", Sans-serif;font-size:18px;font-weight:600;line-height:1px;fill:#FFFFFF;color:#FFFFFF;padding:10px 0px 10px 0px;}.elementor-83 .elementor-element.elementor-element-56e9da2 .elementor-button:hover, .elementor-83 .elementor-element.elementor-element-56e9da2 .elementor-button:focus{color:var( --e-global-color-text );}.elementor-83 .elementor-element.elementor-element-56e9da2 .elementor-button:hover svg, .elementor-83 .elementor-element.elementor-element-56e9da2 .elementor-button:focus svg{fill:var( --e-global-color-text );}.elementor-83 .elementor-element.elementor-element-f9b93e1{--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-text-color:#FFFFFF;--toggle-button-icon-color:#FFFFFF;--toggle-button-hover-text-color:var( --e-global-color-text );--toggle-button-icon-hover-color:var( --e-global-color-text );--toggle-button-border-width:0px;--toggle-icon-size:20px;--toggle-icon-padding:10px 0px 10px 0px;--cart-background-color:var( --e-global-color-text );--cart-border-style:none;--cart-close-button-color:var( --e-global-color-ebbb5b8 );--cart-close-button-hover-color:var( --e-global-color-accent );--remove-item-button-color:var( --e-global-color-ebbb5b8 );--remove-item-button-hover-color:var( --e-global-color-accent );--menu-cart-subtotal-color:var( --e-global-color-ebbb5b8 );--product-variations-color:var( --e-global-color-ebbb5b8 );--product-price-color:var( --e-global-color-ebbb5b8 );--divider-color:var( --e-global-color-secondary );--subtotal-divider-color:var( --e-global-color-secondary );--divider-width:1px;--subtotal-divider-top-width:1px;--subtotal-divider-right-width:1px;--subtotal-divider-bottom-width:1px;--subtotal-divider-left-width:1px;--product-divider-gap:16px;--cart-footer-layout:1fr;--products-max-height-sidecart:calc(100vh - 300px);--products-max-height-minicart:calc(100vh - 450px);--view-cart-button-text-color:var( --e-global-color-ebbb5b8 );--view-cart-button-background-color:var( --e-global-color-text );--view-cart-button-hover-text-color:var( --e-global-color-text );--view-cart-button-hover-background-color:var( --e-global-color-ebbb5b8 );--view-cart-button-padding:10px 20px 10px 20px;--checkout-button-text-color:var( --e-global-color-ebbb5b8 );--checkout-button-background-color:var( --e-global-color-text );--checkout-button-hover-text-color:var( --e-global-color-text );--checkout-button-hover-background-color:var( --e-global-color-ebbb5b8 );--checkout-button-padding:10px 20px 10px 20px;--empty-message-color:var( --e-global-color-secondary );--empty-message-alignment:center;}.elementor-83 .elementor-element.elementor-element-f9b93e1 .elementor-menu-cart__toggle .elementor-button{font-family:"Josefin Sans", Sans-serif;font-size:20px;font-weight:400;line-height:10px;}.elementor-83 .elementor-element.elementor-element-f9b93e1 .elementor-menu-cart__subtotal{font-family:"Michroma", Sans-serif;font-size:15px;font-weight:600;line-height:15px;}.elementor-83 .elementor-element.elementor-element-f9b93e1 .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;--subtotal-divider-color:var( --e-global-color-ebbb5b8 );}.elementor-83 .elementor-element.elementor-element-f9b93e1 .elementor-menu-cart__product-name a{font-family:"Josefin Sans", Sans-serif;font-size:14px;font-weight:400;line-height:0px;color:var( --e-global-color-ebbb5b8 );}.elementor-83 .elementor-element.elementor-element-f9b93e1 .elementor-menu-cart__product-name a:hover{color:var( --e-global-color-accent );}.elementor-83 .elementor-element.elementor-element-f9b93e1 .elementor-menu-cart__product .variation{font-family:"Work Sans", Sans-serif;font-size:12px;font-weight:500;line-height:12px;}.elementor-83 .elementor-element.elementor-element-f9b93e1 .elementor-menu-cart__product-price{font-family:"Work Sans", Sans-serif;font-size:16px;font-weight:500;line-height:0px;}.elementor-83 .elementor-element.elementor-element-f9b93e1 .elementor-menu-cart__product-price .product-quantity{color:var( --e-global-color-ebbb5b8 );}.elementor-83 .elementor-element.elementor-element-f9b93e1 .elementor-menu-cart__footer-buttons .elementor-button{font-family:"Michroma", Sans-serif;font-size:15px;font-weight:600;line-height:80px;}.elementor-83 .elementor-element.elementor-element-f9b93e1 .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{font-family:"Josefin Sans", Sans-serif;font-weight:300;text-transform:uppercase;line-height:2em;border-radius:0px 0px 0px 0px;}.elementor-83 .elementor-element.elementor-element-f9b93e1 .elementor-menu-cart__footer-buttons .elementor-button--view-cart:hover{border-color:var( --e-global-color-ebbb5b8 );}.elementor-83 .elementor-element.elementor-element-f9b93e1 .elementor-button--view-cart{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-ebbb5b8 );}.elementor-83 .elementor-element.elementor-element-f9b93e1 .elementor-menu-cart__footer-buttons a.elementor-button--checkout{font-family:"Josefin Sans", Sans-serif;font-size:15px;font-weight:300;text-transform:uppercase;line-height:2em;border-radius:0px 0px 0px 0px;}.elementor-83 .elementor-element.elementor-element-f9b93e1 .elementor-menu-cart__footer-buttons .elementor-button--checkout:hover{border-color:var( --e-global-color-ebbb5b8 );}.elementor-83 .elementor-element.elementor-element-f9b93e1 .elementor-button--checkout{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-ebbb5b8 );}.elementor-83 .elementor-element.elementor-element-f9b93e1 .woocommerce-mini-cart__empty-message{font-family:"Josefin Sans", Sans-serif;font-size:20px;font-weight:600;line-height:20px;}.elementor-83 .elementor-element.elementor-element-ea9c378 .e-off-canvas__overlay{background-color:rgba(0,0,0,.8);}.elementor-83 .elementor-element.elementor-element-ea9c378{--e-off-canvas-justify-content:flex-start;--e-off-canvas-width:331px;--e-off-canvas-height:100vh;--e-off-canvas-content-overflow:auto;--e-off-canvas-overlay-opacity:1;}.elementor-83 .elementor-element.elementor-element-f152b53{--display:flex;}.elementor-83 .elementor-element.elementor-element-b5f0385{--grid-columns:1;}.elementor-83 .elementor-element.elementor-element-b5f0385 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:20px 0px 0px 0px;}.elementor-83 .elementor-element.elementor-element-7962ddf{--display:flex;--position:absolute;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:49;}.elementor-83 .elementor-element.elementor-element-7962ddf:not(.elementor-motion-effects-element-type-background), .elementor-83 .elementor-element.elementor-element-7962ddf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-ebbb5b8 );}body:not(.rtl) .elementor-83 .elementor-element.elementor-element-7962ddf{left:0px;}body.rtl .elementor-83 .elementor-element.elementor-element-7962ddf{right:0px;}.elementor-83 .elementor-element.elementor-element-671b623{--display:flex;--min-height:fit;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--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-83 .elementor-element.elementor-element-df0a7a5{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.25);--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-83 .elementor-element.elementor-element-df0a7a5:not(.elementor-motion-effects-element-type-background), .elementor-83 .elementor-element.elementor-element-df0a7a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-ebbb5b8 );}.elementor-83 .elementor-element.elementor-element-df0a7a5.e-con{--align-self:center;}.elementor-83 .elementor-element.elementor-element-dfdfaf2{--display:flex;--min-height:60px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-83 .elementor-element.elementor-element-5eb08ac .elementor-menu-toggle{margin:0 auto;}.elementor-83 .elementor-element.elementor-element-5eb08ac .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;}.elementor-83 .elementor-element.elementor-element-5eb08ac .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );padding-left:0px;padding-right:0px;padding-top:5px;padding-bottom:5px;}.elementor-83 .elementor-element.elementor-element-5eb08ac .elementor-nav-menu--main .elementor-item:hover, .elementor-83 .elementor-element.elementor-element-5eb08ac .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-83 .elementor-element.elementor-element-5eb08ac .elementor-nav-menu--main .elementor-item.highlighted, .elementor-83 .elementor-element.elementor-element-5eb08ac .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-83 .elementor-element.elementor-element-5eb08ac .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-text );}.elementor-83 .elementor-element.elementor-element-5eb08ac{--e-nav-menu-horizontal-menu-item-margin:calc( 23px / 2 );}.elementor-83 .elementor-element.elementor-element-5eb08ac .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:23px;}.elementor-83 .elementor-element.elementor-element-5eb08ac .elementor-nav-menu--dropdown a, .elementor-83 .elementor-element.elementor-element-5eb08ac .elementor-menu-toggle{color:#121212A8;fill:#121212A8;}.elementor-83 .elementor-element.elementor-element-5eb08ac .elementor-nav-menu--dropdown a:hover, .elementor-83 .elementor-element.elementor-element-5eb08ac .elementor-nav-menu--dropdown a:focus, .elementor-83 .elementor-element.elementor-element-5eb08ac .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-83 .elementor-element.elementor-element-5eb08ac .elementor-nav-menu--dropdown a.highlighted, .elementor-83 .elementor-element.elementor-element-5eb08ac .elementor-menu-toggle:hover, .elementor-83 .elementor-element.elementor-element-5eb08ac .elementor-menu-toggle:focus{color:var( --e-global-color-text );}.elementor-83 .elementor-element.elementor-element-5eb08ac .elementor-nav-menu--dropdown a:hover, .elementor-83 .elementor-element.elementor-element-5eb08ac .elementor-nav-menu--dropdown a:focus, .elementor-83 .elementor-element.elementor-element-5eb08ac .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-83 .elementor-element.elementor-element-5eb08ac .elementor-nav-menu--dropdown a.highlighted{background-color:#F8B48800;}.elementor-83 .elementor-element.elementor-element-5eb08ac .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-text );}.elementor-83 .elementor-element.elementor-element-5eb08ac .elementor-nav-menu--dropdown .elementor-item, .elementor-83 .elementor-element.elementor-element-5eb08ac .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Josefin Sans", Sans-serif;font-size:16px;font-weight:400;text-decoration:none;}.elementor-83 .elementor-element.elementor-element-5eb08ac .elementor-nav-menu--dropdown{border-style:solid;border-width:1px 1px 1px 1px;border-color:#65656380;}.elementor-83 .elementor-element.elementor-element-5eb08ac .elementor-nav-menu--dropdown a{padding-left:24px;padding-right:24px;padding-top:8px;padding-bottom:8px;}.elementor-83 .elementor-element.elementor-element-5eb08ac .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-83 .elementor-element.elementor-element-5eb08ac .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:10px !important;}.elementor-83 .elementor-element.elementor-element-f5b0228{--display:flex;--min-height:60px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:50px;}.elementor-83 .elementor-element.elementor-element-bec15c4 .elementor-button{background-color:#BABABA00;font-family:"Michroma", Sans-serif;font-size:18px;font-weight:600;line-height:1px;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );padding:10px 0px 10px 0px;}.elementor-83 .elementor-element.elementor-element-bec15c4 .elementor-button:hover, .elementor-83 .elementor-element.elementor-element-bec15c4 .elementor-button:focus{color:var( --e-global-color-text );}.elementor-83 .elementor-element.elementor-element-bec15c4 .elementor-button:hover svg, .elementor-83 .elementor-element.elementor-element-bec15c4 .elementor-button:focus svg{fill:var( --e-global-color-text );}.elementor-83 .elementor-element.elementor-element-b2ac5b2 .elementor-button{background-color:#BABABA00;font-family:"Michroma", Sans-serif;font-size:18px;font-weight:600;line-height:1px;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );padding:10px 0px 10px 0px;}.elementor-83 .elementor-element.elementor-element-b2ac5b2 .elementor-button:hover, .elementor-83 .elementor-element.elementor-element-b2ac5b2 .elementor-button:focus{color:var( --e-global-color-text );}.elementor-83 .elementor-element.elementor-element-b2ac5b2 .elementor-button:hover svg, .elementor-83 .elementor-element.elementor-element-b2ac5b2 .elementor-button:focus svg{fill:var( --e-global-color-text );}.elementor-83 .elementor-element.elementor-element-137ec9c{--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-text-color:var( --e-global-color-secondary );--toggle-button-icon-color:var( --e-global-color-secondary );--toggle-button-hover-text-color:var( --e-global-color-text );--toggle-button-icon-hover-color:var( --e-global-color-text );--toggle-button-border-width:0px;--toggle-icon-size:20px;--toggle-icon-padding:10px 0px 10px 0px;--cart-background-color:var( --e-global-color-text );--cart-border-style:none;--cart-close-button-color:var( --e-global-color-ebbb5b8 );--cart-close-button-hover-color:var( --e-global-color-accent );--remove-item-button-color:var( --e-global-color-ebbb5b8 );--remove-item-button-hover-color:var( --e-global-color-accent );--menu-cart-subtotal-color:var( --e-global-color-ebbb5b8 );--product-variations-color:var( --e-global-color-ebbb5b8 );--product-price-color:var( --e-global-color-ebbb5b8 );--divider-color:var( --e-global-color-secondary );--subtotal-divider-color:var( --e-global-color-secondary );--divider-width:1px;--subtotal-divider-top-width:1px;--subtotal-divider-right-width:1px;--subtotal-divider-bottom-width:1px;--subtotal-divider-left-width:1px;--product-divider-gap:16px;--cart-footer-layout:1fr;--products-max-height-sidecart:calc(100vh - 300px);--products-max-height-minicart:calc(100vh - 450px);--view-cart-button-text-color:var( --e-global-color-ebbb5b8 );--view-cart-button-background-color:var( --e-global-color-text );--view-cart-button-hover-text-color:var( --e-global-color-text );--view-cart-button-hover-background-color:var( --e-global-color-ebbb5b8 );--view-cart-button-padding:10px 20px 10px 20px;--checkout-button-text-color:var( --e-global-color-ebbb5b8 );--checkout-button-background-color:var( --e-global-color-text );--checkout-button-hover-text-color:var( --e-global-color-text );--checkout-button-hover-background-color:var( --e-global-color-ebbb5b8 );--checkout-button-padding:10px 20px 10px 20px;--empty-message-color:var( --e-global-color-secondary );--empty-message-alignment:center;}.elementor-83 .elementor-element.elementor-element-137ec9c .elementor-menu-cart__toggle .elementor-button{font-family:"Josefin Sans", Sans-serif;font-size:20px;font-weight:400;line-height:10px;}.elementor-83 .elementor-element.elementor-element-137ec9c .elementor-menu-cart__subtotal{font-family:"Michroma", Sans-serif;font-size:15px;font-weight:600;line-height:15px;}.elementor-83 .elementor-element.elementor-element-137ec9c .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;--subtotal-divider-color:var( --e-global-color-ebbb5b8 );}.elementor-83 .elementor-element.elementor-element-137ec9c .elementor-menu-cart__product-name a{font-family:"Josefin Sans", Sans-serif;font-size:14px;font-weight:400;line-height:0px;color:var( --e-global-color-ebbb5b8 );}.elementor-83 .elementor-element.elementor-element-137ec9c .elementor-menu-cart__product-name a:hover{color:var( --e-global-color-accent );}.elementor-83 .elementor-element.elementor-element-137ec9c .elementor-menu-cart__product .variation{font-family:"Work Sans", Sans-serif;font-size:12px;font-weight:500;line-height:12px;}.elementor-83 .elementor-element.elementor-element-137ec9c .elementor-menu-cart__product-price{font-family:"Work Sans", Sans-serif;font-size:16px;font-weight:500;line-height:0px;}.elementor-83 .elementor-element.elementor-element-137ec9c .elementor-menu-cart__product-price .product-quantity{color:var( --e-global-color-ebbb5b8 );}.elementor-83 .elementor-element.elementor-element-137ec9c .elementor-menu-cart__footer-buttons .elementor-button{font-family:"Michroma", Sans-serif;font-size:15px;font-weight:600;line-height:80px;}.elementor-83 .elementor-element.elementor-element-137ec9c .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{font-family:"Josefin Sans", Sans-serif;font-weight:300;text-transform:uppercase;line-height:2em;border-radius:0px 0px 0px 0px;}.elementor-83 .elementor-element.elementor-element-137ec9c .elementor-menu-cart__footer-buttons .elementor-button--view-cart:hover{border-color:var( --e-global-color-ebbb5b8 );}.elementor-83 .elementor-element.elementor-element-137ec9c .elementor-button--view-cart{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-ebbb5b8 );}.elementor-83 .elementor-element.elementor-element-137ec9c .elementor-menu-cart__footer-buttons a.elementor-button--checkout{font-family:"Josefin Sans", Sans-serif;font-size:15px;font-weight:300;text-transform:uppercase;line-height:2em;border-radius:0px 0px 0px 0px;}.elementor-83 .elementor-element.elementor-element-137ec9c .elementor-menu-cart__footer-buttons .elementor-button--checkout:hover{border-color:var( --e-global-color-ebbb5b8 );}.elementor-83 .elementor-element.elementor-element-137ec9c .elementor-button--checkout{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-ebbb5b8 );}.elementor-83 .elementor-element.elementor-element-137ec9c .woocommerce-mini-cart__empty-message{font-family:"Josefin Sans", Sans-serif;font-size:20px;font-weight:600;line-height:20px;}.elementor-83 .elementor-element.elementor-element-afae26e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-83 .elementor-element.elementor-element-0493ef9{--content-width:1600px;}.elementor-83 .elementor-element.elementor-element-2b9ef30{--width:35%;}.elementor-83 .elementor-element.elementor-element-4521dd6{--width:30%;}.elementor-83 .elementor-element.elementor-element-75aa3e8{--width:30%;}.elementor-83 .elementor-element.elementor-element-6fa2b1c{--content-width:1600px;}.elementor-83 .elementor-element.elementor-element-7b649b1{--width:100%;}.elementor-83 .elementor-element.elementor-element-993578e{--width:30%;}.elementor-83 .elementor-element.elementor-element-526eb4b{--content-width:1600px;}.elementor-83 .elementor-element.elementor-element-2258598{--width:30%;}.elementor-83 .elementor-element.elementor-element-ee08c93{--width:30%;}.elementor-83 .elementor-element.elementor-element-7962ddf{--content-width:1600px;}.elementor-83 .elementor-element.elementor-element-671b623{--width:100%;}.elementor-83 .elementor-element.elementor-element-f5b0228{--width:30%;}}@media(max-width:1024px){.elementor-83 .elementor-element.elementor-element-37ca72a{--grid-columns:2;}.elementor-83 .elementor-element.elementor-element-b5f0385{--grid-columns:2;}}@media(max-width:767px){.elementor-83 .elementor-element.elementor-element-37ca72a{--grid-columns:1;}.elementor-83 .elementor-element.elementor-element-b5f0385{--grid-columns:1;}}/* Start custom CSS for search, class: .elementor-element-df20378 */.elementor-83 .elementor-element.elementor-element-df20378 { border: 1px solid #b9b9b9; background: white; transition: border 0.2s ease; padding: 0px!important; } .elementor-83 .elementor-element.elementor-element-df20378:hover { outline: 0.094em solid #b9b9b9; } .elementor-83 .elementor-element.elementor-element-df20378:focus-within { outline: 0.094em solid var(--e-global-color-secondary); border-color: var(--e-global-color-secondary); } .elementor-83 .elementor-element.elementor-element-df20378 .e-search .e-search-submit{ padding: 0 20px 0 0 !important; } .elementor-83 .elementor-element.elementor-element-df20378 .e-search-input.no-icon-label{ padding: 0 0 0 20px !important; } .elementor-83 .elementor-element.elementor-element-df20378 .e-search-form{ height:40px!important; display:flex; align-items:center; } .elementor-83 .elementor-element.elementor-element-df20378 .e-search-input-wrapper{ flex:1; height:40px; } .elementor-83 .elementor-element.elementor-element-df20378 .e-search-input{ height:40px !important; min-height:40px !important; padding-top:0; padding-bottom:0; box-sizing:border-box; border:none; box-shadow:none; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-c61946c */.elementor-83 .elementor-element.elementor-element-c61946c{ line-height: 0; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-19bcd7d */.elementor-83 .elementor-element.elementor-element-19bcd7d .elementor-button { background: #BF953F !important; border: none; border-radius: 50% !important; width: 45px !important; height: 45px !important; min-height: unset !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: all 0.4s ease !important; } .elementor-83 .elementor-element.elementor-element-19bcd7d .elementor-button-icon { display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .elementor-83 .elementor-element.elementor-element-19bcd7d .elementor-button-icon svg { width: 18px !important; height: 18px !important; } .elementor-83 .elementor-element.elementor-element-19bcd7d svg path { fill: #000000 !important; transition: all 0.4s ease !important; } /* --- HOVER --- */ .elementor-83 .elementor-element.elementor-element-19bcd7d:hover .elementor-button { background: #ffffff !important; box-shadow: 0 0 12px rgba(191, 149, 63, 0.5), 0 0 24px rgba(191, 149, 63, 0.2) !important; outline: 2px solid #BF953F !important; } .elementor-83 .elementor-element.elementor-element-19bcd7d:hover svg path { fill: #B38728 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-a00744b */.elementor-83 .elementor-element.elementor-element-a00744b .elementor-button { background: #BF953F !important; border: none; border-radius: 50% !important; width: 45px !important; height: 45px !important; min-height: unset !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: all 0.4s ease !important; } .elementor-83 .elementor-element.elementor-element-a00744b .elementor-button-icon { display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .elementor-83 .elementor-element.elementor-element-a00744b .elementor-button-icon svg { width: 18px !important; height: 18px !important; } .elementor-83 .elementor-element.elementor-element-a00744b svg path { fill: #000000 !important; transition: all 0.4s ease !important; } /* --- HOVER --- */ .elementor-83 .elementor-element.elementor-element-a00744b:hover .elementor-button { background: #ffffff !important; box-shadow: 0 0 12px rgba(191, 149, 63, 0.5), 0 0 24px rgba(191, 149, 63, 0.2) !important; outline: 2px solid #BF953F !important; } .elementor-83 .elementor-element.elementor-element-a00744b:hover svg path { fill: #B38728 !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-menu-cart, class: .elementor-element-c728e56 */.elementor-83 .elementor-element.elementor-element-c728e56 .elementor-menu-cart__toggle .elementor-button { background: none !important; border: none !important; transition: all 0.4s ease !important; } /* TRUE GOLD GRADIENT ON SVG ICON */ .elementor-83 .elementor-element.elementor-element-c728e56 .elementor-menu-cart__toggle .elementor-button-icon svg path, .elementor-83 .elementor-element.elementor-element-c728e56 .elementor-menu-cart__toggle .elementor-button-icon svg circle, .elementor-83 .elementor-element.elementor-element-c728e56 .elementor-menu-cart__toggle .elementor-button-icon svg rect, .elementor-83 .elementor-element.elementor-element-c728e56 .elementor-menu-cart__toggle .elementor-button-icon svg polyline, .elementor-83 .elementor-element.elementor-element-c728e56 .elementor-menu-cart__toggle .elementor-button-icon svg polygon { fill: url(#cartGold) !important; filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.4)); transition: all 0.4s ease !important; } /* GOLD GRADIENT ON TEXT/COUNT */ .elementor-83 .elementor-element.elementor-element-c728e56 .elementor-menu-cart__toggle .elementor-button-text, .elementor-83 .elementor-element.elementor-element-c728e56 .elementor-menu-cart__toggle .elementor-count { background: #BF953F !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; filter: drop-shadow(0px 0px 1px rgba(0,0,0,0.4)); display: inline-block !important; line-height: 1.3 !important; padding-top: 3px !important; padding-bottom: 3px !important; } /* HOVER - icon glows brighter */ .elementor-83 .elementor-element.elementor-element-c728e56 .elementor-menu-cart__toggle:hover .elementor-button-icon svg path, .elementor-83 .elementor-element.elementor-element-c728e56 .elementor-menu-cart__toggle:hover .elementor-button-icon svg circle, .elementor-83 .elementor-element.elementor-element-c728e56 .elementor-menu-cart__toggle:hover .elementor-button-icon svg rect { filter: drop-shadow(0px 0px 4px rgba(191, 149, 63, 0.9)); } /* HOVER - text/count glows */ .elementor-83 .elementor-element.elementor-element-c728e56 .elementor-menu-cart__toggle:hover .elementor-button-text, .elementor-83 .elementor-element.elementor-element-c728e56 .elementor-menu-cart__toggle:hover .elementor-count { filter: drop-shadow(0px 0px 2px rgba(191, 149, 63, 0.7)); }/* End custom CSS */ /* Start custom CSS for wp-widget-widget_top_wishlist, class: .elementor-element-a0a85af */Claude terminou a resposta Você disse: im now editing separadores in elementor wordpress can you make it when its active it turns color gold similar to this gold . im now editing separadores in elementor wordpress can you make it when its active it turns color gold similar to this gold .custom-arrow-link { /* Layout */ display: inline-flex; align-items: center; justify-content: center; /* DIAGONAL GOLD GRADIENT */ background: #BF953F !important; /* Text Color */ color: #ffffff !important; text-decoration: none; font-weight: bold; font-family: sans-serif; /* Sizing */ font-size: 20px; text-transform: uppercase; padding: 15px 60px 15px 30px; transition: all 0.4s ease; cursor: default; /* THE SHAPE */ clip-path: polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%); } /* --- HOVER EFFECT --- */ .custom-arrow-link:hover { /* Button turns White */ background: #ffffff !important; /* Text turns Diagonal Gold */ background: #BF953F !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; /* Ensures the white background stays behind the gold text */ box-shadow: inset 0 0 0 100px #ffffff; /* Movement and Border */ padding-left: 40px; padding-right: 50px; outline: 2px solid #BF953F; outline-offset: -2px; }, use gradients and all 15:44 Claude respondeu: Here's the CSS for your Elementor separators with the gold gradient active state: Deciphered Elementor separator styling and architected gold gradient CSS Here's the CSS for your Elementor separators with the gold gradient active state: css /* ============================================= ELEMENTOR SEPARATOR - GOLD ACTIVE STATE ============================================= */ /* --- BASE SEPARATOR --- */ .elementor-divider-separator { border-top-color: #cccccc; transition: all 0.4s ease; } /* --- ACTIVE SEPARATOR (Gold Gradient) --- */ .elementor-widget-divider.active .elementor-divider-separator, .elementor-widget-divider.is-active .elementor-divider-separator, .elementor-widget-divider:focus .elementor-divider-separator { border: none; height: 3px; background: #BF953F !important; border-radius: 2px; } /* ============================================= IF USED INSIDE NAV MENU / TABS ============================================= */ /* Active item underline separator */ .elementor-nav-menu .elementor-item.elementor-item-active::after, .elementor-nav-menu .elementor-item:focus::after { content: ''; display: block; height: 3px; background: #BF953F; } /* Active tab separator / highlight */ .elementor-tab-title.elementor-active, .elementor-tab-title[aria-selected="true"] { border-bottom: 3px solid transparent; border-image: #BF953F; } /* ============================================= DIVIDER WIDGET WITH ICON - GOLD ACTIVE ============================================= */ /* Glowing gold separator with icon on active */ .elementor-widget-divider.active .elementor-divider__element, .elementor-widget-divider.is-active .elementor-divider__element { background: #BF953F; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } /* Gold glow effect on active separator */ .elementor-widget-divider.active .elementor-divider-separator, .elementor-widget-divider.is-active .elementor-divider-separator { box-shadow: 0 0 8px rgba(191, 149, 63, 0.6), 0 0 16px rgba(191, 149, 63, 0.3); } /* ============================================= HOVER STATE - All separators ============================================= */ .elementor-widget-divider:hover .elementor-divider-separator { background: #BF953F !important; border: none; height: 2px; opacity: 0.8; transition: all 0.4s ease; } How to add this in Elementor / WordPress: Go to Appearance → Customize → Additional CSS (or use a Custom CSS plugin) Paste the code above To trigger the active state, add the CSS class active or is-active to your separator widget via: Elementor → Widget → Advanced tab → CSS Classes field A few things to clarify so I can tailor it better: Are these separators inside a nav menu, tabs, or accordion? Is "active" triggered by a click, a page/section, or just hover? Do your separators have an icon in the center? That'll help me nail the exact .elementor-83 .elementor-element.elementor-element-a0a85afs for your setup! Você disse: its that element still not working its that element still not working 15:47 Claude respondeu: I can see "Separadores" is a custom Elementor widget — so the CSS .elementor-83 .elementor-element.elementor-element-a0a85afs will be unique to it. Investigated custom widget structure and considered inspection approach I can see "Separadores" is a custom Elementor widget — so the CSS .elementor-83 .elementor-element.elementor-element-a0a85afs will be unique to it. Without knowing its exact HTML structure, I'm guessing the wrong classes. Can you do this quickly: In your browser, right-click on the separator element on the live/preview page Click "Inspect" (or F12) Screenshot the HTML that highlights — it'll show the exact class names like .elementor-widget-separadores or similar Paste that here and I'll write you the exact working CSS with the full gold gradient, glow, and hover effects. No more guessing! 🎯 Você disse: there there 15:50 Claude respondeu: Now I can see exactly what's happening. Identified nested tabs widget structure and styling approach Now I can see exactly what's happening. This is the Nested Tabs widget (e-n-tabs), not a divider. The active tab uses aria-selected="true". Here's the precise CSS: css /* ============================================= NESTED TABS - GOLD GRADIENT ACTIVE STATE ============================================= */ /* --- ACTIVE TAB (aria-selected="true") --- */ .e-n-tab-title[aria-selected="true"] { background: #BF953F !important; color: #ffffff !important; transition: all 0.4s ease; } /* --- ACTIVE TAB TEXT --- */ .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text, .e-n-tab-title[aria-selected="true"] span { color: #ffffff !important; } /* --- INACTIVE TABS HOVER - subtle gold hint --- */ .e-n-tab-title[aria-selected="false"]:hover { background: #BF953F !important; color: #B38728 !important; transition: all 0.4s ease; } /* --- GOLD GLOW on active --- */ .e-n-tab-title[aria-selected="true"] { box-shadow: 0 0 12px rgba(191, 149, 63, 0.5), 0 0 24px rgba(191, 149, 63, 0.2); } Where to paste this: In Elementor → go to the Nested Tabs widget → Advanced → Custom CSS Or paste in Appearance → Customize → Additional CSS This targets the exact aria-selected="true" attribute that Elementor toggles when a tab is clicked — so it'll work perfectly on MISSÃO, VISÃO, and VALORES! ✨ Você disse: in the edit mode it is goden perfect but the preview its normal red colour in the edit mode it is goden perfect but the preview its normal red colour 15:55 Claude respondeu: The issue is that the theme's CSS has higher specificity and overrides your styles on the frontend. Diagnosed CSS specificity conflict between editor and preview modes The issue is that the theme's CSS has higher specificity and overrides your styles on the frontend. You need to increase specificity. Try this stronger version: css /* ============================================= NESTED TABS - GOLD GRADIENT (HIGH SPECIFICITY) ============================================= */ /* --- FORCE GOLD ON ACTIVE TAB - Frontend fix --- */ .elementor-widget-n-tabs .e-n-tab-title[aria-selected="true"], .elementor-widget-n-tabs button.e-n-tab-title[aria-selected="true"], body .e-n-tabs .e-n-tab-title[aria-selected="true"], body button.e-n-tab-title[aria-selected="true"] { background: #BF953F !important; color: #ffffff !important; border: none !important; border-radius: 0 !important; box-shadow: 0 0 12px rgba(191, 149, 63, 0.5), 0 0 24px rgba(191, 149, 63, 0.2) !important; transition: all 0.4s ease !important; } /* --- FORCE WHITE TEXT inside active tab --- */ .elementor-widget-n-tabs .e-n-tab-title[aria-selected="true"] *, body .e-n-tabs .e-n-tab-title[aria-selected="true"] span, body .e-n-tabs .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; background: none !important; background-clip: unset !important; -webkit-background-clip: unset !important; } /* --- HOVER on inactive tabs --- */ body .e-n-tabs .e-n-tab-title[aria-selected="false"]:hover, body button.e-n-tab-title[aria-selected="false"]:hover { background: linear-gradient( 135deg, rgba(191,149,63,0.15), rgba(252,246,186,0.15), rgba(179,135,40,0.15) ) !important; color: #B38728 !important; transition: all 0.4s ease !important; } /* --- KILL the red/default active state completely --- */ body .e-n-tabs .e-n-tab-title[aria-selected="true"]:before, body .e-n-tabs .e-n-tab-title[aria-selected="true"]:after { display: none !important; background: none !important; } Paste this in: → Appearance → Customize → Additional CSS (NOT inside Elementor widget CSS — that only applies in the editor) This should override the red theme color on the frontend. Let me know if it still shows red and send me an inspect screenshot of the active tab — I'll find exactly which rule is winning! 🎯 Você disse: where is that appereance costumize additional css where is that appereance costumize additional css 15:57 Claude respondeu: In your WordPress dashboard: Deciphered WordPress menu navigation query In your WordPress dashboard: Go to yourdomain.com/wp-admin Left sidebar → Appearance Click Customize In the Customizer panel → scroll down to Additional CSS (bottom of the left menu) BUT — if you're using a theme that disables the Customizer (like some Elementor-based themes), the better option is: → Elementor → Site Settings → Custom CSS To get there: Open Elementor editor on any page Click the hamburger menu (☰) top left → Site Settings → Custom CSS Paste the code there → Save This applies CSS globally across the whole site and works on the frontend. That's likely your best option! 🎯 Você disse: .elementor-83 .elementor-element.elementor-element-a0a85af . .elementor-83 .elementor-element.elementor-element-a0a85af .elementor-button { background-color: #C5A059; border: 2px solid #C5A059; border-radius: 50px !important; transition: all 0.5s ease; display: flex; justify-content: center; align-items: center; } .elementor-83 .elementor-element.elementor-element-a0a85af .elementor-button-icon { display: flex; align-items: center; } .elementor-83 .elementor-element.elementor-element-a0a85af .elementor-button-text { display: flex; align-items: center; padding-top: 4px; color: #000000; /* Texto Preto */ transition: all 0.5s ease; } .elementor-83 .elementor-element.elementor-element-a0a85af .elementor-button-icon svg { width: 20px; height: auto; margin-top: -3px; } .elementor-83 .elementor-element.elementor-element-a0a85af svg path { fill: #000000; /* Ícone Preto */ transition: all 0.5s ease; } /* --- ESTADO HOVER (Fundo Branco, Borda e Texto Dourados) --- */ .elementor-83 .elementor-element.elementor-element-a0a85af:hover .elementor-button { background-color: #FFFFFF !important; /* Fundo Branco */ border-color: #C5A059; /* Mantém/Ativa a borda Dourada */ /* O border-radius é herdado do estado normal, não precisa repetir */ } .elementor-83 .elementor-element.elementor-element-a0a85af:hover .elementor-button-text { color: #C5A059; /* Texto muda para Dourado */ } .elementor-83 .elementor-element.elementor-element-a0a85af:hover svg path { fill: #C5A059; /* Ícone muda para Dourado */ }, that code is in a button adapt to use gold too and also it has a icon can you reduce height by 50 percent 16:26 Claude respondeu: What changed: Identified CSS modifications for gradient application and height reduction css /* ============================================= BUTTON - GOLD GRADIENT + REDUCED HEIGHT ============================================= */ .elementor-83 .elementor-element.elementor-element-a0a85af .elementor-button { background: #BF953F !important; border: 2px solid #BF953F; border-radius: 50px !important; transition: all 0.4s ease; display: flex; justify-content: center; align-items: center; /* REDUCED HEIGHT BY 50% */ padding-top: 6px !important; padding-bottom: 6px !important; min-height: unset !important; line-height: 1 !important; } .elementor-83 .elementor-element.elementor-element-a0a85af .elementor-button-icon { display: flex; align-items: center; } .elementor-83 .elementor-element.elementor-element-a0a85af .elementor-button-text { display: flex; align-items: center; padding-top: 2px; color: #000000; transition: all 0.4s ease; font-size: 0.9em; line-height: 1; } .elementor-83 .elementor-element.elementor-element-a0a85af .elementor-button-icon svg { width: 14px !important; height: 14px !important; margin-top: -1px; transition: all 0.4s ease; } .elementor-83 .elementor-element.elementor-element-a0a85af svg path { fill: #000000; transition: all 0.4s ease; } /* --- HOVER STATE --- */ .elementor-83 .elementor-element.elementor-element-a0a85af:hover .elementor-button { background: #ffffff !important; border-color: #BF953F !important; box-shadow: 0 0 10px rgba(191, 149, 63, 0.4), 0 0 20px rgba(191, 149, 63, 0.15) !important; } .elementor-83 .elementor-element.elementor-element-a0a85af:hover .elementor-button-text { /* Gold gradient on text */ background: #BF953F !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; } .elementor-83 .elementor-element.elementor-element-a0a85af:hover svg path { fill: #B38728 !important; } What changed: ✅ Full diagonal gold gradient on the button background ✅ Height reduced ~50% via padding-top/bottom: 6px and line-height: 1 ✅ Icon size reduced from 20px → 14px to match the smaller button ✅ Hover turns white background + gold gradient text + gold glow shadow ✅ All transitions kept at 0.4s ease Você disse: can you give me a gradient for text too can you give me a gradient for text too 16:34 Claude respondeu: Just add this to the normal state of the text: Identified request for text gradient styling application Just add this to the normal state of the text: css .elementor-83 .elementor-element.elementor-element-a0a85af .elementor-button-text { display: flex; align-items: center; padding-top: 2px; line-height: 1; transition: all 0.4s ease; /* GOLD GRADIENT TEXT */ background: #BF953F !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; } And update the icon to gold too for consistency: css .elementor-83 .elementor-element.elementor-element-a0a85af svg path { fill: #B38728 !important; transition: all 0.4s ease; } ⚠️ Note: Since the button background is also gold gradient, the text may blend in. I'd recommend either: Keeping the button background white and text gold, or Making the text dark/black (#1a1a1a) so it contrasts against the gold background Which combo do you prefer? I can rebuild the full block cleanly! 🎯 Você disse: i meant in a normal title not button i meant in a normal title not button 16:34 Claude respondeu: Here you go, for any Elementor heading/title: Clarified styling preference for heading elements Here you go, for any Elementor heading/title: css /* ============================================= GOLD GRADIENT TEXT - ELEMENTOR HEADING ============================================= */ .elementor-heading-title { background: #BF953F !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; display: inline-block; } If you only want it on specific titles (not all of them), add a CSS class in the widget's Advanced → CSS Classes field, for example gold-title, then use: css .gold-title .elementor-heading-title { background: #BF953F !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; display: inline-block; } That way only the titles with that class get the gold effect, not every heading on the site! 🎯 Você disse: put a small border for it not to blend with the bg put a small border for it not to blend with the bg 16:35 Claude respondeu: Add a subtle text-shadow — it works even with gradient text: Identified need for text border to enhance contrast Add a subtle text-shadow — it works even with gradient text: css .gold-title .elementor-heading-title { background: #BF953F !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; display: inline-block; /* SUBTLE DARK OUTLINE so it doesn't blend */ filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.6)); } If your background is light/white, use a darker shadow: css filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.8)); If your background is dark, use a lighter glow instead: css filter: drop-shadow(0px 0px 2px rgba(255, 255, 255, 0.5)); ⚠️ text-shadow doesn't work on gradient text — filter: drop-shadow is the correct workaround for this! 🎯 Você disse: i want to paste it into a title css and work only on it with a small outline i want to paste it into a title css and work only on it with a small outline 16:37 Claude respondeu: Paste this directly into the title widget's Advanced → Custom CSS: Deciphered CSS customization needs for title styling Paste this directly into the title widget's Advanced → Custom CSS: css .elementor-83 .elementor-element.elementor-element-a0a85af .elementor-heading-title { background: #BF953F !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; display: inline-block; /* SMALL OUTLINE */ filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.7)); } The .elementor-83 .elementor-element.elementor-element-a0a85af keyword in Elementor's custom CSS field automatically targets only that widget, so it won't affect any other title on the page. 🎯 Você disse: give me a gold one for button that only has icons give me a gold one for button that only has icons 16:43 Claude respondeu: Paste into the button widget's Advanced → Custom CSS: Deciphered icon-only button styling with gold gradient application Paste into the button widget's Advanced → Custom CSS: css .elementor-83 .elementor-element.elementor-element-a0a85af .elementor-button { background: #BF953F !important; border: none; border-radius: 50% !important; width: 45px !important; height: 45px !important; min-height: unset !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: all 0.4s ease !important; } .elementor-83 .elementor-element.elementor-element-a0a85af .elementor-button-icon { display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .elementor-83 .elementor-element.elementor-element-a0a85af .elementor-button-icon svg { width: 18px !important; height: 18px !important; } .elementor-83 .elementor-element.elementor-element-a0a85af svg path { fill: #000000 !important; transition: all 0.4s ease !important; } /* --- HOVER --- */ .elementor-83 .elementor-element.elementor-element-a0a85af:hover .elementor-button { background: #ffffff !important; box-shadow: 0 0 12px rgba(191, 149, 63, 0.5), 0 0 24px rgba(191, 149, 63, 0.2) !important; outline: 2px solid #BF953F !important; } .elementor-83 .elementor-element.elementor-element-a0a85af:hover svg path { fill: #B38728 !important; } What it does: ✅ Perfect circle shape with gold gradient ✅ Black icon on gold background ✅ Hover → white background + gold outline + gold icon + glow ✅ Adjust width/height (currently 45px) to resize the button 🎯 Você disse: now on the menu cart now on the menu cart 16:46 Claude respondeu: Paste this into the Menu Cart widget → Advanced → Custom CSS: Identified widget styling requirements for cart customization Paste this into the Menu Cart widget → Advanced → Custom CSS: css /* ============================================= MENU CART - GOLD GRADIENT ICON BUTTON ============================================= */ .elementor-83 .elementor-element.elementor-element-a0a85af .elementor-menu-cart__toggle .elementor-button { background: #BF953F !important; border: none !important; border-radius: 50% !important; width: 45px !important; height: 45px !important; min-height: unset !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: all 0.4s ease !important; } /* CART ICON */ .elementor-83 .elementor-element.elementor-element-a0a85af .elementor-menu-cart__toggle svg, .elementor-83 .elementor-element.elementor-element-a0a85af .elementor-menu-cart__toggle i { color: #000000 !important; fill: #000000 !important; width: 18px !important; height: 18px !important; } .elementor-83 .elementor-element.elementor-element-a0a85af .elementor-menu-cart__toggle svg path { fill: #000000 !important; transition: all 0.4s ease !important; } /* CART COUNT BADGE */ .elementor-83 .elementor-element.elementor-element-a0a85af .elementor-menu-cart__toggle .elementor-button-icon .elementor-count { background: #000000 !important; color: #FCF6BA !important; border: 1px solid #BF953F !important; } /* --- HOVER --- */ .elementor-83 .elementor-element.elementor-element-a0a85af .elementor-menu-cart__toggle:hover .elementor-button { background: #ffffff !important; outline: 2px solid #BF953F !important; box-shadow: 0 0 12px rgba(191, 149, 63, 0.5), 0 0 24px rgba(191, 149, 63, 0.2) !important; } .elementor-83 .elementor-element.elementor-element-a0a85af .elementor-menu-cart__toggle:hover svg path { fill: #B38728 !important; } .elementor-83 .elementor-element.elementor-element-a0a85af .elementor-menu-cart__toggle:hover i { color: #B38728 !important; } What it does: ✅ Gold gradient circle around the cart icon ✅ Black cart icon on gold background ✅ Cart count badge in black with gold text ✅ Hover → white + gold outline + glow + gold icon ✅ Only affects this specific widget via .elementor-83 .elementor-element.elementor-element-a0a85af 🎯 Você disse: dont use a circle only turn the text gold dont use a circle only turn the text gold 16:47 Claude respondeu: Simple and clean — just the text and count badge turn gold, nothing else changes! Identified request to apply gold gradient to cart text only css .elementor-83 .elementor-element.elementor-element-a0a85af .elementor-menu-cart__toggle .elementor-button { background: none !important; border: none !important; transition: all 0.4s ease !important; } .elementor-83 .elementor-element.elementor-element-a0a85af .elementor-menu-cart__toggle svg path, .elementor-83 .elementor-element.elementor-element-a0a85af .elementor-menu-cart__toggle i { fill: url(#gold-gradient) !important; color: #B38728 !important; transition: all 0.4s ease !important; } /* GOLD GRADIENT ON CART TEXT/COUNT */ .elementor-83 .elementor-element.elementor-element-a0a85af .elementor-menu-cart__toggle .elementor-button-text, .elementor-83 .elementor-element.elementor-element-a0a85af .elementor-menu-cart__toggle .elementor-count { background: #BF953F !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; filter: drop-shadow(0px 0px 1px rgba(0,0,0,0.4)); } /* HOVER */ .elementor-83 .elementor-element.elementor-element-a0a85af .elementor-menu-cart__toggle:hover .elementor-button-text, .elementor-83 .elementor-element.elementor-element-a0a85af .elementor-menu-cart__toggle:hover .elementor-count { filter: drop-shadow(0px 0px 2px rgba(191, 149, 63, 0.7)); } Simple and clean — just the text and count badge turn gold, nothing else changes! 🎯 Você disse: it got cut off at the top it got cut off at the top 16:49 Claude respondeu: Add padding-top and line-height to fix the clipping: Diagnosed CSS clipping issue and identified padding solution Add padding-top and line-height to fix the clipping: css .elementor-83 .elementor-element.elementor-element-a0a85af .elementor-menu-cart__toggle .elementor-button { background: none !important; border: none !important; transition: all 0.4s ease !important; } /* GOLD GRADIENT ON CART TEXT/COUNT */ .elementor-83 .elementor-element.elementor-element-a0a85af .elementor-menu-cart__toggle .elementor-button-text, .elementor-83 .elementor-element.elementor-element-a0a85af .elementor-menu-cart__toggle .elementor-count { background: #BF953F !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; filter: drop-shadow(0px 0px 1px rgba(0,0,0,0.4)); /* FIX CLIPPING */ display: inline-block !important; line-height: 1.3 !important; padding-top: 3px !important; padding-bottom: 3px !important; } /* HOVER */ .elementor-83 .elementor-element.elementor-element-a0a85af .elementor-menu-cart__toggle:hover .elementor-button-text, .elementor-83 .elementor-element.elementor-element-a0a85af .elementor-menu-cart__toggle:hover .elementor-count { filter: drop-shadow(0px 0px 2px rgba(191, 149, 63, 0.7)); } The display: inline-block + line-height: 1.3 + small padding gives the gradient enough space to not clip the top! 🎯 Você disse: now on the now on the 16:50 Claude respondeu: I can see the TI Wishlist Products Counter widget. Identified widget styling requirements for gold gradient application I can see the TI Wishlist Products Counter widget. Replace the existing custom CSS with this updated version that makes the heart icon gold: css .elementor-83 .elementor-element.elementor-element-a0a85af { line-height: 0px !important; } /* HEART ICON - GOLD GRADIENT via filter */ .elementor-83 .elementor-element.elementor-element-a0a85af a.wishlist_products_counter.top_wishlist-heart:before, .elementor-83 .elementor-element.elementor-element-a0a85af a.wishlist_products_counter.top_wishlist-heart.no-txt:before, .elementor-83 .elementor-element.elementor-element-a0a85af a.wishlist_products_counter.top_wishlist-heart.no-txt.wishlist-counter-with-products:before { content: "\e908" !important; font-family: tinvwl-webfont !important; font-size: 25px !important; /* GOLD COLOR */ color: #B38728 !important; filter: drop-shadow(0px 0px 1px rgba(191, 149, 63, 0.8)); transition: all 0.4s ease !important; display: flex !important; align-items: center !important; justify-content: center !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; height: 100% !important; min-height: 100% !important; } /* HOVER - brighter gold glow */ .elementor-83 .elementor-element.elementor-element-a0a85af a.wishlist_products_counter.top_wishlist-heart:hover:before, .elementor-83 .elementor-element.elementor-element-a0a85af a.wishlist_products_counter.top_wishlist-heart.no-txt:hover:before { color: #FCF6BA !important; filter: drop-shadow(0px 0px 4px rgba(191, 149, 63, 1)); } /* CONTAINER */ .elementor-83 .elementor-element.elementor-element-a0a85af .wishlist_products_counter { position: relative !important; display: inline-flex !important; align-items: stretch !important; } /* BADGE */ .elementor-83 .elementor-element.elementor-element-a0a85af .tinvwl .wishlist_products_counter_number { background: #BF953F !important; color: #000000 !important; border-radius: 100% !important; height: 1.6em !important; min-width: 1.6em !important; box-sizing: border-box !important; font-size: 10px !important; font-weight: 700 !important; line-height: 1.5em !important; text-align: center !important; display: block !important; position: absolute !important; top: -4.9px !important; right: -4px !important; padding: 0 0.2em !important; } /* HIDE BADGE WHEN EMPTY */ .elementor-83 .elementor-element.elementor-element-a0a85af .wishlist_products_counter:not(.wishlist-counter-with-products) .wishlist_products_counter_number { display: none !important; } What changed: ✅ Heart icon now gold (#B38728) with a subtle gold glow ✅ Hover → brighter gold with stronger glow ✅ Badge now has the gold gradient background with black number ✅ Everything else kept the same 🎯 Você disse: use the gradients you were doing before use the gradients you were doing before 16:51 Claude respondeu: Since it's a font icon, we use the same background-clip: text trick: Devised gradient application technique for icon element Since it's a font icon, we use the same background-clip: text trick: css .elementor-83 .elementor-element.elementor-element-a0a85af { line-height: 0px !important; } /* HEART ICON - FULL GOLD GRADIENT */ .elementor-83 .elementor-element.elementor-element-a0a85af a.wishlist_products_counter.top_wishlist-heart:before, .elementor-83 .elementor-element.elementor-element-a0a85af a.wishlist_products_counter.top_wishlist-heart.no-txt:before, .elementor-83 .elementor-element.elementor-element-a0a85af a.wishlist_products_counter.top_wishlist-heart.no-txt.wishlist-counter-with-products:before { content: "\e908" !important; font-family: tinvwl-webfont !important; font-size: 25px !important; /* GOLD GRADIENT ON ICON */ background: #BF953F !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.5)); transition: all 0.4s ease !important; display: flex !important; align-items: center !important; justify-content: center !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; height: 100% !important; min-height: 100% !important; } /* HOVER - stronger glow */ .elementor-83 .elementor-element.elementor-element-a0a85af a.wishlist_products_counter.top_wishlist-heart:hover:before, .elementor-83 .elementor-element.elementor-element-a0a85af a.wishlist_products_counter.top_wishlist-heart.no-txt:hover:before { filter: drop-shadow(0px 0px 3px rgba(191, 149, 63, 0.9)); } /* CONTAINER */ .elementor-83 .elementor-element.elementor-element-a0a85af .wishlist_products_counter { position: relative !important; display: inline-flex !important; align-items: stretch !important; } /* BADGE - GOLD GRADIENT */ .elementor-83 .elementor-element.elementor-element-a0a85af .tinvwl .wishlist_products_counter_number { background: #BF953F !important; color: #000000 !important; border-radius: 100% !important; height: 1.6em !important; min-width: 1.6em !important; box-sizing: border-box !important; font-size: 10px !important; font-weight: 700 !important; line-height: 1.5em !important; text-align: center !important; display: block !important; position: absolute !important; top: -4.9px !important; right: -4px !important; padding: 0 0.2em !important; } /* HIDE BADGE WHEN EMPTY */ .elementor-83 .elementor-element.elementor-element-a0a85af .wishlist_products_counter:not(.wishlist-counter-with-products) .wishlist_products_counter_number { display: none !important; } ✅ Heart icon uses the exact same diagonal gold gradient as all other elements ✅ Badge also gets the full gold gradient background ✅ Subtle dark outline via drop-shadow so it doesn't blend with backgrounds ✅ Hover adds a gold glow effect 🎯 Quer ser notificado quando Claude responder? Claude é uma IA e pode cometer erros. Por favor, verifique as respostas./* End custom CSS */ /* Start custom CSS for woocommerce-menu-cart, class: .elementor-element-f6b96df */.elementor-83 .elementor-element.elementor-element-f6b96df * { font-family: 'Josefin Sans', sans-serif; }/* End custom CSS */ /* Start custom CSS for wp-widget-widget_top_wishlist, class: .elementor-element-515cc5e *//*Retira a altura do botão de adicionar á wishlist no loop item*/ .elementor-83 .elementor-element.elementor-element-515cc5e{ line-height: 0px!important; } /* ============================================ WISHLIST COUNTER - FORÇAR SEMPRE O MESMO ÍCONE ============================================ */ /* Forçar ícone do coração em TODOS os estados */ .elementor-83 .elementor-element.elementor-element-515cc5e a.wishlist_products_counter.top_wishlist-heart:before, .elementor-83 .elementor-element.elementor-element-515cc5e a.wishlist_products_counter.top_wishlist-heart.no-txt:before, .elementor-83 .elementor-element.elementor-element-515cc5e a.wishlist_products_counter.top_wishlist-heart.no-txt.wishlist-counter-with-products:before { /* Ícone */ content: "\e908" !important; font-family: tinvwl-webfont !important; /* Estilo do ícone */ font-size: 25px !important; color: var(--e-global-color-secondary); transition: all 0.5s ease !important; /* Propriedades base */ display: flex !important; align-items: center !important; justify-content: center !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Ocupar 100% da altura */ height: 100% !important; min-height: 100% !important; } /* Estado hover */ .elementor-83 .elementor-element.elementor-element-515cc5e a.wishlist_products_counter.top_wishlist-heart:hover:before, .elementor-83 .elementor-element.elementor-element-515cc5e a.wishlist_products_counter.top_wishlist-heart.no-txt:hover:before, .elementor-83 .elementor-element.elementor-element-515cc5e a.wishlist_products_counter.top_wishlist-heart.no-txt.wishlist-counter-with-products:hover:before { color: var(--e-global-color-text); } /* Container do contador - IMPORTANTE para altura 100% funcionar */ .elementor-83 .elementor-element.elementor-element-515cc5e .wishlist_products_counter { position: relative !important; display: inline-flex !important; align-items: stretch !important; } /* ============================================ BADGE DO CONTADOR (número de itens) ============================================ */ .elementor-83 .elementor-element.elementor-element-515cc5e .tinvwl .wishlist_products_counter_number { /* Cores */ background-color: var(--items-indicator-background-color, #d9534f) !important; color: #fff !important; /* Forma */ border-radius: 100% !important; height: 1.6em !important; min-width: 1.6em !important; box-sizing: border-box !important; /* Tipografia */ font-size: 10px !important; font-weight: 500 !important; font-family: var(--e-global-typography-primary-font-family); line-height: 1.5em !important; text-align: center !important; /* Posicionamento */ display: block !important; position: absolute !important; top: -4.9px !important; right: -4px !important; /* Espaçamento */ padding: 0 0.2em !important; } /* Ocultar badge quando vazio */ .elementor-83 .elementor-element.elementor-element-515cc5e .wishlist_products_counter:not(.wishlist-counter-with-products) .wishlist_products_counter_number { display: none !important; }/* End custom CSS */ /* Start custom CSS for nav-menu, class: .elementor-element-17be3a5 *//* Targets the main menu links - NORMAL STATE (Golden) */ .elementor-83 .elementor-element.elementor-element-17be3a5 .elementor-nav-menu .elementor-item { background: linear-gradient( to right, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C ) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; color: transparent !important; display: inline-block; font-weight: 700; transition: all 0.3s ease; /* Smooth transition between gold and white */ } /* SELECTED & HOVER STATE - Forces White */ .elementor-83 .elementor-element.elementor-element-17be3a5 .elementor-nav-menu .elementor-item:hover, .elementor-83 .elementor-element.elementor-element-17be3a5 .elementor-nav-menu .elementor-item.elementor-item-active, .elementor-83 .elementor-element.elementor-element-17be3a5 .elementor-nav-menu .elementor-item.highlighted { background: none !important; /* Removes the gradient background */ -webkit-text-fill-color: #ffffff !important; /* Forces text to white */ color: #ffffff !important; opacity: 1; }/* End custom CSS */ /* Start custom CSS for search, class: .elementor-element-77d3b53 */.elementor-83 .elementor-element.elementor-element-77d3b53 { border: 1px solid #b9b9b9; background: white; transition: border 0.2s ease; padding: 0px!important; } .elementor-83 .elementor-element.elementor-element-77d3b53:hover { outline: 0.094em solid #b9b9b9; } .elementor-83 .elementor-element.elementor-element-77d3b53:focus-within { outline: 0.094em solid var(--e-global-color-secondary); border-color: var(--e-global-color-secondary); } .elementor-83 .elementor-element.elementor-element-77d3b53 .e-search .e-search-submit{ padding: 0 20px 0 0 !important; } .elementor-83 .elementor-element.elementor-element-77d3b53 .e-search-input.no-icon-label{ padding: 0 0 0 20px !important; } .elementor-83 .elementor-element.elementor-element-77d3b53 .e-search-form{ height:40px!important; display:flex; align-items:center; } .elementor-83 .elementor-element.elementor-element-77d3b53 .e-search-input-wrapper{ flex:1; height:40px; } .elementor-83 .elementor-element.elementor-element-77d3b53 .e-search-input{ height:40px !important; min-height:40px !important; padding-top:0; padding-bottom:0; box-sizing:border-box; border:none; box-shadow:none; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-fb46018 */.elementor-83 .elementor-element.elementor-element-fb46018{ line-height: 0; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-6b8ff23 */.elementor-83 .elementor-element.elementor-element-6b8ff23 .elementor-button { background: linear-gradient( 135deg, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C ) !important; border: none; border-radius: 50% !important; width: 45px !important; height: 45px !important; min-height: unset !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: all 0.4s ease !important; } .elementor-83 .elementor-element.elementor-element-6b8ff23 .elementor-button-icon { display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .elementor-83 .elementor-element.elementor-element-6b8ff23 .elementor-button-icon svg { width: 18px !important; height: 18px !important; } .elementor-83 .elementor-element.elementor-element-6b8ff23 svg path { fill: #000000 !important; transition: all 0.4s ease !important; } /* --- HOVER --- */ .elementor-83 .elementor-element.elementor-element-6b8ff23:hover .elementor-button { background: #ffffff !important; box-shadow: 0 0 12px rgba(191, 149, 63, 0.5), 0 0 24px rgba(191, 149, 63, 0.2) !important; outline: 2px solid #BF953F !important; } .elementor-83 .elementor-element.elementor-element-6b8ff23:hover svg path { fill: #B38728 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-56e9da2 */.elementor-83 .elementor-element.elementor-element-56e9da2 .elementor-button { background: linear-gradient( 135deg, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C ) !important; border: none; border-radius: 50% !important; width: 45px !important; height: 45px !important; min-height: unset !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: all 0.4s ease !important; } .elementor-83 .elementor-element.elementor-element-56e9da2 .elementor-button-icon { display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .elementor-83 .elementor-element.elementor-element-56e9da2 .elementor-button-icon svg { width: 18px !important; height: 18px !important; } .elementor-83 .elementor-element.elementor-element-56e9da2 svg path { fill: #000000 !important; transition: all 0.4s ease !important; } /* --- HOVER --- */ .elementor-83 .elementor-element.elementor-element-56e9da2:hover .elementor-button { background: #ffffff !important; box-shadow: 0 0 12px rgba(191, 149, 63, 0.5), 0 0 24px rgba(191, 149, 63, 0.2) !important; outline: 2px solid #BF953F !important; } .elementor-83 .elementor-element.elementor-element-56e9da2:hover svg path { fill: #B38728 !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-menu-cart, class: .elementor-element-f9b93e1 */.elementor-83 .elementor-element.elementor-element-f9b93e1 .elementor-menu-cart__toggle .elementor-button { background: none !important; border: none !important; transition: all 0.4s ease !important; } /* TRUE GOLD GRADIENT ON SVG ICON */ .elementor-83 .elementor-element.elementor-element-f9b93e1 .elementor-menu-cart__toggle .elementor-button-icon svg path, .elementor-83 .elementor-element.elementor-element-f9b93e1 .elementor-menu-cart__toggle .elementor-button-icon svg circle, .elementor-83 .elementor-element.elementor-element-f9b93e1 .elementor-menu-cart__toggle .elementor-button-icon svg rect, .elementor-83 .elementor-element.elementor-element-f9b93e1 .elementor-menu-cart__toggle .elementor-button-icon svg polyline, .elementor-83 .elementor-element.elementor-element-f9b93e1 .elementor-menu-cart__toggle .elementor-button-icon svg polygon { fill: url(#cartGold) !important; filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.4)); transition: all 0.4s ease !important; } /* GOLD GRADIENT ON TEXT/COUNT */ .elementor-83 .elementor-element.elementor-element-f9b93e1 .elementor-menu-cart__toggle .elementor-button-text, .elementor-83 .elementor-element.elementor-element-f9b93e1 .elementor-menu-cart__toggle .elementor-count { background: linear-gradient( 135deg, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C ) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; filter: drop-shadow(0px 0px 1px rgba(0,0,0,0.4)); display: inline-block !important; line-height: 1.3 !important; padding-top: 3px !important; padding-bottom: 3px !important; } /* HOVER - icon glows brighter */ .elementor-83 .elementor-element.elementor-element-f9b93e1 .elementor-menu-cart__toggle:hover .elementor-button-icon svg path, .elementor-83 .elementor-element.elementor-element-f9b93e1 .elementor-menu-cart__toggle:hover .elementor-button-icon svg circle, .elementor-83 .elementor-element.elementor-element-f9b93e1 .elementor-menu-cart__toggle:hover .elementor-button-icon svg rect { filter: drop-shadow(0px 0px 4px rgba(191, 149, 63, 0.9)); } /* HOVER - text/count glows */ .elementor-83 .elementor-element.elementor-element-f9b93e1 .elementor-menu-cart__toggle:hover .elementor-button-text, .elementor-83 .elementor-element.elementor-element-f9b93e1 .elementor-menu-cart__toggle:hover .elementor-count { filter: drop-shadow(0px 0px 2px rgba(191, 149, 63, 0.7)); }/* End custom CSS */ /* Start custom CSS for wp-widget-widget_top_wishlist, class: .elementor-element-18d238f */Claude terminou a resposta Você disse: im now editing separadores in elementor wordpress can you make it when its active it turns color gold similar to this gold . im now editing separadores in elementor wordpress can you make it when its active it turns color gold similar to this gold .custom-arrow-link { /* Layout */ display: inline-flex; align-items: center; justify-content: center; /* DIAGONAL GOLD GRADIENT */ background: linear-gradient( 135deg, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C ) !important; /* Text Color */ color: #ffffff !important; text-decoration: none; font-weight: bold; font-family: sans-serif; /* Sizing */ font-size: 20px; text-transform: uppercase; padding: 15px 60px 15px 30px; transition: all 0.4s ease; cursor: default; /* THE SHAPE */ clip-path: polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%); } /* --- HOVER EFFECT --- */ .custom-arrow-link:hover { /* Button turns White */ background: #ffffff !important; /* Text turns Diagonal Gold */ background-image: linear-gradient( 135deg, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C ) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; /* Ensures the white background stays behind the gold text */ box-shadow: inset 0 0 0 100px #ffffff; /* Movement and Border */ padding-left: 40px; padding-right: 50px; outline: 2px solid #BF953F; outline-offset: -2px; }, use gradients and all 15:44 Claude respondeu: Here's the CSS for your Elementor separators with the gold gradient active state: Deciphered Elementor separator styling and architected gold gradient CSS Here's the CSS for your Elementor separators with the gold gradient active state: css /* ============================================= ELEMENTOR SEPARATOR - GOLD ACTIVE STATE ============================================= */ /* --- BASE SEPARATOR --- */ .elementor-divider-separator { border-top-color: #cccccc; transition: all 0.4s ease; } /* --- ACTIVE SEPARATOR (Gold Gradient) --- */ .elementor-widget-divider.active .elementor-divider-separator, .elementor-widget-divider.is-active .elementor-divider-separator, .elementor-widget-divider:focus .elementor-divider-separator { border: none; height: 3px; background: linear-gradient( 135deg, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C ) !important; border-radius: 2px; } /* ============================================= IF USED INSIDE NAV MENU / TABS ============================================= */ /* Active item underline separator */ .elementor-nav-menu .elementor-item.elementor-item-active::after, .elementor-nav-menu .elementor-item:focus::after { content: ''; display: block; height: 3px; background: linear-gradient( 135deg, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C ); } /* Active tab separator / highlight */ .elementor-tab-title.elementor-active, .elementor-tab-title[aria-selected="true"] { border-bottom: 3px solid transparent; border-image: linear-gradient( 135deg, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C ) 1; } /* ============================================= DIVIDER WIDGET WITH ICON - GOLD ACTIVE ============================================= */ /* Glowing gold separator with icon on active */ .elementor-widget-divider.active .elementor-divider__element, .elementor-widget-divider.is-active .elementor-divider__element { background: linear-gradient( 135deg, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C ); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } /* Gold glow effect on active separator */ .elementor-widget-divider.active .elementor-divider-separator, .elementor-widget-divider.is-active .elementor-divider-separator { box-shadow: 0 0 8px rgba(191, 149, 63, 0.6), 0 0 16px rgba(191, 149, 63, 0.3); } /* ============================================= HOVER STATE - All separators ============================================= */ .elementor-widget-divider:hover .elementor-divider-separator { background: linear-gradient( 135deg, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C ) !important; border: none; height: 2px; opacity: 0.8; transition: all 0.4s ease; } How to add this in Elementor / WordPress: Go to Appearance → Customize → Additional CSS (or use a Custom CSS plugin) Paste the code above To trigger the active state, add the CSS class active or is-active to your separator widget via: Elementor → Widget → Advanced tab → CSS Classes field A few things to clarify so I can tailor it better: Are these separators inside a nav menu, tabs, or accordion? Is "active" triggered by a click, a page/section, or just hover? Do your separators have an icon in the center? That'll help me nail the exact .elementor-83 .elementor-element.elementor-element-18d238fs for your setup! Você disse: its that element still not working its that element still not working 15:47 Claude respondeu: I can see "Separadores" is a custom Elementor widget — so the CSS .elementor-83 .elementor-element.elementor-element-18d238fs will be unique to it. Investigated custom widget structure and considered inspection approach I can see "Separadores" is a custom Elementor widget — so the CSS .elementor-83 .elementor-element.elementor-element-18d238fs will be unique to it. Without knowing its exact HTML structure, I'm guessing the wrong classes. Can you do this quickly: In your browser, right-click on the separator element on the live/preview page Click "Inspect" (or F12) Screenshot the HTML that highlights — it'll show the exact class names like .elementor-widget-separadores or similar Paste that here and I'll write you the exact working CSS with the full gold gradient, glow, and hover effects. No more guessing! 🎯 Você disse: there there 15:50 Claude respondeu: Now I can see exactly what's happening. Identified nested tabs widget structure and styling approach Now I can see exactly what's happening. This is the Nested Tabs widget (e-n-tabs), not a divider. The active tab uses aria-selected="true". Here's the precise CSS: css /* ============================================= NESTED TABS - GOLD GRADIENT ACTIVE STATE ============================================= */ /* --- ACTIVE TAB (aria-selected="true") --- */ .e-n-tab-title[aria-selected="true"] { background: linear-gradient( 135deg, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C ) !important; color: #ffffff !important; transition: all 0.4s ease; } /* --- ACTIVE TAB TEXT --- */ .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text, .e-n-tab-title[aria-selected="true"] span { color: #ffffff !important; } /* --- INACTIVE TABS HOVER - subtle gold hint --- */ .e-n-tab-title[aria-selected="false"]:hover { background: linear-gradient( 135deg, rgba(191, 149, 63, 0.15), rgba(252, 246, 186, 0.15), rgba(179, 135, 40, 0.15) ) !important; color: #B38728 !important; transition: all 0.4s ease; } /* --- GOLD GLOW on active --- */ .e-n-tab-title[aria-selected="true"] { box-shadow: 0 0 12px rgba(191, 149, 63, 0.5), 0 0 24px rgba(191, 149, 63, 0.2); } Where to paste this: In Elementor → go to the Nested Tabs widget → Advanced → Custom CSS Or paste in Appearance → Customize → Additional CSS This targets the exact aria-selected="true" attribute that Elementor toggles when a tab is clicked — so it'll work perfectly on MISSÃO, VISÃO, and VALORES! ✨ Você disse: in the edit mode it is goden perfect but the preview its normal red colour in the edit mode it is goden perfect but the preview its normal red colour 15:55 Claude respondeu: The issue is that the theme's CSS has higher specificity and overrides your styles on the frontend. Diagnosed CSS specificity conflict between editor and preview modes The issue is that the theme's CSS has higher specificity and overrides your styles on the frontend. You need to increase specificity. Try this stronger version: css /* ============================================= NESTED TABS - GOLD GRADIENT (HIGH SPECIFICITY) ============================================= */ /* --- FORCE GOLD ON ACTIVE TAB - Frontend fix --- */ .elementor-widget-n-tabs .e-n-tab-title[aria-selected="true"], .elementor-widget-n-tabs button.e-n-tab-title[aria-selected="true"], body .e-n-tabs .e-n-tab-title[aria-selected="true"], body button.e-n-tab-title[aria-selected="true"] { background: linear-gradient( 135deg, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C ) !important; color: #ffffff !important; border: none !important; border-radius: 0 !important; box-shadow: 0 0 12px rgba(191, 149, 63, 0.5), 0 0 24px rgba(191, 149, 63, 0.2) !important; transition: all 0.4s ease !important; } /* --- FORCE WHITE TEXT inside active tab --- */ .elementor-widget-n-tabs .e-n-tab-title[aria-selected="true"] *, body .e-n-tabs .e-n-tab-title[aria-selected="true"] span, body .e-n-tabs .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; background: none !important; background-clip: unset !important; -webkit-background-clip: unset !important; } /* --- HOVER on inactive tabs --- */ body .e-n-tabs .e-n-tab-title[aria-selected="false"]:hover, body button.e-n-tab-title[aria-selected="false"]:hover { background: linear-gradient( 135deg, rgba(191,149,63,0.15), rgba(252,246,186,0.15), rgba(179,135,40,0.15) ) !important; color: #B38728 !important; transition: all 0.4s ease !important; } /* --- KILL the red/default active state completely --- */ body .e-n-tabs .e-n-tab-title[aria-selected="true"]:before, body .e-n-tabs .e-n-tab-title[aria-selected="true"]:after { display: none !important; background: none !important; } Paste this in: → Appearance → Customize → Additional CSS (NOT inside Elementor widget CSS — that only applies in the editor) This should override the red theme color on the frontend. Let me know if it still shows red and send me an inspect screenshot of the active tab — I'll find exactly which rule is winning! 🎯 Você disse: where is that appereance costumize additional css where is that appereance costumize additional css 15:57 Claude respondeu: In your WordPress dashboard: Deciphered WordPress menu navigation query In your WordPress dashboard: Go to yourdomain.com/wp-admin Left sidebar → Appearance Click Customize In the Customizer panel → scroll down to Additional CSS (bottom of the left menu) BUT — if you're using a theme that disables the Customizer (like some Elementor-based themes), the better option is: → Elementor → Site Settings → Custom CSS To get there: Open Elementor editor on any page Click the hamburger menu (☰) top left → Site Settings → Custom CSS Paste the code there → Save This applies CSS globally across the whole site and works on the frontend. That's likely your best option! 🎯 Você disse: .elementor-83 .elementor-element.elementor-element-18d238f . .elementor-83 .elementor-element.elementor-element-18d238f .elementor-button { background-color: #C5A059; border: 2px solid #C5A059; border-radius: 50px !important; transition: all 0.5s ease; display: flex; justify-content: center; align-items: center; } .elementor-83 .elementor-element.elementor-element-18d238f .elementor-button-icon { display: flex; align-items: center; } .elementor-83 .elementor-element.elementor-element-18d238f .elementor-button-text { display: flex; align-items: center; padding-top: 4px; color: #000000; /* Texto Preto */ transition: all 0.5s ease; } .elementor-83 .elementor-element.elementor-element-18d238f .elementor-button-icon svg { width: 20px; height: auto; margin-top: -3px; } .elementor-83 .elementor-element.elementor-element-18d238f svg path { fill: #000000; /* Ícone Preto */ transition: all 0.5s ease; } /* --- ESTADO HOVER (Fundo Branco, Borda e Texto Dourados) --- */ .elementor-83 .elementor-element.elementor-element-18d238f:hover .elementor-button { background-color: #FFFFFF !important; /* Fundo Branco */ border-color: #C5A059; /* Mantém/Ativa a borda Dourada */ /* O border-radius é herdado do estado normal, não precisa repetir */ } .elementor-83 .elementor-element.elementor-element-18d238f:hover .elementor-button-text { color: #C5A059; /* Texto muda para Dourado */ } .elementor-83 .elementor-element.elementor-element-18d238f:hover svg path { fill: #C5A059; /* Ícone muda para Dourado */ }, that code is in a button adapt to use gold too and also it has a icon can you reduce height by 50 percent 16:26 Claude respondeu: What changed: Identified CSS modifications for gradient application and height reduction css /* ============================================= BUTTON - GOLD GRADIENT + REDUCED HEIGHT ============================================= */ .elementor-83 .elementor-element.elementor-element-18d238f .elementor-button { background: linear-gradient( 135deg, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C ) !important; border: 2px solid #BF953F; border-radius: 50px !important; transition: all 0.4s ease; display: flex; justify-content: center; align-items: center; /* REDUCED HEIGHT BY 50% */ padding-top: 6px !important; padding-bottom: 6px !important; min-height: unset !important; line-height: 1 !important; } .elementor-83 .elementor-element.elementor-element-18d238f .elementor-button-icon { display: flex; align-items: center; } .elementor-83 .elementor-element.elementor-element-18d238f .elementor-button-text { display: flex; align-items: center; padding-top: 2px; color: #000000; transition: all 0.4s ease; font-size: 0.9em; line-height: 1; } .elementor-83 .elementor-element.elementor-element-18d238f .elementor-button-icon svg { width: 14px !important; height: 14px !important; margin-top: -1px; transition: all 0.4s ease; } .elementor-83 .elementor-element.elementor-element-18d238f svg path { fill: #000000; transition: all 0.4s ease; } /* --- HOVER STATE --- */ .elementor-83 .elementor-element.elementor-element-18d238f:hover .elementor-button { background: #ffffff !important; border-color: #BF953F !important; box-shadow: 0 0 10px rgba(191, 149, 63, 0.4), 0 0 20px rgba(191, 149, 63, 0.15) !important; } .elementor-83 .elementor-element.elementor-element-18d238f:hover .elementor-button-text { /* Gold gradient on text */ background: linear-gradient( 135deg, #BF953F, #B38728, #AA771C ) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; } .elementor-83 .elementor-element.elementor-element-18d238f:hover svg path { fill: #B38728 !important; } What changed: ✅ Full diagonal gold gradient on the button background ✅ Height reduced ~50% via padding-top/bottom: 6px and line-height: 1 ✅ Icon size reduced from 20px → 14px to match the smaller button ✅ Hover turns white background + gold gradient text + gold glow shadow ✅ All transitions kept at 0.4s ease Você disse: can you give me a gradient for text too can you give me a gradient for text too 16:34 Claude respondeu: Just add this to the normal state of the text: Identified request for text gradient styling application Just add this to the normal state of the text: css .elementor-83 .elementor-element.elementor-element-18d238f .elementor-button-text { display: flex; align-items: center; padding-top: 2px; line-height: 1; transition: all 0.4s ease; /* GOLD GRADIENT TEXT */ background: linear-gradient( 135deg, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C ) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; } And update the icon to gold too for consistency: css .elementor-83 .elementor-element.elementor-element-18d238f svg path { fill: #B38728 !important; transition: all 0.4s ease; } ⚠️ Note: Since the button background is also gold gradient, the text may blend in. I'd recommend either: Keeping the button background white and text gold, or Making the text dark/black (#1a1a1a) so it contrasts against the gold background Which combo do you prefer? I can rebuild the full block cleanly! 🎯 Você disse: i meant in a normal title not button i meant in a normal title not button 16:34 Claude respondeu: Here you go, for any Elementor heading/title: Clarified styling preference for heading elements Here you go, for any Elementor heading/title: css /* ============================================= GOLD GRADIENT TEXT - ELEMENTOR HEADING ============================================= */ .elementor-heading-title { background: linear-gradient( 135deg, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C ) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; display: inline-block; } If you only want it on specific titles (not all of them), add a CSS class in the widget's Advanced → CSS Classes field, for example gold-title, then use: css .gold-title .elementor-heading-title { background: linear-gradient( 135deg, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C ) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; display: inline-block; } That way only the titles with that class get the gold effect, not every heading on the site! 🎯 Você disse: put a small border for it not to blend with the bg put a small border for it not to blend with the bg 16:35 Claude respondeu: Add a subtle text-shadow — it works even with gradient text: Identified need for text border to enhance contrast Add a subtle text-shadow — it works even with gradient text: css .gold-title .elementor-heading-title { background: linear-gradient( 135deg, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C ) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; display: inline-block; /* SUBTLE DARK OUTLINE so it doesn't blend */ filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.6)); } If your background is light/white, use a darker shadow: css filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.8)); If your background is dark, use a lighter glow instead: css filter: drop-shadow(0px 0px 2px rgba(255, 255, 255, 0.5)); ⚠️ text-shadow doesn't work on gradient text — filter: drop-shadow is the correct workaround for this! 🎯 Você disse: i want to paste it into a title css and work only on it with a small outline i want to paste it into a title css and work only on it with a small outline 16:37 Claude respondeu: Paste this directly into the title widget's Advanced → Custom CSS: Deciphered CSS customization needs for title styling Paste this directly into the title widget's Advanced → Custom CSS: css .elementor-83 .elementor-element.elementor-element-18d238f .elementor-heading-title { background: linear-gradient( 135deg, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C ) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; display: inline-block; /* SMALL OUTLINE */ filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.7)); } The .elementor-83 .elementor-element.elementor-element-18d238f keyword in Elementor's custom CSS field automatically targets only that widget, so it won't affect any other title on the page. 🎯 Você disse: give me a gold one for button that only has icons give me a gold one for button that only has icons 16:43 Claude respondeu: Paste into the button widget's Advanced → Custom CSS: Deciphered icon-only button styling with gold gradient application Paste into the button widget's Advanced → Custom CSS: css .elementor-83 .elementor-element.elementor-element-18d238f .elementor-button { background: linear-gradient( 135deg, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C ) !important; border: none; border-radius: 50% !important; width: 45px !important; height: 45px !important; min-height: unset !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: all 0.4s ease !important; } .elementor-83 .elementor-element.elementor-element-18d238f .elementor-button-icon { display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .elementor-83 .elementor-element.elementor-element-18d238f .elementor-button-icon svg { width: 18px !important; height: 18px !important; } .elementor-83 .elementor-element.elementor-element-18d238f svg path { fill: #000000 !important; transition: all 0.4s ease !important; } /* --- HOVER --- */ .elementor-83 .elementor-element.elementor-element-18d238f:hover .elementor-button { background: #ffffff !important; box-shadow: 0 0 12px rgba(191, 149, 63, 0.5), 0 0 24px rgba(191, 149, 63, 0.2) !important; outline: 2px solid #BF953F !important; } .elementor-83 .elementor-element.elementor-element-18d238f:hover svg path { fill: #B38728 !important; } What it does: ✅ Perfect circle shape with gold gradient ✅ Black icon on gold background ✅ Hover → white background + gold outline + gold icon + glow ✅ Adjust width/height (currently 45px) to resize the button 🎯 Você disse: now on the menu cart now on the menu cart 16:46 Claude respondeu: Paste this into the Menu Cart widget → Advanced → Custom CSS: Identified widget styling requirements for cart customization Paste this into the Menu Cart widget → Advanced → Custom CSS: css /* ============================================= MENU CART - GOLD GRADIENT ICON BUTTON ============================================= */ .elementor-83 .elementor-element.elementor-element-18d238f .elementor-menu-cart__toggle .elementor-button { background: linear-gradient( 135deg, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C ) !important; border: none !important; border-radius: 50% !important; width: 45px !important; height: 45px !important; min-height: unset !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: all 0.4s ease !important; } /* CART ICON */ .elementor-83 .elementor-element.elementor-element-18d238f .elementor-menu-cart__toggle svg, .elementor-83 .elementor-element.elementor-element-18d238f .elementor-menu-cart__toggle i { color: #000000 !important; fill: #000000 !important; width: 18px !important; height: 18px !important; } .elementor-83 .elementor-element.elementor-element-18d238f .elementor-menu-cart__toggle svg path { fill: #000000 !important; transition: all 0.4s ease !important; } /* CART COUNT BADGE */ .elementor-83 .elementor-element.elementor-element-18d238f .elementor-menu-cart__toggle .elementor-button-icon .elementor-count { background: #000000 !important; color: #FCF6BA !important; border: 1px solid #BF953F !important; } /* --- HOVER --- */ .elementor-83 .elementor-element.elementor-element-18d238f .elementor-menu-cart__toggle:hover .elementor-button { background: #ffffff !important; outline: 2px solid #BF953F !important; box-shadow: 0 0 12px rgba(191, 149, 63, 0.5), 0 0 24px rgba(191, 149, 63, 0.2) !important; } .elementor-83 .elementor-element.elementor-element-18d238f .elementor-menu-cart__toggle:hover svg path { fill: #B38728 !important; } .elementor-83 .elementor-element.elementor-element-18d238f .elementor-menu-cart__toggle:hover i { color: #B38728 !important; } What it does: ✅ Gold gradient circle around the cart icon ✅ Black cart icon on gold background ✅ Cart count badge in black with gold text ✅ Hover → white + gold outline + glow + gold icon ✅ Only affects this specific widget via .elementor-83 .elementor-element.elementor-element-18d238f 🎯 Você disse: dont use a circle only turn the text gold dont use a circle only turn the text gold 16:47 Claude respondeu: Simple and clean — just the text and count badge turn gold, nothing else changes! Identified request to apply gold gradient to cart text only css .elementor-83 .elementor-element.elementor-element-18d238f .elementor-menu-cart__toggle .elementor-button { background: none !important; border: none !important; transition: all 0.4s ease !important; } .elementor-83 .elementor-element.elementor-element-18d238f .elementor-menu-cart__toggle svg path, .elementor-83 .elementor-element.elementor-element-18d238f .elementor-menu-cart__toggle i { fill: url(#gold-gradient) !important; color: #B38728 !important; transition: all 0.4s ease !important; } /* GOLD GRADIENT ON CART TEXT/COUNT */ .elementor-83 .elementor-element.elementor-element-18d238f .elementor-menu-cart__toggle .elementor-button-text, .elementor-83 .elementor-element.elementor-element-18d238f .elementor-menu-cart__toggle .elementor-count { background: linear-gradient( 135deg, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C ) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; filter: drop-shadow(0px 0px 1px rgba(0,0,0,0.4)); } /* HOVER */ .elementor-83 .elementor-element.elementor-element-18d238f .elementor-menu-cart__toggle:hover .elementor-button-text, .elementor-83 .elementor-element.elementor-element-18d238f .elementor-menu-cart__toggle:hover .elementor-count { filter: drop-shadow(0px 0px 2px rgba(191, 149, 63, 0.7)); } Simple and clean — just the text and count badge turn gold, nothing else changes! 🎯 Você disse: it got cut off at the top it got cut off at the top 16:49 Claude respondeu: Add padding-top and line-height to fix the clipping: Diagnosed CSS clipping issue and identified padding solution Add padding-top and line-height to fix the clipping: css .elementor-83 .elementor-element.elementor-element-18d238f .elementor-menu-cart__toggle .elementor-button { background: none !important; border: none !important; transition: all 0.4s ease !important; } /* GOLD GRADIENT ON CART TEXT/COUNT */ .elementor-83 .elementor-element.elementor-element-18d238f .elementor-menu-cart__toggle .elementor-button-text, .elementor-83 .elementor-element.elementor-element-18d238f .elementor-menu-cart__toggle .elementor-count { background: linear-gradient( 135deg, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C ) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; filter: drop-shadow(0px 0px 1px rgba(0,0,0,0.4)); /* FIX CLIPPING */ display: inline-block !important; line-height: 1.3 !important; padding-top: 3px !important; padding-bottom: 3px !important; } /* HOVER */ .elementor-83 .elementor-element.elementor-element-18d238f .elementor-menu-cart__toggle:hover .elementor-button-text, .elementor-83 .elementor-element.elementor-element-18d238f .elementor-menu-cart__toggle:hover .elementor-count { filter: drop-shadow(0px 0px 2px rgba(191, 149, 63, 0.7)); } The display: inline-block + line-height: 1.3 + small padding gives the gradient enough space to not clip the top! 🎯 Você disse: now on the now on the 16:50 Claude respondeu: I can see the TI Wishlist Products Counter widget. Identified widget styling requirements for gold gradient application I can see the TI Wishlist Products Counter widget. Replace the existing custom CSS with this updated version that makes the heart icon gold: css .elementor-83 .elementor-element.elementor-element-18d238f { line-height: 0px !important; } /* HEART ICON - GOLD GRADIENT via filter */ .elementor-83 .elementor-element.elementor-element-18d238f a.wishlist_products_counter.top_wishlist-heart:before, .elementor-83 .elementor-element.elementor-element-18d238f a.wishlist_products_counter.top_wishlist-heart.no-txt:before, .elementor-83 .elementor-element.elementor-element-18d238f a.wishlist_products_counter.top_wishlist-heart.no-txt.wishlist-counter-with-products:before { content: "\e908" !important; font-family: tinvwl-webfont !important; font-size: 25px !important; /* GOLD COLOR */ color: #B38728 !important; filter: drop-shadow(0px 0px 1px rgba(191, 149, 63, 0.8)); transition: all 0.4s ease !important; display: flex !important; align-items: center !important; justify-content: center !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; height: 100% !important; min-height: 100% !important; } /* HOVER - brighter gold glow */ .elementor-83 .elementor-element.elementor-element-18d238f a.wishlist_products_counter.top_wishlist-heart:hover:before, .elementor-83 .elementor-element.elementor-element-18d238f a.wishlist_products_counter.top_wishlist-heart.no-txt:hover:before { color: #FCF6BA !important; filter: drop-shadow(0px 0px 4px rgba(191, 149, 63, 1)); } /* CONTAINER */ .elementor-83 .elementor-element.elementor-element-18d238f .wishlist_products_counter { position: relative !important; display: inline-flex !important; align-items: stretch !important; } /* BADGE */ .elementor-83 .elementor-element.elementor-element-18d238f .tinvwl .wishlist_products_counter_number { background: linear-gradient( 135deg, #BF953F, #FCF6BA, #B38728, #AA771C ) !important; color: #000000 !important; border-radius: 100% !important; height: 1.6em !important; min-width: 1.6em !important; box-sizing: border-box !important; font-size: 10px !important; font-weight: 700 !important; line-height: 1.5em !important; text-align: center !important; display: block !important; position: absolute !important; top: -4.9px !important; right: -4px !important; padding: 0 0.2em !important; } /* HIDE BADGE WHEN EMPTY */ .elementor-83 .elementor-element.elementor-element-18d238f .wishlist_products_counter:not(.wishlist-counter-with-products) .wishlist_products_counter_number { display: none !important; } What changed: ✅ Heart icon now gold (#B38728) with a subtle gold glow ✅ Hover → brighter gold with stronger glow ✅ Badge now has the gold gradient background with black number ✅ Everything else kept the same 🎯 Você disse: use the gradients you were doing before use the gradients you were doing before 16:51 Claude respondeu: Since it's a font icon, we use the same background-clip: text trick: Devised gradient application technique for icon element Since it's a font icon, we use the same background-clip: text trick: css .elementor-83 .elementor-element.elementor-element-18d238f { line-height: 0px !important; } /* HEART ICON - FULL GOLD GRADIENT */ .elementor-83 .elementor-element.elementor-element-18d238f a.wishlist_products_counter.top_wishlist-heart:before, .elementor-83 .elementor-element.elementor-element-18d238f a.wishlist_products_counter.top_wishlist-heart.no-txt:before, .elementor-83 .elementor-element.elementor-element-18d238f a.wishlist_products_counter.top_wishlist-heart.no-txt.wishlist-counter-with-products:before { content: "\e908" !important; font-family: tinvwl-webfont !important; font-size: 25px !important; /* GOLD GRADIENT ON ICON */ background: linear-gradient( 135deg, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C ) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.5)); transition: all 0.4s ease !important; display: flex !important; align-items: center !important; justify-content: center !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; height: 100% !important; min-height: 100% !important; } /* HOVER - stronger glow */ .elementor-83 .elementor-element.elementor-element-18d238f a.wishlist_products_counter.top_wishlist-heart:hover:before, .elementor-83 .elementor-element.elementor-element-18d238f a.wishlist_products_counter.top_wishlist-heart.no-txt:hover:before { filter: drop-shadow(0px 0px 3px rgba(191, 149, 63, 0.9)); } /* CONTAINER */ .elementor-83 .elementor-element.elementor-element-18d238f .wishlist_products_counter { position: relative !important; display: inline-flex !important; align-items: stretch !important; } /* BADGE - GOLD GRADIENT */ .elementor-83 .elementor-element.elementor-element-18d238f .tinvwl .wishlist_products_counter_number { background: linear-gradient( 135deg, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C ) !important; color: #000000 !important; border-radius: 100% !important; height: 1.6em !important; min-width: 1.6em !important; box-sizing: border-box !important; font-size: 10px !important; font-weight: 700 !important; line-height: 1.5em !important; text-align: center !important; display: block !important; position: absolute !important; top: -4.9px !important; right: -4px !important; padding: 0 0.2em !important; } /* HIDE BADGE WHEN EMPTY */ .elementor-83 .elementor-element.elementor-element-18d238f .wishlist_products_counter:not(.wishlist-counter-with-products) .wishlist_products_counter_number { display: none !important; } ✅ Heart icon uses the exact same diagonal gold gradient as all other elements ✅ Badge also gets the full gold gradient background ✅ Subtle dark outline via drop-shadow so it doesn't blend with backgrounds ✅ Hover adds a gold glow effect 🎯 Quer ser notificado quando Claude responder? Claude é uma IA e pode cometer erros. Por favor, verifique as respostas./* End custom CSS */ /* Start custom CSS for woocommerce-menu-cart, class: .elementor-element-137ec9c */.elementor-83 .elementor-element.elementor-element-137ec9c * { font-family: 'Josefin Sans', sans-serif; }/* End custom CSS */ /* Start custom CSS for wp-widget-widget_top_wishlist, class: .elementor-element-afae26e *//*Retira a altura do botão de adicionar á wishlist no loop item*/ .elementor-83 .elementor-element.elementor-element-afae26e{ line-height: 0px!important; } /* ============================================ WISHLIST COUNTER - FORÇAR SEMPRE O MESMO ÍCONE ============================================ */ /* Forçar ícone do coração em TODOS os estados */ .elementor-83 .elementor-element.elementor-element-afae26e a.wishlist_products_counter.top_wishlist-heart:before, .elementor-83 .elementor-element.elementor-element-afae26e a.wishlist_products_counter.top_wishlist-heart.no-txt:before, .elementor-83 .elementor-element.elementor-element-afae26e a.wishlist_products_counter.top_wishlist-heart.no-txt.wishlist-counter-with-products:before { /* Ícone */ content: "\e908" !important; font-family: tinvwl-webfont !important; /* Estilo do ícone */ font-size: 25px !important; color: var(--e-global-color-secondary); transition: all 0.5s ease !important; /* Propriedades base */ display: flex !important; align-items: center !important; justify-content: center !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Ocupar 100% da altura */ height: 100% !important; min-height: 100% !important; } /* Estado hover */ .elementor-83 .elementor-element.elementor-element-afae26e a.wishlist_products_counter.top_wishlist-heart:hover:before, .elementor-83 .elementor-element.elementor-element-afae26e a.wishlist_products_counter.top_wishlist-heart.no-txt:hover:before, .elementor-83 .elementor-element.elementor-element-afae26e a.wishlist_products_counter.top_wishlist-heart.no-txt.wishlist-counter-with-products:hover:before { color: var(--e-global-color-text); } /* Container do contador - IMPORTANTE para altura 100% funcionar */ .elementor-83 .elementor-element.elementor-element-afae26e .wishlist_products_counter { position: relative !important; display: inline-flex !important; align-items: stretch !important; } /* ============================================ BADGE DO CONTADOR (número de itens) ============================================ */ .elementor-83 .elementor-element.elementor-element-afae26e .tinvwl .wishlist_products_counter_number { /* Cores */ background-color: var(--items-indicator-background-color, #d9534f) !important; color: #fff !important; /* Forma */ border-radius: 100% !important; height: 1.6em !important; min-width: 1.6em !important; box-sizing: border-box !important; /* Tipografia */ font-size: 10px !important; font-weight: 500 !important; font-family: var(--e-global-typography-primary-font-family); line-height: 1.5em !important; text-align: center !important; /* Posicionamento */ display: block !important; position: absolute !important; top: -4.9px !important; right: -4px !important; /* Espaçamento */ padding: 0 0.2em !important; } /* Ocultar badge quando vazio */ .elementor-83 .elementor-element.elementor-element-afae26e .wishlist_products_counter:not(.wishlist-counter-with-products) .wishlist_products_counter_number { display: none !important; }/* End custom CSS */