.elementor-22 .elementor-element.elementor-element-277880ad{--display:flex;}/* Start custom CSS *//* ===============================
   WATER ON DOOR – MY ACCOUNT UI
   CSS-ONLY, SAFE, STABLE
================================ */

/* Base background */
body.woocommerce-account {
    background: #f2f6fb;
}

/* Main layout */
.woocommerce-account .woocommerce {
    display: flex;
    gap: 20px;
    padding: 20px;
}

/* ===============================
   SIDEBAR (DESKTOP)
================================ */
.woocommerce-MyAccount-navigation {
    background: linear-gradient(180deg, #0aa4d3, #078db8);
    border-radius: 18px;
    padding: 18px;
    min-width: 240px;
    box-shadow: 0 12px 30px rgba(0,0,0,0.12);
}

/* Remove bullets */
.woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Menu item */
.woocommerce-MyAccount-navigation ul li {
    margin-bottom: 10px;
}

/* Menu link */
.woocommerce-MyAccount-navigation ul li a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border-radius: 12px;
    color: #ffffff;
    font-weight: 500;
    text-decoration: none;
    transition: 0.25s ease;
}

/* Hover + active */
.woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation ul li.is-active a {
    background: rgba(255,255,255,0.18);
}

/* ===============================
   FIX ICON VISIBILITY
================================ */
.woocommerce-MyAccount-navigation ul li a::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 16px;
    color: #ffffff;
    width: 20px;
}

/* Icon mapping */
.woocommerce-MyAccount-navigation-link--dashboard a::before { content: "\f015"; }
.woocommerce-MyAccount-navigation-link--orders a::before { content: "\f07a"; }
.woocommerce-MyAccount-navigation-link--downloads a::before { content: "\f019"; }
.woocommerce-MyAccount-navigation-link--edit-address a::before { content: "\f3c5"; }
.woocommerce-MyAccount-navigation-link--edit-account a::before { content: "\f007"; }
.woocommerce-MyAccount-navigation-link--customer-logout a::before { content: "\f2f5"; }

/* ===============================
   CONTENT AREA
================================ */
.woocommerce-MyAccount-content {
    background: #ffffff;
    border-radius: 18px;
    padding: 26px;
    flex: 1;
    box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

/* Headings */
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
    color: #0aa4d3;
}

/* Paragraph text */
.woocommerce-MyAccount-content p {
    color: #555;
    font-size: 15px;
}

/* ===============================
   PROFILE CARD (TOP)
================================ */
.woocommerce-MyAccount-content::before {
    content: "👤 My Profile";
    display: block;
    background: linear-gradient(135deg, #0aa4d3, #078db8);
    color: #ffffff;
    padding: 18px;
    border-radius: 14px;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
}

/* ===============================
   FORMS & INPUTS
================================ */
.woocommerce-MyAccount-content input,
.woocommerce-MyAccount-content select {
    border-radius: 10px;
    padding: 12px;
}

/* Buttons */
.woocommerce-MyAccount-content .button {
    background: #0aa4d3;
    color: #ffffff;
    border-radius: 12px;
    padding: 12px 18px;
    border: none;
    transition: 0.25s ease;
}

.woocommerce-MyAccount-content .button:hover {
    background: #067aa0;
}

/* ===============================
   TABLES
================================ */
.woocommerce-MyAccount-content table {
    border-radius: 14px;
    overflow: hidden;
}

.woocommerce-MyAccount-content table th {
    background: #0aa4d3;
    color: #ffffff;
}

/* ===============================
   MOBILE – APP STYLE
================================ */
@media (max-width: 768px) {

    .woocommerce-account .woocommerce {
        flex-direction: column;
        padding: 12px;
    }

    /* Sidebar becomes grid */
    .woocommerce-MyAccount-navigation {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 12px;
        padding: 12px;
    }

    .woocommerce-MyAccount-navigation ul {
        display: contents;
    }

    .woocommerce-MyAccount-navigation ul li {
        margin: 0;
    }

    .woocommerce-MyAccount-navigation ul li a {
        flex-direction: column;
        justify-content: center;
        text-align: center;
        font-size: 13px;
        padding: 14px 6px;
    }

    .woocommerce-MyAccount-navigation ul li a::before {
        font-size: 20px;
    }

    /* Content spacing */
    .woocommerce-MyAccount-content {
        padding: 18px;
        margin-top: 14px;
    }
}

/* Remove Downloads from My Account menu */
.woocommerce-MyAccount-navigation-link--downloads {
    display: none !important;
}/* End custom CSS */