.elementor-2214 .elementor-element.elementor-element-2f52dd5{--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-2214 .elementor-element.elementor-element-2f52dd5:not(.elementor-motion-effects-element-type-background), .elementor-2214 .elementor-element.elementor-element-2f52dd5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#04734B;}.elementor-2214 .elementor-element.elementor-element-3cae2d1{--display:flex;--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:7px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2214 .elementor-element.elementor-element-cabeaef{--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;--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-2214 .elementor-element.elementor-element-cabeaef.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2214 .elementor-element.elementor-element-b64afe8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:left;}.elementor-2214 .elementor-element.elementor-element-3d690e8{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:25px;--margin-right:21px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2214 .elementor-element.elementor-element-3d690e8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-jet-ajax-search .jet-search-title-fields__item-label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-jet-ajax-search .jet-search-title-fields__item-value{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-jet-ajax-search .jet-search-content-fields__item-label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-jet-ajax-search .jet-search-content-fields__item-value{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2214 .elementor-element.elementor-element-75b495f .jet-ajax-search__source-results-item_icon svg{width:24px;}.elementor-2214 .elementor-element.elementor-element-75b495f .jet-ajax-search__source-results-item_icon{font-size:24px;}.elementor-2214 .elementor-element.elementor-element-75b495f > .elementor-widget-container{margin:0px 0px -7px 0px;padding:0px 0px 0px 0px;}.elementor-2214 .elementor-element.elementor-element-75b495f .jet-ajax-search__form{background-color:#FFFFFF;padding:0px 0px 0px 0px;border-style:solid;border-width:3px 3px 3px 3px;border-color:#FFFFFF;border-radius:35px 35px 35px 35px;}.elementor-2214 .elementor-element.elementor-element-75b495f .jet-ajax-search__form--focus{box-shadow:0px 0px 10px 0px rgba(240.50652465820315, 215.86200591993142, 9.149689393626643, 0.27);}.elementor-2214 .elementor-element.elementor-element-75b495f .jet-ajax-search__field{font-family:"Graphik Webfont", Sans-serif;font-size:14px;border-width:0px 0px 0px 0px;border-radius:35px 35px 35px 35px;}.elementor-2214 .elementor-element.elementor-element-75b495f .jet-ajax-search__field::placeholder{font-family:"Graphik Webfont", Sans-serif;font-size:13px;}.elementor-2214 .elementor-element.elementor-element-75b495f .jet-ajax-search__submit{color:#FFFFFF;background-color:#FF5300;padding:12px 35px 12px 35px;margin:0px 0px 0px 0px;border-style:none;border-radius:0px 35px 35px 0px;}.elementor-2214 .elementor-element.elementor-element-75b495f .jet-ajax-search__results-area{border-style:solid;border-width:2px 2px 2px 2px;border-color:#EEEEEE;border-radius:9px 9px 9px 9px;}.elementor-2214 .elementor-element.elementor-element-75b495f .jet-ajax-search__results-header{border-style:none;}.elementor-2214 .elementor-element.elementor-element-75b495f .jet-ajax-search__results-footer{border-style:none;}.elementor-2214 .elementor-element.elementor-element-75b495f .jet-ajax-search__item-title{font-family:"Graphik Webfont", Sans-serif;font-size:13px;font-weight:500;}.elementor-2214 .elementor-element.elementor-element-75b495f .jet-ajax-search__full-results{font-family:"Graphik Webfont", Sans-serif;font-size:13px;color:#484848;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2214 .elementor-element.elementor-element-17db665{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -7px) 0px;padding:0px 0px 0px 0px;--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-2214 .elementor-element.elementor-element-17db665 .elementor-menu-toggle{margin:0 auto;}.elementor-2214 .elementor-element.elementor-element-17db665 .elementor-nav-menu .elementor-item{font-family:"Graphik Webfont", Sans-serif;font-size:12px;font-weight:400;}.elementor-2214 .elementor-element.elementor-element-17db665 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;padding-left:21px;padding-right:21px;padding-top:13px;padding-bottom:13px;}.elementor-2214 .elementor-element.elementor-element-17db665 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-2214 .elementor-element.elementor-element-17db665 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-2214 .elementor-element.elementor-element-17db665 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-2214 .elementor-element.elementor-element-17db665 .elementor-nav-menu--main .elementor-item:focus{color:#FFF8E2;fill:#FFF8E2;}.elementor-2214 .elementor-element.elementor-element-17db665 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-2214 .elementor-element.elementor-element-17db665 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#F73D00;}.elementor-2214 .elementor-element.elementor-element-17db665 .e--pointer-framed .elementor-item:before,
					.elementor-2214 .elementor-element.elementor-element-17db665 .e--pointer-framed .elementor-item:after{border-color:#F73D00;}.elementor-2214 .elementor-element.elementor-element-17db665 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#FFF300;}.elementor-2214 .elementor-element.elementor-element-17db665 .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-2214 .elementor-element.elementor-element-17db665 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-2214 .elementor-element.elementor-element-17db665 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-2214 .elementor-element.elementor-element-17db665 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-2214 .elementor-element.elementor-element-17db665 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-2214 .elementor-element.elementor-element-17db665 .e--pointer-underline .elementor-item:after,
					 .elementor-2214 .elementor-element.elementor-element-17db665 .e--pointer-overline .elementor-item:before,
					 .elementor-2214 .elementor-element.elementor-element-17db665 .e--pointer-double-line .elementor-item:before,
					 .elementor-2214 .elementor-element.elementor-element-17db665 .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-2214 .elementor-element.elementor-element-17db665 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-2214 .elementor-element.elementor-element-8dbf034{--display:flex;--min-height:0px;--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:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:-23px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2214 .elementor-element.elementor-element-8dbf034.e-con{--flex-grow:0;--flex-shrink:0;}.eae-popup.eae-wrap-{{ID}} .mfp-title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.eae-popup.eae-wrap-{{ID}} .eae-modal-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-wts-modal-popup .eae-popup-link{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.elementor-2214 .elementor-element.elementor-element-e22d046 > .elementor-widget-container{margin:8px 0px 0px 0px;padding:0px 0px 0px 0px;}body .eae-popup.mfp-bg.eae-wrap-e22d046{background-color:rgba(0,0,0,0.75);}.elementor-2214 .elementor-element.elementor-element-e22d046 .icon-position-before i , .elementor-2214 .elementor-element.elementor-element-e22d046 .icon-position-before svg{margin-right:6px;}.elementor-2214 .elementor-element.elementor-element-e22d046 .icon-position-after i , .elementor-2214 .elementor-element.elementor-element-e22d046 .icon-position-after svg{margin-left:6px;}.eae-popup.eae-wrap-e22d046 .mfp-title{background-color:#02010100;font-family:"Roboto", Sans-serif;font-weight:600;}.eae-popup.eae-wrap-e22d046 .mfp-inline-holder .mfp-content{background-color:#02010100;}.elementor-2214 .elementor-element.elementor-element-e22d046 .eae-popup-link{font-family:"Roboto", Sans-serif;font-weight:500;color:#FFFFFF;background-color:#61CE7000;}.elementor-2214 .elementor-element.elementor-element-e22d046 .eae-popup-link svg{fill:#FFFFFF;}.elementor-2214 .elementor-element.elementor-element-e22d046 .eae-popup-link:hover{color:#FFFFFF;background-color:#D2D2D200;border-radius:25px 25px 25px 25px;}.eae-popup.eae-wrap-e22d046 .eae-close{font-size:28px;height:28px;width:28px;top:10px;right:10px;}.eae-popup.eae-wrap-e22d046 svg.eae-close{width:28px;height:28px;}.elementor-2214 .elementor-element.elementor-element-be70e9a{--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:0px;--margin-left:0px;--margin-right:-19px;}.elementor-2214 .elementor-element.elementor-element-be70e9a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2214 .elementor-element.elementor-element-cff7e38{margin:13px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2214 .elementor-element.elementor-element-489248f{--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:0px;--margin-left:18px;--margin-right:0px;}.elementor-2214 .elementor-element.elementor-element-489248f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2214 .elementor-element.elementor-element-ad7abf5{width:var( --container-widget-width, 95.734% );max-width:95.734%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -3px) 0px;--container-widget-width:95.734%;--container-widget-flex-grow:0;}.elementor-2214 .elementor-element.elementor-element-ad7abf5.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2214 .elementor-element.elementor-element-b9cb99b{--display:flex;--min-height:0px;--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;--align-items:center;--margin-top:7px;--margin-bottom:0px;--margin-left:0px;--margin-right:3px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2214 .elementor-element.elementor-element-b9cb99b.e-con{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-2214 .elementor-element.elementor-element-e8dbe83{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2214 .elementor-element.elementor-element-e893284{--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;}.elementor-2214 .elementor-element.elementor-element-e893284.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2214 .elementor-element.elementor-element-8762eeb{margin:6px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2214 .elementor-element.elementor-element-5229280{--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;}.elementor-2214 .elementor-element.elementor-element-5229280.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2214 .elementor-element.elementor-element-1610767{width:var( --container-widget-width, 79.334% );max-width:79.334%;margin:6px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:79.334%;--container-widget-flex-grow:0;}.elementor-2214 .elementor-element.elementor-element-1610767.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-2214 .elementor-element.elementor-element-2f52dd5{--content-width:1230px;}.elementor-2214 .elementor-element.elementor-element-cabeaef{--width:10.317%;}.elementor-2214 .elementor-element.elementor-element-3d690e8{--width:60%;}.elementor-2214 .elementor-element.elementor-element-8dbf034{--width:9.836%;}.elementor-2214 .elementor-element.elementor-element-be70e9a{--width:6.923%;}.elementor-2214 .elementor-element.elementor-element-489248f{--width:3.996%;}.elementor-2214 .elementor-element.elementor-element-b9cb99b{--width:4%;}.elementor-2214 .elementor-element.elementor-element-e893284{--width:3.5%;}.elementor-2214 .elementor-element.elementor-element-5229280{--width:4.715%;}}/* Start custom CSS for jet-ajax-search, class: .elementor-element-75b495f */.jet-ajax-search__item-title {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Maksimal 2 baris */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    max-height: 2.8em; /* Sesuaikan tinggi untuk 2 baris */
    line-height: 1.4em;
}

/* Atau alternatif dengan pembatasan karakter menggunakan max-width */
.jet-ajax-search__item-title {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
}/* End custom CSS */
/* Start custom CSS for wts-modal-popup, class: .elementor-element-e22d046 */.eae-popup-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    border-radius: 25px !important;
    transition: all 0.2s ease !important;
    text-decoration: none;
}

.eae-popup-link:hover {
    background-color: #ff9800 !important;
    box-shadow: 0 2px 8px rgba(255, 83, 17, 0.4) !important;
}

.eae-popup-link:hover .eae-popup-btn-text {
    color: white !important;
}




/* Sembunyikan container tombol Sign in jika user sudah login */
.logged-in .elementor-element-8dbf034 {
    display: none !important;
}

/* Atau sembunyikan link Sign in langsung */
.logged-in .eae-popup-link[href*="sign-in"],
.logged-in .eae-popup-link:contains("Sign in") {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cff7e38 */.user-firstname-small {
    color: white !important;
    font-size: 12px !important;
    font-weight: 650
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ad7abf5 */.user-profile-wrapper {
    position: relative;
    display: inline-block;
}

.user-profile-image {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50%;
    object-fit: cover;
    cursor: pointer;
    transition: all 0.3s ease;
}

.user-profile-image:hover {
    opacity: 0.8;
    transform: scale(1.05);
}

.user-dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0;
    background: white;
    border: 0.1px solid #b5b5b5;
    border-radius: 5px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.12);
    min-width: 220px;
    padding: 0 0 12px 0;
    margin-top: 8px; /* 🔧 sebelumnya 15px — dikurangi agar lebih dekat ke foto */
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    z-index: 1000;
}

/* SEGITIGA */
.user-dropdown-menu::before {
    position: absolute;
    content: '';
    height: 15px;
    width: 15px;
    background: linear-gradient(135deg, #ffffff 0%, #ffffff 100%);
    right: 20px;
    top: -6px; /* 🔧 sebelumnya -8px — sedikit lebih dekat ke atas */
    transform: rotate(45deg);
    z-index: 1001;
}


.user-profile-wrapper:hover .user-dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Header Profil - LEBIH GEPENG VERTIKAL */
.dropdown-profile-header {
    display: flex;
    align-items: center;
    padding: 12px 16px; /* Kurangi padding vertical */
    background: linear-gradient(135deg, #ffffff 0%, #ffffff 50%, #ffffff 100%);
    color: white;
    border-radius: 5px 5px 0 0;
    position: relative;
    z-index: 1002;
}

.profile-header-image {
    margin-right: 10px;
}

.header-avatar {
    width: 35px; /* Lebih kecil */
    height: 35px; /* Lebih kecil */
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid rgba(255,255,255,0.3); /* Border lebih tipis */
}

.profile-header-info {
    flex: 1;
}

.profile-name {
    font-weight: 600;
    font-size: 14px; /* Lebih kecil */
    margin-bottom: 2px; /* Kurangi margin */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 130px;
    line-height: 1.2; /* Line height lebih kecil */
    color: #000; /* Tambahan: font hitam */
}

.profile-email {
    font-size: 10px; /* Lebih kecil */
    opacity: 0.9;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 130px;
    line-height: 1.2; /* Line height lebih kecil */
    color: #000; /* Tambahan: font hitam */
}


/* Menu Items */
.dropdown-item {
    display: flex;
    align-items: center;
    padding: 6px 16px;
    transition: all 0.2s ease;
    border-left: 3px solid transparent;
}

/* Hover dengan background abu-abu */
.dropdown-item:hover {
    background: #f1f1f1;
    border-left-color: #f1f1f1;
}

/* TEXT JADI HITAM SAAT HOVER */
.dropdown-item:hover .dropdown-link {
    color: #000000;
    transform: translateX(5px);
}

.dropdown-item:hover .dropdown-icon {
    transform: translateX(5px) scale(1.1);
}

.dropdown-icon {
    margin-right: 10px;
    width: 18px;
    text-align: center;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Style untuk Material Symbols - WARNA HITAM */
.material-symbols-rounded {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    font-size: 18px;
    width: 18px;
    height: 18px;
    display: inline-block;
}

.dropdown-icon .material-symbols-rounded {
    color: #000000 !important;
    transition: all 0.2s ease;
}

.dropdown-item:hover .dropdown-icon .material-symbols-rounded {
    color: #000000 !important;
    transform: scale(1.1);
}

.dropdown-link {
    color: #333;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    flex: 1;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    min-height: 18px;
}

.dropdown-divider {
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, #e0e0e0 50%, transparent 100%);
    margin: 4px 12px;
}

/* Untuk icon bintang saat belum login */
.e-font-icon-svg {
    width: 24px;
    height: 24px;
    fill: currentColor;
    transition: all 0.3s ease;
}

.profile-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.profile-icon:hover .e-font-icon-svg {
    fill: #FF6B00;
    transform: rotate(12deg);
}

/* Responsive design */
@media (max-width: 768px) {
    .user-dropdown-menu {
        right: -50px;
        min-width: 200px;
        padding: 0 0 10px 0;
        margin-top: 15px;
    }
    
    .user-dropdown-menu::before {
        right: 50px;
    }
    
    .dropdown-profile-header {
        padding: 10px 14px; /* Lebih compact di mobile */
    }
    
    .header-avatar {
        width: 32px; /* Lebih kecil di mobile */
        height: 32px; /* Lebih kecil di mobile */
    }
    
    .profile-name {
        font-size: 13px; /* Lebih kecil di mobile */
    }
    
    .dropdown-item {
        padding: 7px 14px;
    }
}

.header-avatar {
    border-radius: 50% !important;
}

.user-profile-image {
    border-radius: 50% !important;
}


/* Sembunyikan tombol Become Seller untuk vendor */
.user-is-vendor .dropdown-item a[href="https://sqetsa.com/my-account/account-migration/"] {
    display: none !important;
}

/* Atau sembunyikan seluruh item-nya */
.user-is-vendor .dropdown-item:has(a[href="https://sqetsa.com/my-account/account-migration/"]) {
    display: none !important;
}




/* Sembunyikan icon profile jika user belum login */
body:not(.logged-in) .elementor-element-489248f {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e8dbe83 */.cart-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 39px;
    height: 39px;
    border-radius: 50%;
    transition: all 0.3s ease;
    text-decoration: none;
    background: transparent;
    position: relative;
    left: 8px;
}

.cart-btn:hover {
    background-color: #fff8e4;
}

.cart-btn svg {
    width: 20px;
    height: 20px;
    fill: white;
    transition: all 0.3s ease;
}

.cart-btn:hover svg {
    fill: #0a0a0a;
}

/* Dropdown Tooltip Cart */
.cart-btn::after {
    content: "Cart";
    position: absolute;
    bottom: -35px;
    left: 50%;
    transform: translateX(-50%);
    background: white;
    color: #333;
    padding: 2px 12px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    z-index: 1000;
}

.cart-btn:hover::after {
    opacity: 1;
    visibility: visible;
    bottom: -30px;
}

/* Segitiga untuk cart */
.cart-btn::before {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 1001;
}

.cart-btn:hover::before {
    opacity: 1;
    visibility: visible;
    bottom: -7px;
}

/* Style untuk counter/qty */
.cart-btn .elementor-button-icon-qty {
    position: absolute;
    top: -5px;
    right: -5px;
    background: #0a0a0a;
    color: white;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    font-size: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

/* Optional: Hover effect untuk counter */
.cart-btn:hover .elementor-button-icon-qty {
    background: white;
    color: #FF5311;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8762eeb */.wishlist-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 39px;
    height: 39px;
    border-radius: 50%;
    transition: all 0.3s ease;
    text-decoration: none;
    background: transparent;
    position: relative;
}

.wishlist-btn:hover {
    background-color: #fff8e4;
}

.wishlist-btn svg {
    width: 20px;
    height: 20px;
    fill: white;
    transition: all 0.3s ease;
}

.wishlist-btn:hover svg {
    fill: #0a0a0a;
}

/* Dropdown Tooltip Wishlist */
.wishlist-btn::after {
    content: "Wishlist";
    position: absolute;
    bottom: -35px;
    left: 50%;
    transform: translateX(-50%);
    background: white;
    color: #333;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    z-index: 1000;
}

.wishlist-btn:hover::after {
    opacity: 1;
    visibility: visible;
    bottom: -30px;
}

/* Segitiga untuk wishlist */
.wishlist-btn::before {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 1001;
}

.wishlist-btn:hover::before {
    opacity: 1;
    visibility: visible;
    bottom: -7px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1610767 */.elementor-icon.coupon-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    transition: all 0.3s ease;
    text-decoration: none;
    background: transparent;
    position: relative;
}

.elementor-icon.coupon-icon:hover {
    background-color: #fff8e4;
}

.elementor-icon.coupon-icon svg {
    width: 17px;
    height: 17px;
    fill: white;
    transition: all 0.3s ease;
}

.elementor-icon.coupon-icon:hover svg {
    fill: #0a0a0a;
}

/* Dropdown Tooltip */
.elementor-icon.coupon-icon::after {
    content: "Coupons";
    position: absolute;
    bottom: -35px;
    left: 50%;
    transform: translateX(-50%);
    background: white;
    color: #333;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    z-index: 1000;
}

.elementor-icon.coupon-icon:hover::after {
    opacity: 1;
    visibility: visible;
    bottom: -30px;
}

/* Segitiga - digeser lebih ke bawah */
.elementor-icon.coupon-icon::before {
    content: "";
    position: absolute;
    bottom: -12px; /* Diubah dari -8px ke -12px (lebih ke bawah) */
    left: 50%;
    transform: translateX(-50%);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 1001;
}

.elementor-icon.coupon-icon:hover::before {
    opacity: 1;
    visibility: visible;
    bottom: -7px; /* Diubah dari -3px ke -7px (lebih ke bawah) */
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Graphik Webfont';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://sqetsa.com/wp-content/uploads/2025/10/105007d99d9df64c50cc24d696d79555.ttf') format('truetype');
}
@font-face {
	font-family: 'Graphik Webfont';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://sqetsa.com/wp-content/uploads/2025/10/Graphik-Web-Regular-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */