.elementor-17304 .elementor-element.elementor-element-b20f447{--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:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:250px;--padding-bottom:150px;--padding-left:0px;--padding-right:0px;}.elementor-17304 .elementor-element.elementor-element-b20f447:not(.elementor-motion-effects-element-type-background), .elementor-17304 .elementor-element.elementor-element-b20f447 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://jungleind.com/wp-content/uploads/2025/09/red-pair-scissors-hanging-yellow-wall-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-17304 .elementor-element.elementor-element-b20f447::before, .elementor-17304 .elementor-element.elementor-element-b20f447 > .elementor-background-video-container::before, .elementor-17304 .elementor-element.elementor-element-b20f447 > .e-con-inner > .elementor-background-video-container::before, .elementor-17304 .elementor-element.elementor-element-b20f447 > .elementor-background-slideshow::before, .elementor-17304 .elementor-element.elementor-element-b20f447 > .e-con-inner > .elementor-background-slideshow::before, .elementor-17304 .elementor-element.elementor-element-b20f447 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-17304 .elementor-element.elementor-element-afdb192{text-align:center;}.elementor-17304 .elementor-element.elementor-element-afdb192 .elementor-heading-title{font-family:"Times New Roman", Sans-serif;font-size:45px;font-weight:600;text-transform:capitalize;color:#FFFFFF;}.elementor-17304 .elementor-element.elementor-element-6fce327{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}@media(min-width:768px){.elementor-17304 .elementor-element.elementor-element-6fce327{--content-width:1250px;}}/* Start custom CSS for shortcode, class: .elementor-element-303bd94 *//* --- WooCommerce My Account Layout Transformation --- */
@media (min-width: 769px) {
    .woocommerce-account .woocommerce {
        display: flex;
        gap: 40px;
        align-items: flex-start;
        margin-top: 30px;
    }

    .woocommerce-MyAccount-navigation {
        flex: 0 0 250px;
        background: #ffffff;
        border: 1px solid #e5e5e5;
        border-radius: 8px;
        padding: 20px 0;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    }

    .woocommerce-MyAccount-content {
        flex: 1;
        background: #ffffff;
        border-top: 4px solid #8ba83a; /* Matching the olive/lime green accent line */
        border-radius: 0 0 8px 8px;
        padding: 30px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    }
}

/* Mobile Adjustments */
@media (max-width: 768px) {
    .woocommerce-account .woocommerce {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    .woocommerce-MyAccount-navigation {
        width: 100%;
    }
}

/* --- Navigation Link Styles --- */
.woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.woocommerce-MyAccount-navigation ul li {
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid #f0f0f0;
}

.woocommerce-MyAccount-navigation ul li:last-child {
    border-bottom: none;
}

.woocommerce-MyAccount-navigation ul li a {
    display: block;
    padding: 12px 20px;
    color: #333333;
    text-decoration: none;
    font-weight: 500;
    font-size: 15px;
    transition: all 0.3s ease;
}

/* Hover & Active States (Using your Theme Magenta/Berry Color) */
.woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation ul li.is-active a {
    background-color: #3E44FD; /* Darker tone of your magenta */
    color: #ffffff !important;
    padding-left: 25px; /* Subtle slide effect */
}

/* --- Content Typography & Elements Adjustments --- */
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
    font-size: 22px;
    color: #222;
    margin-bottom: 20px;
    font-weight: 600;
}

/* Referral URL Block Style (as seen in screenshot) */
.woocommerce-MyAccount-content .raf-link-container, 
.woocommerce-MyAccount-content p:has(.raf-link) {
    background: #f9f9f9;
    padding: 15px;
    border-left: 4px solid #8ba83a;
    border-radius: 4px;
}

/* Tables styling alignment */
.woocommerce-MyAccount-content table.shop_table {
    border-collapse: collapse;
    border-radius: 6px;
    overflow: hidden;
}

.woocommerce-MyAccount-content table.shop_table th {
    background-color: #f7f7f7;
    color: #333;
    font-weight: 600;
    padding: 12px;
}

.dgwt-wcas-search-wrapp{
    display: inline !important;
}/* End custom CSS */