.elementor-4219 .elementor-element.elementor-element-47bd7b1{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#C8A46A;--border-color:#C8A46A;--border-radius:20px 20px 20px 20px;box-shadow:0px 18px 45px 0px rgba(44, 0, 22, 0.28);--margin-top:92px;--margin-bottom:0px;--margin-left:0px;--margin-right:55px;--padding-top:18px;--padding-bottom:18px;--padding-left:18px;--padding-right:18px;}.elementor-4219 .elementor-element.elementor-element-47bd7b1:not(.elementor-motion-effects-element-type-background), .elementor-4219 .elementor-element.elementor-element-47bd7b1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFF9F3;}.elementor-4219 .elementor-element.elementor-element-4ab944f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4219 .elementor-element.elementor-element-1594aca{text-align:start;}.elementor-4219 .elementor-element.elementor-element-1594aca .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;color:#660033;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4219 .elementor-element.elementor-element-f578459{font-family:"Roboto", Sans-serif;font-size:12px;font-weight:400;color:#6F5863;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-4219 .elementor-element.elementor-element-f3138fa .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-4219 .elementor-element.elementor-element-f3138fa .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-4219 .elementor-element.elementor-element-f3138fa{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-4219 .elementor-element.elementor-element-f3138fa .elementor-icon-list-text{transition:color 0.3s;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-4219 .elementor-element.elementor-element-19acca0{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-4219 .elementor-element.elementor-element-19acca0 .elementor-divider-separator{width:100%;}.elementor-4219 .elementor-element.elementor-element-19acca0 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-4219 .elementor-element.elementor-element-fb39f30 .elementor-button{background-color:#660033;fill:#FFF9F3;color:#FFF9F3;border-radius:999px 999px 999px 999px;}.elementor-4219 .elementor-element.elementor-element-fb39f30{width:100%;max-width:100%;}.elementor-4219 .elementor-element.elementor-element-fb39f30 .elementor-button-content-wrapper{flex-direction:row;}.elementor-4219 .elementor-element.elementor-element-ba735eb{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-4219 .elementor-element.elementor-element-a985713{text-align:start;}.elementor-4219 .elementor-element.elementor-element-a985713 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;color:#660033;}.elementor-4219 .elementor-element.elementor-element-43ff53d{font-family:"Roboto", Sans-serif;font-size:12px;font-weight:400;color:#6F5863;}.elementor-4219 .elementor-element.elementor-element-3091ec7 .elementor-button{background-color:#660033;fill:#FFF9F3;color:#FFF9F3;border-radius:999px 999px 999px 999px;}.elementor-4219 .elementor-element.elementor-element-3091ec7{width:100%;max-width:100%;}.elementor-4219 .elementor-element.elementor-element-3091ec7 .elementor-button-content-wrapper{flex-direction:row;}.elementor-4219 .elementor-element.elementor-element-84907df .elementor-button{background-color:#FFF9F3;fill:#660033;color:#660033;border-style:solid;border-width:1px 1px 1px 1px;border-color:#C8A46A;border-radius:999px 999px 999px 999px;}.elementor-4219 .elementor-element.elementor-element-84907df{width:100%;max-width:100%;}.elementor-4219 .elementor-element.elementor-element-84907df .elementor-button-content-wrapper{flex-direction:row;}#elementor-popup-modal-4219 .dialog-widget-content{animation-duration:1.2s;border-radius:25px 25px 25px 25px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-4219 .dialog-message{width:340px;height:auto;}#elementor-popup-modal-4219{justify-content:flex-end;align-items:flex-start;}@media(min-width:768px){.elementor-4219 .elementor-element.elementor-element-47bd7b1{--content-width:340px;}}/* Start custom CSS *//* =========================================
   SARUN ACCOUNT POPUP
========================================= */

/* Remove Elementor's default outer spacing */
.sarun-account-popup-shell {
    width: 340px !important;
    max-width: calc(100vw - 28px) !important;

    margin: 0 !important;
    padding: 8px !important;

    background:
        linear-gradient(
            145deg,
            rgba(255, 249, 243, 0.98),
            rgba(250, 240, 235, 0.96)
        ) !important;

    border: 1px solid rgba(200, 164, 106, 0.55) !important;
    border-radius: 24px !important;

    box-shadow:
        0 24px 60px rgba(44, 0, 22, 0.30),
        inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;

    overflow: hidden !important;
}

/* Main content card */
.sarun-account-popup-card {
    width: 100% !important;

    display: flex !important;
    flex-direction: column !important;

    gap: 0 !important;

    padding: 24px 22px 20px !important;

    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(245, 75, 156, 0.10),
            transparent 42%
        ),
        #fff9f3 !important;

    border: 1px solid rgba(200, 164, 106, 0.24) !important;
    border-radius: 18px !important;
}

