.elementor-592 .elementor-element.elementor-element-9894a4f{--display:flex;--min-height:550px;--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;box-shadow:0px 4px 20px 0px rgba(0, 0, 0, 0.18);--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-592 .elementor-element.elementor-element-9894a4f:not(.elementor-motion-effects-element-type-background), .elementor-592 .elementor-element.elementor-element-9894a4f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#377C44;}.elementor-592 .elementor-element.elementor-element-80c4b39{--display:flex;--gap:80px 20px;--row-gap:80px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:150px;--padding-right:150px;}.elementor-592 .elementor-element.elementor-element-c141428{--display:flex;}.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-592 .elementor-element.elementor-element-09d94b9{text-align:center;}.elementor-592 .elementor-element.elementor-element-09d94b9 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:50px;font-weight:600;color:var( --e-global-color-astglobalcolor4 );}.elementor-592 .elementor-element.elementor-element-1d74f44 .woolentor-breadcrumb{text-align:center;}.elementor-592 .elementor-element.elementor-element-1d74f44 .woolentor-breadcrumb .woocommerce-breadcrumb{color:var( --e-global-color-astglobalcolor4 );}.elementor-592 .elementor-element.elementor-element-1d74f44 .woolentor-breadcrumb .woocommerce-breadcrumb a{color:#161616;}.elementor-592 .elementor-element.elementor-element-1d74f44 .woolentor-breadcrumb span.breadcrumb-separator{margin:0 10px;}.elementor-592 .elementor-element.elementor-element-1d74f44 .woolentor-breadcrumb .woocommerce-breadcrumb span.breadcrumb-separator{font-size:16px;}.elementor-592 .elementor-element.elementor-element-1d74f44 .woolentor-breadcrumb .woocommerce-breadcrumb span.breadcrumb-separator svg{width:16px;height:16px;}.elementor-592 .elementor-element.elementor-element-7a751da5{--display:flex;--border-radius:0px 0px 0px 0px;--margin-top:-250px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-592 .elementor-element.elementor-element-1daa154{--display:flex;--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-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 );}@media(max-width:1024px){.elementor-592 .elementor-element.elementor-element-80c4b39{--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-592 .elementor-element.elementor-element-3d1b53b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for container, class: .elementor-element-9894a4f */0 4px 16px rgba(0, 0, 0, 0.08);/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3d1b53b *//**
 * Hepro Ultimate Member Profile - Color Override Only
 * Brand Color: #377c44
 * Font: Outfit
 * Hanya ubah warna, style tetap sama
 */

/* Import Outfit Font */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap');

/* ========== Global Font ========== */
.um.um-profile,
.um.um-profile * {
    font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* ========== Cover Photo - Hijau ========== */
.um-cover {
    background: linear-gradient(135deg, #d3d3d3 0%, #d3d3d3 100%) !important;
}

/* ========== Profile Name - Hijau ========== */
.um-name a {
    color: #000 !important;
}

.um-name a:hover {
    color: #2d6335 !important;
}

/* ========== Profile Status - Hijau ========== */
.um-profile-status {
    background: linear-gradient(135deg, #e8f5eb 0%, #d4edd9 100%) !important;
    border-left-color: #377c44 !important;
    color: #2d6335 !important;
}

/* Background putih untuk header profile Ultimate Member */
.um-header {
    background-color: #ffffff !important;
}

/* Biar semua isi dalamnya ikut clean */
.um-header .um-profile-meta,
.um-header .um-profile-photo,
.um-header .um-profile-edit {
    background-color: transparent !important;
}

/* Optional: kasih sedikit padding & rounded biar lebih clean */
.um-header {
    padding: 20px;
    border-radius: 0px;
}

/* ========== Edit Icon Hover - Hijau ========== */
.um-profile-edit-a i {
    color: #377c44 !important;
}

.um-profile-edit-a:hover {
    background: linear-gradient(135deg, #377c44 0%, #4a9d59 100%) !important;
}

.um-profile-edit-a:hover i {
    color: white !important;
}

/* ========== Navigation Tabs - Hijau ========== */
.um-profile-nav {
    border-bottom-color: #377c44 !important;
}

.um-profile-nav-item {
    border-right-color: rgba(55, 124, 68, 0.1) !important;
}

/* Icon color */
.um-profile-nav-item a i {
    color: #377c44 !important;
}

/* Hover state */
.um-profile-nav-item a:hover {
    background: linear-gradient(135deg, #f0f7f2 0%, #e8f5eb 100%) !important;
    color: #377c44 !important;
}

/* Active state - Full green */
.um-profile-nav-item.active a {
    background: linear-gradient(135deg, #377c44 0%, #4a9d59 100%) !important;
    color: white !important;
}

.um-profile-nav-item.active a i {
    color: white !important;
}

/* ========== Links - Hijau ========== */
.um-profile-note a {
    color: #377c44 !important;
}

.um-profile-note a:hover {
    color: #2d6335 !important;
    border-bottom-color: #377c44 !important;
}

/* ========== Dropdown - Hijau ========== */
.um-dropdown ul li a:hover {
    background: linear-gradient(135deg, #f0f7f2 0%, #e8f5eb 100%) !important;
    color: #377c44 !important;
}

.um-dropdown-arr i {
    color: #377c44 !important;
}

/* ========== Buttons - Hijau ========== */
.um button,
.um .um-button,
.um input[type="submit"],
.um-modal-btn {
    background: linear-gradient(135deg, #377c44 0%, #4a9d59 100%) !important;
    color: white !important;
}

.um button:hover,
.um .um-button:hover,
.um input[type="submit"]:hover,
.um-modal-btn:hover {
    background: linear-gradient(135deg, #2d6335 0%, #377c44 100%) !important;
}

/* ========== Modal Header - Hijau ========== */
.um-modal-header {
    background: linear-gradient(135deg, #377c44 0%, #4a9d59 100%) !important;
    color: white !important;
}

/* ========== Alt Button ========== */
.um-modal-btn.alt {
    background: white !important;
    color: #377c44 !important;
    border-color: #377c44 !important;
}

.um-modal-btn.alt:hover {
    background: #f0f7f2 !important;
    color: #377c44 !important;
}

/* ========== Profile Photo Overlay - Hijau ========== */
.um-profile-photo-overlay {
    background: linear-gradient(135deg, rgba(55, 124, 68, 0.9) 0%, rgba(74, 157, 89, 0.9) 100%) !important;
}/* End custom CSS */