:root{--ur-icon-inner-size:18px;--ur-icon-color:#000000;--icon-user:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGRhdGEtbmFtZT0iTGF5ZXIgMSIgdmlld0JveD0iMCAwIDQyNi43IDQyNi43Ij48cGF0aCBkPSJtMTc5IDEgMzItMWM2IDAgMTEgMiAxNSA2IDUgNiA0IDE3LTMgMjItNCA0LTEwIDQtMTYgNC0yNSAwLTUxIDItNzYgOC0xOCA0LTM1IDExLTUwIDIxLTEwIDgtMTggMTctMjUgMjgtOCAxMy0xMyAyOC0xNyA0My01IDIzLTYgNDctNyA3MCAwIDI1IDAgNTEgNCA3NiAzIDE2IDcgMzMgMTQgNDkgNyAxNCAxNyAyNyAzMCAzNyAxNCAxMSAzMSAxOCA0OSAyM2E0MjMgNDIzIDAgMCAwIDE1NSAzYzE0LTMgMjgtNyA0MS0xMyAxNS03IDI5LTE3IDM5LTMwIDEyLTE2IDE5LTM0IDIzLTUyIDYtMjYgOC01NCA4LTgxIDAtNSAyLTEwIDYtMTMgNi01IDE2LTUgMjEgMSA0IDQgNSA5IDUgMTMgMCAyMC0xIDQwLTQgNjAtNCAzMC0xMiA2MS0yOSA4Ni0xMSAxNi0yNSAyOS00MSAzOC0yOSAxNy02MiAyMy05NCAyNi0yNyAyLTUzIDItNzkgMS0yNy0yLTU1LTYtODAtMTVhMTI5IDEyOSAwIDAgMS03Ny02OEM3IDMxMyAyIDI3OSAwIDI0NXYtNjRjMS0yMiA0LTQ1IDEwLTY2IDUtMTggMTItMzUgMjItNTAgOS0xMyAyMS0yNCAzNC0zMyAxNC0xMCAzMS0xNiA0OC0yMSAyMS02IDQyLTkgNjQtMTBabTEyMCAzNGMtNSAzLTkgOC0xMyAxM0wxNzIgMTc1bC0xNyAyMWMtNiAxMS0xMCAyMi0xMSAzNC0zIDE5IDEgMzkgOCA1NyAyIDYgNyAxMCAxMyAxMSAyOCA3IDU5IDYgODMtMTAgMTItNyAyMC0xOCAyOS0yOGwxMTQtMTI4YTY3IDY3IDAgMCAwLTkyLTk3Wm02NSAyN2EzNSAzNSAwIDAgMSAxIDUxbC0xMiAxMy00OC00Mi01LTQgOC0xMGM1LTUgMTAtMTEgMTctMTQgMTItNiAyOS00IDM5IDZabS03NCA1MSAzMCAyNyAxMSAxMC05IDExLTc0IDg0Yy02IDYtMTEgMTMtMTggMTctMTQgOC0zMCA5LTQ1IDgtMi0xLTYtMS02LTQtNS0xNS02LTMyIDEtNDcgMy04IDktMTQgMTUtMjFsODQtOTQgMTEgOVoiLz48L3N2Zz4=);
    --icon-orders:    url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGRhdGEtbmFtZT0iTGF5ZXIgMSIgdmlld0JveD0iMCAwIDQxOS42IDQzNS45Ij48cGF0aCBkPSJNMTQzIDE4OWMxMC0zIDIxIDYgMjEgMTYgMCA4LTggMTYtMTYgMTUtOSAxLTE3LTctMTctMTUgMC03IDUtMTUgMTItMTZabTExMyAxN2MwIDkgOSAxNSAxOCAxNCA4IDAgMTQtOCAxNC0xNiAwLTEwLTEwLTE4LTIwLTE1LTggMS0xMyA5LTEyIDE3Wk0xMDIgOTVsLTE2IDVjLTE3IDUtMzMgMTMtNDcgMjNhOTcgOTcgMCAwIDAtMzUgNTVjLTggMjktMyA1OSA1IDg3IDUgMjAgMTAgNDAgMTcgNjAgNiAxOCAxNCAzNiAyNCA1MSA5IDE0IDIxIDI2IDM1IDM1IDIyIDEzIDQ3IDE5IDczIDIyIDI1IDMgNTEgMyA3NyAzIDI0LTIgNDgtNCA3MS0xMiAxNC01IDI4LTEyIDQwLTIxIDExLTkgMjAtMjAgMjctMzIgOS0xNiAxNi0zMyAyMi01MGwxNC00OWM2LTIyIDExLTQ0IDExLTY3LTEtMjMtNy00Ni0yMi02NC0xNS0yMC0zOS0zMy02My00MGwtMTctNkExMDkgMTA5IDAgMCAwIDIwNSAwYTEwOCAxMDggMCAwIDAtMTAzIDk1Wm0xMDktNjNhNzYgNzYgMCAwIDEgNzMgNTggNTU0IDU1NCAwIDAgMC0xNDggMCA3NiA3NiAwIDAgMSA3NS01OFptLTkgODZjMjMtMSA0NiAwIDY5IDIgMjMgMyA0NiA3IDY3IDE2IDE2IDYgMzEgMTYgMzkgMzEgOSAxNSAxMSAzMiAxMCA0OC0xIDIzLTggNDYtMTQgNjgtNiAyMC0xMSA0MS0yMSA2MC02IDE0LTE2IDI4LTI5IDM3LTE0IDExLTMyIDE2LTQ5IDE5YTM4MCAzODAgMCAwIDEtMTI5IDBjLTIwLTMtNDAtMTAtNTQtMjQtMTQtMTItMjMtMjgtMjktNDUtOC0xOS0xMy0zOC0xOC01OC03LTI0LTE0LTUwLTExLTc1IDEtMTUgNy0zMSAxOC00MiAxMi0xMSAyNi0xOCA0Mi0yM2EzMTAgMzEwIDAgMCAxIDEwOS0xNFoiLz48L3N2Zz4=);
    --icon-address:   url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGRhdGEtbmFtZT0iTGF5ZXIgMSIgdmlld0JveD0iMCAwIDM1MS45IDQxNS45Ij48cGF0aCBkPSJNMTYxIDFhMTc2IDE3NiAwIDAgMSAxOTEgMTgwIDI4NyAyODcgMCAwIDEtODkgMTkzYy0xNSAxMy0zMSAyNS01MCAzMy0xNiA3LTM0IDExLTUxIDgtMjItNS00Mi0xNi02MC0zMC0yMy0xOS00Mi00Mi01OC02Ny0yMC0zMC0zNC02NC00MC05OUExNzkgMTc5IDAgMCAxIDE2MiAwWm03IDMxQTE0NiAxNDYgMCAwIDAgMzcgMTM3Yy04IDMwLTYgNjEgMSA5MSA5IDM0IDI2IDY3IDQ4IDk1IDE3IDIxIDM2IDQwIDYwIDUyIDEyIDcgMjcgMTEgNDEgNyAyMS01IDM5LTE4IDU0LTMzIDI3LTI0IDQ4LTU1IDYyLTg4IDEyLTMxIDE5LTY0IDE2LTk3YTE0NiAxNDYgMCAwIDAtNzMtMTE0Yy0yMy0xMy01MS0xOS03OC0xOFptMSA3OWE2OSA2OSAwIDEgMSAxNCAxMzggNjkgNjkgMCAwIDEtMTQtMTM4Wm0yIDMyYy0xNSAyLTI5IDE1LTMyIDMwYTM3IDM3IDAgMSAwIDMyLTMwWiIvPjwvc3ZnPg==);
    --icon-payment:   url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGRhdGEtbmFtZT0iTGF5ZXIgMSIgdmlld0JveD0iMCAwIDQ1OC44IDQ1OC43Ij48cGF0aCBkPSJtMTIwIDEgNzUtMWgxMjFjMTYgMCAzMiAwIDQ2IDYgMTIgNCAyMiAxMyAyNyAyNSA1IDE0IDUgMjggNiA0MnY2bDYgNGExMTQgMTE0IDAgMCAxIDQ5IDU5YzYgMjAgOCA0MSA4IDYybDEgNzhjMCAyMyAwIDQ2LTMgNjgtMiAxOC02IDM1LTE1IDUwLTExIDE3LTI1IDMxLTQyIDQxLTEyIDgtMjYgMTItNDAgMTQtMjAgMy00MCAzLTYwIDNsLTg0IDEtODgtMWMtMTktMi0zOC00LTU2LTExLTIxLTktMzgtMjUtNTEtNDQtNy0xMS0xMi0yNC0xNS0zNy00LTIwLTQtMzktNS01OXYtNzVsMS05N2MxLTIxIDItNDIgOC02MiA3LTIyIDIzLTQxIDQyLTU0QzcxIDYgOTYgMiAxMjAgMVptLTE1IDMzYy0xMiAyLTI0IDQtMzUgMTEtMTAgNi0xOCAxNC0yNCAyMy02IDEwLTkgMjEtMTAgMzJsMTgtMTVjMTAtNyAyMy0xMiAzNi0xNSAyMC01IDQyLTUgNjMtNmg5MGw4NCAxYzEyIDAgMjQgMiAzNSAzIDAtNyAwLTE0LTItMjEtMS01LTMtOS03LTExbC0xOC0zLTQzLTFIMTY2Yy0yMCAwLTQwIDAtNjEgMlptLTEwIDY4Yy0xMSAyLTIwIDctMjggMTRhODAgODAgMCAwIDAtMjkgNDJjLTUgMTgtNSAzNy02IDU2djc4bDMgNTdjMSAxMiA0IDIzIDEwIDM0IDcgMTIgMTcgMjIgMjkgMzAgMTcgMTAgMzcgMTEgNTYgMTNsMTIyIDFjMjggMCA1NSAwIDgzLTIgMTYtMSAzMi0zIDQ3LTExIDEzLTcgMjQtMTggMzItMzEgNy0xMiA5LTI1IDExLTM5bDEtMjJIMzIxYy0xMCAwLTIxIDAtMzAtMmE3NCA3NCAwIDAgMS0yOS0xMzFjMTMtMTAgMjgtMTUgNDQtMTVoMTAwbDE4LTFjLTEtMTQtNi0yOS0xNS00MGE4MSA4MSAwIDAgMC00My0zMWMtMTctNC0zNC01LTUxLTZIMTQ5Yy0xOSAxLTM3IDEtNTQgNlptMTc0IDEyOGE0MiA0MiAwIDAgMCAyOSA1OWwxNyAxaDExMWwxLTI5LTEtNTVIMzA2Yy0xNiAwLTMxIDEwLTM3IDI0Wm0yNCA5Yy00IDctMiAxNiA0IDIxIDQgNCAxMSA0IDE3IDRoNDNjNiAwIDE0IDEgMTktNCA3LTYgNy0xOCAwLTI0LTUtNS0xMy00LTIwLTRoLTUxYy01IDEtOSAzLTEyIDdaIi8+PC9zdmc+);
    --icon-logout:    url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGRhdGEtbmFtZT0iTGF5ZXIgMSIgdmlld0JveD0iMCAwIDQ0OC44IDQyNi43Ij48cGF0aCBkPSJNMTMyIDFoNzFjMjAgMSA0MCA0IDU5IDExIDIwIDYgMzggMTggNDkgMzUgMTQgMjAgMTkgNDUgMjIgNjkgMCA2LTEgMTItNSAxNi02IDYtMTcgNi0yMi0xLTYtNS01LTEzLTYtMjAtMy0xOS03LTM4LTIwLTUyLTgtOS0xOC0xNC0yOS0xOC0xNS00LTMwLTYtNDUtOGwtNTYtMWMtMjIgMS00MyAzLTY0IDktMTQgNC0yNyAxMi0zNiAyNC0xMCAxNS0xMyAzMy0xNSA1MC0zIDMwLTMgNTktMyA4OGwxIDc2YzEgMjEgMiA0MyA4IDYzIDQgMTMgMTEgMjUgMjIgMzIgMTAgOCAyMyAxMiAzNSAxNWE0NzggNDc4IDAgMCAwIDExOCAzYzE2LTIgMzMtNSA0Ny0xMiAxMS01IDIwLTE0IDI1LTI0IDgtMTUgMTEtMzMgMTMtNTAgMC01IDItMTAgNy0xM2ExNiAxNiAwIDAgMSAyNSAxNGwtNCAyOGMtNCAyMC0xMiA0MS0yNyA1Ni0xNCAxNS0zNCAyNC01NCAyOC0yNSA2LTUxIDctNzYgOC0yMyAwLTQ2LTEtNjgtNC0xOS00LTM4LTktNTUtMTktMTQtOS0yNi0yMi0zMy0zNy03LTE2LTExLTM0LTEzLTUxLTMtMjUtMy01MC0zLTc1bDEtODljMC0yMSAxLTQyIDYtNjMgNC0xOSAxMS0zOCAyNS01MiAxMi0xMyAyOC0yMSA0NC0yNiAxOC02IDM3LTkgNTYtMTBabTIzNCAxNzEgMjggMjhIMTc4Yy01IDAtMTAgMS0xMyA0LTYgNi03IDE2LTEgMjIgMyA0IDkgNiAxNCA2aDIxNWMtNCA2LTEwIDExLTE1IDE2bC0xOSAxOWMtNCAzLTYgOS00IDE0IDEgOCA4IDE0IDE2IDEzIDUgMCA5LTMgMTItNmw1My01MyAxMC0xMGM0LTUgNC0xMyAwLTE5bC0xMS0xMC01MC01MWMtNC00LTktOC0xNS03LTkgMC0xNiA4LTE2IDE2czcgMTMgMTIgMThaIi8+PC9zdmc+);
    --icon-dashboard: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGRhdGEtbmFtZT0iTGF5ZXIgMSIgdmlld0JveD0iMCAwIDQ1OC43IDQ1OC43Ij48cGF0aCBkPSJNMjE5IDFjMTEtMiAyNC0xIDM1IDMgMTAgMyAyMCA4IDMwIDEzbDQ4IDI5IDU1IDM0IDMzIDIzYzExIDkgMjAgMTkgMjcgMzEgNyAxNSAxMCAzMiAxMSA0OGwxIDY5LTEgODVjLTEgMjEtMyA0My0xMCA2Mi02IDE3LTE3IDMxLTMyIDQxLTE0IDktMzEgMTQtNDcgMTYtMjMgMy00NiAzLTcwIDRIMTU1Yy0yOC0xLTU3LTEtODUtOC0xOS01LTM2LTE2LTQ4LTMyLTEyLTE3LTE3LTM4LTE5LTU5LTMtMjItMy00NC0zLTY2di04NWMwLTE3IDAtMzUgNC01MiAzLTE0IDEwLTI4IDIwLTM5IDgtMTAgMTctMTcgMjctMjRsNDUtMjkgNzYtNDZjMTQtOCAzMC0xNiA0Ny0xOFptMiAzMmMtMTYgMy0zMCAxMi00NCAyMGwtNzEgNDRjLTE2IDEwLTMzIDIwLTQ4IDMxLTkgOC0xNyAxNy0yMSAyOC01IDE2LTQgMzQtNSA1MHY5NGEzNjkgMzY5IDAgMCAwIDEwIDkwYzMgOCA5IDE1IDE2IDIwIDcgNiAxNSA5IDI0IDExIDEzIDMgMjYgNCAzOSA1bDEyMiAxIDg4LTFjMTktMSAzOC0yIDU2LTggMTMtNSAyNC0xNSAyOS0yNyA3LTE2IDgtMzUgMTAtNTJsMS05NC0xLTYyYy0xLTExLTItMjMtNy0zMy00LTgtMTEtMTUtMTgtMjEtMTEtOS0yMy0xNy0zNS0yNGwtNjMtMzktNDItMjVjLTEzLTYtMjYtMTEtNDAtOFptLTcyIDI4MmMwIDYgNCAxMSA5IDE0YTEyNCAxMjQgMCAwIDAgMTQyIDFjNC0zIDgtNyA5LTEzIDItOC01LTE3LTEzLTE4LTUtMS0xMCAxLTE0IDQtMTIgOS0yNyAxNS00MyAxNi0yMSAzLTQzLTMtNjEtMTUtNC0zLTktNi0xNS01LTggMS0xNCA4LTE0IDE2WiIvPjwvc3ZnPg==);
}

