.elementor-50782 .elementor-element.elementor-element-177a3b2{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:9px;--margin-left:0px;--margin-right:0px;--padding-top:16px;--padding-bottom:17px;--padding-left:20px;--padding-right:20px;}.elementor-50782 .elementor-element.elementor-element-177a3b2:not(.elementor-motion-effects-element-type-background), .elementor-50782 .elementor-element.elementor-element-177a3b2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-50782 .elementor-element.elementor-element-976279a{--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;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-50782 .elementor-element.elementor-element-9d066c4{text-align:start;}.elementor-50782 .elementor-element.elementor-element-9d066c4 img{width:100%;}.elementor-50782 .elementor-element.elementor-element-d1a915e{--display:flex;--min-height:60px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:1.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-50782 .elementor-element.elementor-element-8d0fba4{--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;}#elementor-popup-modal-50782{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-50782 .dialog-message{width:640px;height:100vh;align-items:flex-start;}#elementor-popup-modal-50782 .dialog-close-button{display:flex;}#elementor-popup-modal-50782 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(max-width:1366px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-50782 .elementor-element.elementor-element-177a3b2{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-50782 .elementor-element.elementor-element-177a3b2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-50782 .elementor-element.elementor-element-976279a{--width:35%;--min-height:0px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-50782 .elementor-element.elementor-element-d1a915e{--width:65%;}.elementor-50782 .elementor-element.elementor-element-8d0fba4{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-50782 .elementor-element.elementor-element-8d0fba4.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-50782 .elementor-element.elementor-element-3c31db6{width:100%;max-width:100%;}.elementor-50782 .elementor-element.elementor-element-3c31db6 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-50782 .elementor-element.elementor-element-3c31db6.elementor-element{--flex-grow:1;--flex-shrink:0;}#elementor-popup-modal-50782 .dialog-message{width:100vw;padding:0px 0px 0px 0px;}#elementor-popup-modal-50782{justify-content:center;align-items:flex-start;}#elementor-popup-modal-50782 .dialog-close-button{top:30px;}#elementor-popup-modal-50782 .dialog-widget-content{margin:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-50782 .elementor-element.elementor-element-976279a{--width:100%;}.elementor-50782 .elementor-element.elementor-element-d1a915e{--width:100%;}}@media(max-width:1366px) and (min-width:768px){.elementor-50782 .elementor-element.elementor-element-d1a915e{--width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-3c31db6 */.roakon-um {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 100%;
    flex: 1 1 auto;
    padding: 0 0 30px 0;
    background: #fff;
    font-family: 'Inter', sans-serif;
    position: relative;
    overflow: hidden;
}
/* User header */
.roakon-um-user {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 0 0 32px;
    padding: 0 20px 0 20px;
}
.roakon-um-avatar {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #C4E8ED;
    color: #1a1a1a;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Beausite Fit', sans-serif;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0.02em;
    flex-shrink: 0;
}
.roakon-um-name {
    font-family: 'Beausite Fit', sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: #1a1a1a;
    margin-bottom: 2px;
}
.roakon-um-email {
    font-size: 14px;
    color: #808080;
}
/* Section title - aligned with icon column */
.roakon-um-section-title {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    color: #5FC3D2;
    margin-bottom: 16px;
    letter-spacing: 0.02em;
    padding: 0 20px 0 20px;
}
/* List - no padding, items handle their own inset via margin */
.roakon-um-list {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.roakon-um-item {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    margin: 0 20px;
    color: #1a1a1a;
    text-decoration: none;
    border-radius: 12px;
    transition: background 0.15s;
    font-size: 16px;
}
.roakon-um-item:hover {
    background: #F5FBFC;
}
.roakon-um-item.is-active {
    background: #E8F6F8;
    color: #5FC3D2;
}
.roakon-um-item.is-active::before {
    content: '';
    position: absolute;
    left: -20px;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #5FC3D2;
}
.roakon-um-item.is-active .roakon-um-icon {
    color: #5FC3D2;
}
.roakon-um-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    color: #4C4C4C;
}
.roakon-um-icon svg {
    width: 22px;
    height: 22px;
}
/* Footer */
.roakon-um-footer {
    margin-top:auto;
    /*padding: 40px 20px 20px;*/
    padding-top: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #1a1a1a;
    font-style: italic;
    font-size: 14px;
    position: relative;
    z-index: 2;
    text-align: center;
}
.roakon-um-heart {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    color: #5FC3D2;
}
.roakon-um-heart path {
    stroke-width: 2;
}
/* Decorative wave background at bottom */
.roakon-um::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 120px;
    background: linear-gradient(180deg, transparent, #E8F6F8);
    pointer-events: none;
}
.roakon-um::before {
    content: '';
    position: absolute;
    bottom: 70px;
    left: 0;
    right: 0;
    height: 40px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 40' preserveAspectRatio='none'%3E%3Cpath d='M0,20 Q300,0 600,20 T1200,20' stroke='%235FC3D2' stroke-width='1' fill='none' opacity='0.4'/%3E%3Cpath d='M0,30 Q300,10 800,30 T7000,30' stroke='%235FC3D2' stroke-width='1' fill='none' opacity='0.3'/%3E%3C/svg%3E");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    pointer-events: none;
    z-index: 1;
}


.elementor-location-popup:has(.roakon-um) {
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
}


.elementor-location-popup:has(.roakon-um) > .e-con:has(.roakon-um) {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
}


.elementor-location-popup:has(.roakon-um) > .e-con:has(.roakon-um) > .e-con-inner,
.elementor-location-popup .elementor-widget-shortcode:has(.roakon-um),
.elementor-location-popup .elementor-widget-shortcode:has(.roakon-um) > .elementor-widget-container,
.elementor-location-popup .elementor-widget-shortcode:has(.roakon-um) .elementor-shortcode {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
}/* End custom CSS */