/* Heading */
.sarun-account-title,
.sarun-account-title .elementor-heading-title {
    margin: 0 !important;

    color: #660033 !important;

    font-family: "Montserrat", sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    letter-spacing: -0.3px !important;
}

/* Small gold accent beneath heading */
.sarun-account-title::after {
    content: "";

    width: 42px;
    height: 2px;

    display: block;

    margin-top: 10px;

    background:
        linear-gradient(
            90deg,
            #c8a46a,
            #e6c98f
        );

    border-radius: 999px;

    box-shadow:
        0 0 10px rgba(200, 164, 106, 0.35);
}

/* Subtitle */
.sarun-account-subtitle {
    margin-top: 11px !important;
    margin-bottom: 14px !important;
}

.sarun-account-subtitle,
.sarun-account-subtitle p {
    color: #76616b !important;

    font-family: "Montserrat", sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
}

/* Remove default paragraph margin */
.sarun-account-subtitle p {
    margin: 0 !important;
}

/* Menu list */
.sarun-account-links {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

.sarun-account-links .elementor-icon-list-items {
    display: flex !important;
    flex-direction: column !important;

    gap: 4px !important;

    margin: 0 !important;
    padding: 0 !important;
}

.sarun-account-links .elementor-icon-list-item {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* Clickable menu rows */
.sarun-account-links .elementor-icon-list-item > a,
.sarun-account-links .elementor-icon-list-item > span {
    width: 100% !important;
    min-height: 44px !important;

    display: flex !important;
    align-items: center !important;

    gap: 12px !important;

    padding: 10px 12px !important;

    color: #4b2538 !important;
    background: transparent !important;

    border: 1px solid transparent !important;
    border-radius: 12px !important;

    text-decoration: none !important;

    transition:
        color 0.22s ease,
        background-color 0.22s ease,
        border-color 0.22s ease,
        transform 0.22s ease !important;
}

.sarun-account-links .elementor-icon-list-text {
    color: inherit !important;

    font-family: "Montserrat", sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
}

/* Icons */
.sarun-account-links .elementor-icon-list-icon {
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: #c8a46a !important;
    background: rgba(200, 164, 106, 0.10) !important;

    border: 1px solid rgba(200, 164, 106, 0.25) !important;
    border-radius: 50% !important;
}

.sarun-account-links .elementor-icon-list-icon svg,
.sarun-account-links .elementor-icon-list-icon i {
    width: 14px !important;
    height: 14px !important;

    color: inherit !important;
    fill: currentColor !important;
}

/* Menu hover */
.sarun-account-links .elementor-icon-list-item > a:hover {
    color: #660033 !important;
    background: rgba(102, 0, 51, 0.055) !important;

    border-color: rgba(200, 164, 106, 0.28) !important;

    transform: translateX(3px) !important;
}

.sarun-account-links
.elementor-icon-list-item
> a:hover
.elementor-icon-list-icon {
    color: #660033 !important;
    background: #e6c98f !important;
}

/* Divider */
.sarun-account-divider {
    margin: 14px 0 15px !important;
}

.sarun-account-divider .elementor-divider-separator {
    width: 100% !important;

    border-top:
        1px solid rgba(200, 164, 106, 0.38) !important;
}

/* Logout button widget */
.sarun-account-logout {
    width: 100% !important;
}

.sarun-account-logout .elementor-button-wrapper {
    width: 100% !important;
}

/* Logout button */
.sarun-account-logout .elementor-button {
    width: 100% !important;
    min-height: 44px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: #fff9f3 !important;

    background:
        linear-gradient(
            135deg,
            #660033,
            #94104d
        ) !important;

    border: 1px solid rgba(200, 164, 106, 0.78) !important;
    border-radius: 999px !important;

    box-shadow:
        0 10px 24px rgba(102, 0, 51, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;

    font-family: "Montserrat", sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;

    transition:
        color 0.22s ease,
        background 0.22s ease,
        transform 0.22s ease,
        box-shadow 0.22s ease !important;
}

.sarun-account-logout .elementor-button:hover {
    color: #660033 !important;
    background: #e6c98f !important;

    transform: translateY(-2px) !important;

    box-shadow:
        0 13px 28px rgba(102, 0, 51, 0.25),
        0 0 18px rgba(200, 164, 106, 0.20) !important;
}

/* Mobile */
@media (max-width: 767px) {
    .sarun-account-popup-shell {
        width: calc(100vw - 28px) !important;
    }

    .sarun-account-popup-card {
        padding: 21px 18px 18px !important;
    }
}

/* Keep account menu labels on one line */
.sarun-account-links .elementor-icon-list-item > a,
.sarun-account-links .elementor-icon-list-item > span {
    min-height: 42px !important;
    gap: 11px !important;
    padding: 8px 10px !important;
}

.sarun-account-links .elementor-icon-list-text {
    font-size: 13px !important;
    white-space: nowrap !important;
}

/* Keep the icon column compact */
.sarun-account-links .elementor-icon-list-icon {
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
}

/* =========================================
   SARUN ACCOUNT MENU — ICON/TEXT ALIGNMENT
========================================= */

.sarun-account-links
.elementor-icon-list-item > a,

.sarun-account-links
.elementor-icon-list-item > span {
    width: 100% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    gap: 13px !important;

    padding: 9px 10px !important;
}

.sarun-account-links .elementor-icon-list-icon {
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;

    flex: 0 0 30px !important;
}

.sarun-account-links .elementor-icon-list-text {
    flex: 1 1 auto !important;

    width: auto !important;

    text-align: left !important;
    white-space: nowrap !important;
}

/* =========================================
   SARUN ACCOUNT MENU — RESTORE ICONS
========================================= */

.sarun-account-popup-shell {
    width: 340px !important;
    box-sizing: border-box !important;
}

/* Each menu row */
.sarun-account-links
.elementor-icon-list-item > a,

.sarun-account-links
.elementor-icon-list-item > span {
    width: 100% !important;
    min-height: 44px !important;

    display: grid !important;
    grid-template-columns: 32px minmax(0, 1fr) !important;
    align-items: center !important;

    column-gap: 12px !important;

    margin: 0 !important;
    padding: 7px 10px !important;

    box-sizing: border-box !important;
}

/* Proper circular icon holder */
.sarun-account-links
.elementor-icon-list-icon {
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;

    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #660033 !important;
    background: rgba(200, 164, 106, 0.14) !important;

    border: 1px solid rgba(200, 164, 106, 0.34) !important;
    border-radius: 50% !important;

    line-height: 1 !important;

    box-sizing: border-box !important;
}

/* SVG icons */
.sarun-account-links
.elementor-icon-list-icon svg {
    width: 15px !important;
    min-width: 15px !important;
    max-width: 15px !important;

    height: 15px !important;
    min-height: 15px !important;
    max-height: 15px !important;

    display: block !important;

    fill: currentColor !important;
    color: inherit !important;

    flex: none !important;
}

/* Font Awesome icons */
.sarun-account-links
.elementor-icon-list-icon i {
    width: auto !important;
    height: auto !important;

    font-size: 15px !important;
    line-height: 1 !important;

    color: inherit !important;
}

/* Text alignment */
.sarun-account-links
.elementor-icon-list-text {
    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #4b2538 !important;

    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;

    text-align: left !important;
    white-space: nowrap !important;
}

/* Hover */
.sarun-account-links
.elementor-icon-list-item > a:hover
.elementor-icon-list-icon {
    color: #660033 !important;
    background: #e6c98f !important;

    border-color: #e6c98f !important;

    transform: scale(1.04) !important;
}

/* =========================================
   SARUN ACCOUNT MENU — FINAL ICON + SPACING FIX
========================================= */

.sarun-account-links .elementor-icon-list-items {
    gap: 2px !important;
}

.sarun-account-links .elementor-icon-list-item {
    margin: 0 !important;
    padding: 0 !important;
}

.sarun-account-links .elementor-icon-list-item > a,
.sarun-account-links .elementor-icon-list-item > span {
    width: 100% !important;
    min-height: 46px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    gap: 12px !important;

    padding: 7px 9px !important;

    box-sizing: border-box !important;
    border-radius: 12px !important;
}

/* Champagne-gold circular icon holder */
.sarun-account-links span.elementor-icon-list-icon {
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;

    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;

    flex: 0 0 32px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #660033 !important;
    background: rgba(200, 164, 106, 0.16) !important;

    border: 1px solid rgba(200, 164, 106, 0.42) !important;
    border-radius: 50% !important;

    box-sizing: border-box !important;
}

/* Actual icon */
.sarun-account-links span.elementor-icon-list-icon svg {
    width: 15px !important;
    height: 15px !important;

    display: block !important;

    color: inherit !important;
    fill: currentColor !important;

    margin: 0 !important;
}

.sarun-account-links span.elementor-icon-list-icon i {
    width: auto !important;
    height: auto !important;

    color: inherit !important;

    font-size: 15px !important;
    line-height: 1 !important;
}

/* Labels */
.sarun-account-links .elementor-icon-list-text {
    flex: 1 1 auto !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #4b2538 !important;

    text-align: left !important;
    white-space: nowrap !important;
}

/* Hover */
.sarun-account-links .elementor-icon-list-item > a:hover {
    background: rgba(102, 0, 51, 0.055) !important;
}

.sarun-account-links
.elementor-icon-list-item > a:hover
span.elementor-icon-list-icon {
    color: #660033 !important;
    background: #e6c98f !important;
    border-color: #e6c98f !important;
}/* End custom CSS */