/* ==========================================================================
   2. GLOBAL THEME OVERRIDES
   ========================================================================== */
#primary {
    padding: 0 50px !important;
}

.user-registration {
    max-width: 100% !important;
    border: 1px solid white !important;
    background: rgba(255,255,255,0.6) !important;
    border-radius: 15px !important;
}

.user-registration input {
    border-radius: 50px !important;
}

.user-registration-MyAccount-navigation--wrapper {
    background: white !important;
}

.ur-frontend-form.login {
    background: transparent !important;
}

/* --- Buttons --- */
.ur-button-container .ur-submit-button:not([class*="ellenom-"]),
.ur-frontend-form button[type=submit]:not([class*="ellenom-"]), 
button:not([class*="ellenom-"]) {
    font-style: normal !important;
    font-weight: 500 !important;
    color: #fff !important;
    border: 1px solid #005050 !important;
    border-radius: 50px !important;
    padding: .6rem 2.5rem !important;
    background: #005050 !important;
    z-index: 10;   
}

.ur-frontend-form button[type=submit]:not([class*="ellenom-"]):hover, 
button:not([class*="ellenom-"]):hover {
    color: #005050 !important;
    background: #a3d3d3 !important;
}

.ur-edit-profile .user-registration-profile-fields p {
    margin: 3rem 0 0 0 !important;
}

