.elementor-12 .elementor-element.elementor-element-5737c6a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:1;--margin-top:-45px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:110px;--padding-bottom:180px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-5737c6a:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-5737c6a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-5737c6a::before, .elementor-12 .elementor-element.elementor-element-5737c6a > .elementor-background-video-container::before, .elementor-12 .elementor-element.elementor-element-5737c6a > .e-con-inner > .elementor-background-video-container::before, .elementor-12 .elementor-element.elementor-element-5737c6a > .elementor-background-slideshow::before, .elementor-12 .elementor-element.elementor-element-5737c6a > .e-con-inner > .elementor-background-slideshow::before, .elementor-12 .elementor-element.elementor-element-5737c6a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://lesvananne.nl/wp-content/uploads/2025/04/Frame-1171277195-1.svg");--background-overlay:'';background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-12 .elementor-element.elementor-element-595d01d{text-align:center;}.elementor-12 .elementor-element.elementor-element-595d01d .elementor-heading-title{font-size:36px;font-weight:800;}.elementor-12 .elementor-element.elementor-element-45ea86f7{--display:flex;--margin-top:0px;--margin-bottom:-40px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-12 .elementor-element.elementor-element-45ea86f7:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-45ea86f7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:768px){.elementor-12 .elementor-element.elementor-element-5737c6a{--padding-top:35px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-595d01d .elementor-heading-title{font-size:22px;}.elementor-12 .elementor-element.elementor-element-6cc75ebe > .elementor-widget-container{padding:16px 0px 0px 0px;}}@media(min-width:1025px){.elementor-12 .elementor-element.elementor-element-5737c6a::before, .elementor-12 .elementor-element.elementor-element-5737c6a > .elementor-background-video-container::before, .elementor-12 .elementor-element.elementor-element-5737c6a > .e-con-inner > .elementor-background-video-container::before, .elementor-12 .elementor-element.elementor-element-5737c6a > .elementor-background-slideshow::before, .elementor-12 .elementor-element.elementor-element-5737c6a > .e-con-inner > .elementor-background-slideshow::before, .elementor-12 .elementor-element.elementor-element-5737c6a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:scroll;}}/* Start custom CSS for shortcode, class: .elementor-element-3d4dc58 *//* Small links under login */
.wc-auth-small-links {
    text-align: center !important;
    font-size: 13px !important;
    color: #666 !important;
    margin-top: 6px !important;
}
.wc-auth-small-links a {
    display: inline-block !important;
    color: #666 !important;
    text-decoration: underline !important;
    cursor: pointer !important;
    margin: 0 10px !important;
}

/* Error & Success Messages */
.wc-auth-error { 
    color: #a00 !important; 
    font-size: 13px !important; 
    margin-bottom: 10px !important; 
    display: none !important; 
}
.wc-auth-success { 
    color: #1b7a3a !important; 
    font-size: 13px !important; 
    margin-bottom: 10px !important; 
    display: none !important; 
}
.wc-auth-message {
    text-align: center !important;
    font-size: 14px !important;
    color: #000 !important;
    margin-bottom: 15px !important;
    font-weight: 700 !important;
}

/* Login/Register Buttons */
.wc-auth-popup button,
.wc-auth-popup input[type="submit"] {
    background: #6a1b9a !important;
    color: #fff !important;
    border: none !important;
    border-radius: 22px !important;
    padding: 10px 20px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    width: 100% !important;
    transition: background 0.3s ease !important;
}
.wc-auth-popup button:hover,
.wc-auth-popup input[type="submit"]:hover {
    background: #4a0072 !important;
}

/* Mobile tweaks */
@media (max-width:480px) {
    .wc-auth-popup { width: 92% !important; padding:16px !important; }
    .wc-auth-tabs { gap:6px !important; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6cc75ebe */.woocommerce-MyAccount-navigation ul li.is-active > a {
  background-color: #8359B7;
  color: white !important;
  border-radius: 5px; /* Optional: adds rounded corners */
  padding: 10px; /* Optional: adds spacing inside the active link */
  display: block; /* Ensures full-width background for the link */
  
}

.wd-my-account-links .members-area-link {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-45ea86f7 *//* === WooCommerce My Account Sidebar Tabs === */

/* Style for all My Account navigation links */
.woocommerce-my-account-wrapper .woocommerce-MyAccount-navigation-link a {
    background-color: transparent !important;
    color: #000 !important;
    border-radius: 0px !important;
    padding: 10px 20px !important;
    display: inline-block;
    font-family: 'Inter', sans-serif !important;
    text-decoration: none !important;
}

/* Active tab styling */
.woocommerce-my-account-wrapper .woocommerce-MyAccount-navigation-link.is-active a {
    background-color: #8359B7 !important;
    color: #ffffff !important;
    border-radius: 5px !important;
}

/* Optional hover effect */
.woocommerce-my-account-wrapper .woocommerce-MyAccount-navigation-link a:hover {
    background-color: #6c3da9 !important;
    color: #ffffff !important;
    border-radius: 5px !important;
}

/* === Global Button Styling (for all non-tab buttons like "Cancel", "Place Order", etc.) === */

.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button,
.woocommerce-page button.button,
.woocommerce-page a.button,
.woocommerce-page input.button {
    background-color: #8359B7 !important;
    color: #ffffff !important;
    font-family: 'Inter', sans-serif !important;
    border: none !important;
    padding: 10px 20px !important;
    cursor: pointer !important;
    display: inline-block !important;
    border-radius: 200px !important;
    text-align: center !important;
    text-transform: uppercase;
}

/* Optional hover effect for global buttons */
.woocommerce button.button:hover,
.woocommerce a.button:hover,
.woocommerce input.button:hover,
.woocommerce-page button.button:hover,
.woocommerce-page a.button:hover,
.woocommerce-page input.button:hover {
    background-color: #6c3da9 !important;
    color: #ffffff !important;
}/* End custom CSS */