.elementor-2805 .elementor-element.elementor-element-5e26c4a > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:flex-start;align-items:flex-start;}.elementor-2805 .elementor-element.elementor-element-5e26c4a:not(.elementor-motion-effects-element-type-background), .elementor-2805 .elementor-element.elementor-element-5e26c4a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vizaliworks.com/wp-content/uploads/2026/03/pexels-pixabay-259919.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2805 .elementor-element.elementor-element-5e26c4a > .elementor-background-overlay{background-color:#000000;opacity:0.68;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2805 .elementor-element.elementor-element-5e26c4a > .elementor-container{min-height:350px;}.elementor-2805 .elementor-element.elementor-element-5e26c4a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:20px 20px 20px 20px;}.elementor-2805 .elementor-element.elementor-element-3241a64 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-2805 .elementor-element.elementor-element-c477456 .elementor-heading-title{font-family:"Work Sans", Sans-serif;font-size:65px;font-weight:700;line-height:1.2em;color:#FFFFFF;}.elementor-2805 .elementor-element.elementor-element-8e3225f{--spacer-size:20px;}.elementor-2805 .elementor-element.elementor-element-47b24896{--display:flex;}.elementor-2805 .elementor-element.elementor-element-1a17a36{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-2805 .elementor-element.elementor-element-1a17a36:not(.elementor-motion-effects-element-type-background), .elementor-2805 .elementor-element.elementor-element-1a17a36 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-kadence2 );}.elementor-2805 .elementor-element.elementor-element-7f8ccd8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2805 .elementor-element.elementor-element-e64cbcf{text-align:center;}.elementor-2805 .elementor-element.elementor-element-e64cbcf .elementor-heading-title{font-family:"Work Sans", Sans-serif;font-size:30px;font-weight:bold;color:var( --e-global-color-kadence1 );}.elementor-2805 .elementor-element.elementor-element-9fc3817{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2805 .elementor-element.elementor-element-8474a56{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2805 .elementor-element.elementor-element-bde7fa4 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2805 .elementor-element.elementor-element-bde7fa4.elementor-element{--align-self:center;}@media(min-width:768px){.elementor-2805 .elementor-element.elementor-element-1a17a36{--width:82%;}}@media(max-width:1024px){.elementor-2805 .elementor-element.elementor-element-5e26c4a > .elementor-container{min-height:350px;}}@media(max-width:767px){.elementor-2805 .elementor-element.elementor-element-5e26c4a:not(.elementor-motion-effects-element-type-background), .elementor-2805 .elementor-element.elementor-element-5e26c4a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vizaliworks.com/wp-content/uploads/2020/10/about-ralph-ravi-kayden-2d4lAQAlbDA-unsplash.jpg");}.elementor-2805 .elementor-element.elementor-element-5e26c4a > .elementor-container{min-height:300px;}.elementor-2805 .elementor-element.elementor-element-5e26c4a{padding:0px 0px 0px 0px;}.elementor-2805 .elementor-element.elementor-element-3241a64 > .elementor-element-populated{padding:0px 25px 20px 25px;}.elementor-2805 .elementor-element.elementor-element-c477456 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2805 .elementor-element.elementor-element-c477456 .elementor-heading-title{font-size:35px;}}@media(max-width:1024px) and (min-width:768px){.elementor-2805 .elementor-element.elementor-element-3241a64{width:70%;}}/* Start custom CSS for text-editor, class: .elementor-element-2f05b074 */.woocommerce-MyAccount-navigation ul li a {
    color: #ffffff !important;
    text-decoration: none;
    padding: 10px;
    display: block;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bde7fa4 *//* --- Target Specific Container for Black Text --- */
.elementor-element-8474a56 .pms-account-subscription-details-table {
    color: #000000 !important; /* Changes general text to black */
}

/* 1. Labels (Left Column) */
/* Keep your brand primary color #488588 for the labels, or change to black if preferred */
.elementor-element-8474a56 .pms-account-subscription-details-table tr td:first-child {
    color: #488588 !important; 
    font-weight: 700;
}

/* 2. Values (Right Column) */
.elementor-element-8474a56 .pms-account-subscription-details-table tr td:last-child {
    color: #000000 !important; /* Ensures values like 'Basic User' and 'Active' are black */
}

/* 3. Table Borders */
/* Changing borders to a lighter gray since we are now on a lighter background */
.elementor-element-8474a56 .pms-account-subscription-details-table td {
    border-bottom: 1px solid #e0e0e0 !important;
    background: transparent !important;
}

/* 4. Action Buttons Text */
/* Keeping the buttons white-on-brand for contrast, but if you want the 'Abandon' text black: */
.elementor-element-8474a56 .pms-account-subscription-action-link__abandon {
    color: #ff4d4d !important; /* Keeps the red warning color */
    background-color: transparent !important;
    border: 1px solid #ff4d4d !important;
}

.elementor-element-8474a56 .pms-account-subscription-action-link__change {
    color: #ffffff !important; /* Keeps "Change" readable inside the dark button */
}/* End custom CSS */
/* Start custom CSS *//* 1. Main Layout Container - Force Flex */
.woocommerce {
    display: flex !important;
    flex-wrap: wrap;
    background-color: #ffffff; /* Secondary */
    padding: 20px;
    border-radius: 8px;
}

/* 2. Sidebar Navigation */
.woocommerce-MyAccount-navigation {
    flex: 0 0 250px; /* Fixed width sidebar */
    margin-right: 30px;
    border-right: 2px solid #488588; /* Primary Color Divider */
}

.woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce-MyAccount-navigation ul li {
    margin: 0;
    border-bottom: 1px solid #eeeeee;
}

/* 3. Link Styling - Removing the Blue Background */
.woocommerce-MyAccount-navigation ul li a {
    display: block;
    padding: 15px 10px;
    color: #000000 !important; /* Tertiary */
    text-decoration: none !important;
    background-color: transparent !important; /* Kill the blue highlight */
    font-weight: 600;
    transition: all 0.3s ease;
}

/* 4. Active & Hover States using Primary Color */
.woocommerce-MyAccount-navigation ul li:hover a,
.woocommerce-MyAccount-navigation ul li.is-active a {
    background-color: #488588 !important; /* Primary */
    color: #ffffff !important; /* Secondary */
}

/* 5. Main Content Area */
.woocommerce-MyAccount-content {
    flex: 1; /* Take up remaining space */
    color: #000000 !important; /* Tertiary */
    line-height: 1.6;
}

/* Target links inside the content area */
.woocommerce-MyAccount-content a {
    color: #488588 !important; /* Primary */
    font-weight: bold;
    text-decoration: underline;
}

/* 6. Clean up the <br> tags from your HTML */
.woocommerce-MyAccount-navigation br {
    display: none !important;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .woocommerce {
        flex-direction: column;
    }
    .woocommerce-MyAccount-navigation {
        flex: 1 1 100%;
        margin-right: 0;
        border-right: none;
        border-bottom: 2px solid #488588;
        margin-bottom: 20px;
    }
}

/* 7. Fix Invisible 'Browse Products' Button (Downloads Tab) */
.woocommerce-MyAccount-content .woocommerce-Button,
.woocommerce-MyAccount-content .button {
    background-color: #488588 !important; /* Primary */
    color: #ffffff !important; /* Secondary */
    padding: 10px 20px !important;
    text-decoration: none !important;
    border-radius: 4px;
    display: inline-block;
    transition: background 0.3s ease;
}

.woocommerce-MyAccount-content .woocommerce-Button:hover,
.woocommerce-MyAccount-content .button:hover {
    background-color: #366366 !important; /* Darker Primary for hover */
    color: #ffffff !important;
}
/* 8. Fix Oversized Titles (Address Tab) */
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3,
.woocommerce-MyAccount-content .woocommerce-Address-title h3 {
    font-size: 1.2rem !important; /* Forces a much smaller size */
    line-height: 1.2 !important;
    color: #488588 !important; /* Using your Primary color */
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    text-transform: capitalize !important; /* Matches your screenshot style */
    font-weight: 700 !important;
}

/* Ensure the address wrapper doesn't force a huge height */
.woocommerce-Addresses {
    margin-top: 20px !important;
}

/* Target the 'Add'/'Edit' link below the addresses */
.woocommerce-MyAccount-content .edit, 
.woocommerce-MyAccount-content .woocommerce-Address-title a {
    font-size: 0.9rem !important;
    color: #488588 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
}/* End custom CSS */