.woocommerce-Address {
    text-align: left !important;
}

.woocommerce-Address a {
    float: left !important;
}

.vertical .user-registration-MyAccount-navigation--wrapper ul {
    gap: .6rem !important;
}

.user-registration-MyAccount-navigation-link > a {
    gap: .5rem !important;
}

/* ==========================================================================
   3. REORDERING LOGIC (Move Dashboard to Top)
   ========================================================================== */
/* Make sure the list is a Flex container so we can reorder items */
.user-registration-MyAccount-navigation ul {
    display: flex !important;
    flex-direction: column !important;
}

/* Give Dashboard order -1 to move it to the start */
.user-registration-MyAccount-navigation-link--dashboard {
    order: -1 !important;
}

/* ==========================================================================
   4. DASHBOARD NAVIGATION LINKS (The Rectangles)
   ========================================================================== */
.user-registration-MyAccount-navigation-link a {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    
    height: 55px !important;
    width: 160px !important; /* Desktop Width */
    
    background: rgba(0,0,0,0.05) !important;
    border-radius: 50px !important;
    border: none !important;

    /* Left padding = (55px height - 40px icon) / 2 = 7.5px */
    padding-left: 7.5px !important;
    padding-right: 0 !important;
}

.user-registration-MyAccount-navigation-link a:hover, 
.user-registration-MyAccount-navigation-link.is-active a {
    background: rgba(243,178,225,0.35) !important;
}

/* ==========================================================================
   5. ICON CONTAINER CIRCLES (The Bubbles)
   ========================================================================== */
.user-registration-MyAccount-navigation-link > a i {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important; 
    
    /* Perfect Circle */
    border-radius: 50% !important;
    border: none !important;
    clip-path: none !important;
    
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    
    color: transparent !important;
}

/* --- Circle Background Colors (Targeted by Class now, not Order) --- */
.user-registration-MyAccount-navigation-link--dashboard i       { background: #aec6f6 !important; }
.user-registration-MyAccount-navigation-link--edit-profile i    { background: #aec6f6 !important; }
.user-registration-MyAccount-navigation-link--orders i          { background: #f3b2e1 !important; }
.user-registration-MyAccount-navigation-link--edit-address i    { background: #88d393 !important; }
.user-registration-MyAccount-navigation-link--payment-methods i { background: #f4b98b !important; }
.user-registration-MyAccount-navigation-link--user-logout i     { background: #f47878 !important; }


/* ==========================================================================
   6. SVG MASKING LOGIC (The Inner Icons)
   ========================================================================== */
.user-registration-MyAccount-navigation .fa::before {
    content: ''!important;display:block!important;width:var(--ur-icon-inner-size)!important;height:var(--ur-icon-inner-size)!important;background-color:var(--ur-icon-color)!important;background-image:none!important;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center center;mask-position:center center}.user-registration-MyAccount-navigation .fa-user::before{-webkit-mask-image:var(--icon-user);mask-image:var(--icon-user)}.user-registration-MyAccount-navigation .fa-first-order::before{-webkit-mask-image:var(--icon-orders);mask-image:var(--icon-orders)}.user-registration-MyAccount-navigation .fa-location-arrow::before{-webkit-mask-image:var(--icon-address);mask-image:var(--icon-address)}.user-registration-MyAccount-navigation .fa-money::before{-webkit-mask-image:var(--icon-payment);mask-image:var(--icon-payment)}.user-registration-MyAccount-navigation .fa-sign-out::before{-webkit-mask-image:var(--icon-logout);mask-image:var(--icon-logout)}.user-registration-MyAccount-navigation .fa-tachometer::before{-webkit-mask-image:var(--icon-dashboard);mask-image:var(--icon-dashboard)}@media (max-width:767px){#primary{padding:0!important}.user-registration-MyAccount-navigation ul{display:flex!important;flex-direction:column!important;gap:15px!important}.user-registration-MyAccount-navigation-link a{width:100%!important}}#UR-login,#UR-myaccount,#UR-register{width:800px;padding:0 50px;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}#UR-login h1,#UR-myaccount h1,#UR-register h1{margin:1rem 0}@media (max-width:768px){#UR-login,#UR-myaccount,#UR-register{width:100%;padding:0 20px}}body.page-id-2554,body.page-id-27{position:relative;overflow-x:hidden}body.page-id-2554::before,body.page-id-27::before{content:"";position:absolute;inset:0;background-image:url(https://monfood.uk/wp-content/uploads/2026/01/Pattern-mon-white-1000px.png);background-repeat:repeat;background-size:420px auto;opacity:.4;pointer-events:none;z-index:-1}.loading-overlay{z-index:9999999;position:fixed}