.cekonay-header-cart-auth{display:inline-flex;align-items:center;gap:12px;vertical-align:middle;background:none !important;max-height:fit-content !important;height:auto !important;width:auto !important;min-height:auto !important;}
.cekonay-menu-auth{font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;line-height:1.4;position:relative;display:inline-flex;align-items:center;gap:8px;vertical-align:middle;background:none;height:auto;}
body.cekonay-desktop-mode .cekonay-menu-auth{--cekonay-mode:'desktop';}
body.cekonay-mobile-mode .cekonay-menu-auth{--cekonay-mode:'mobile';}
.cekonay-skeleton-wrapper{display:inline-flex;align-items:center;padding:8px 12px;border-radius:10px;background:none;}
.cekonay-desktop-skeleton{gap:12px;min-width:180px;}
.cekonay-mobile-skeleton{gap:0;width:44px;height:44px;justify-content:center;border-radius:50%;padding:4px;}
.cekonay-skeleton-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(110deg, #f5f5f5 8%, #eeeeee 18%, #f5f5f5 33% );background-size:200% 100%;animation:skeleton-shimmer-light 1.8s ease-in-out infinite;position:relative;overflow:hidden;flex-shrink:0;}
.cekonay-skeleton-text{display:flex;flex-direction:column;gap:8px;flex:1;}
.cekonay-skeleton-line{height:14px;border-radius:7px;background:linear-gradient(110deg, #f0f0f0 8%, #e8e8e8 18%, #f0f0f0 33% );background-size:200% 100%;animation:skeleton-shimmer-light 1.8s ease-in-out infinite;}
.cekonay-skeleton-greeting{width:140px;height:16px;}
.cekonay-skeleton-links{width:100px;height:12px;}
.cekonay-mobile-skeleton .cekonay-skeleton-text{display:none;}
@keyframes skeleton-shimmer-light {
0%{background-position:-200% 0;opacity:0.8;}
50%{background-position:0% 0;opacity:1;}
100%{background-position:200% 0;opacity:0.8;}
} .cekonay-menu-auth.cekonay-refreshing{opacity:0.9;pointer-events:none;transition:opacity 0.3s ease;}
.cekonay-color-1{background:#4299e1 !important;}
.cekonay-color-2{background:#48bb78 !important;}
.cekonay-color-3{background:#ed8936 !important;}
.cekonay-color-4{background:#9f7aea !important;}
.cekonay-color-5{background:#38b2ac !important;}
.cekonay-avatar-initials{border-radius:50% !important;color:white !important;font-weight:600 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;text-transform:uppercase !important;line-height:1 !important;user-select:none !important;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;cursor:pointer !important;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
@media (min-width: 681px) and (hover: hover) and (pointer: fine) {
.cekonay-avatar-initials:hover{transform:scale(1.05) !important;box-shadow:0 6px 20px rgba(0, 0, 0, 0.25) !important;}
} .cekonay-avatar-default{background:#f3f4f6 !important;color:#9ca3af !important;}
.cekonay-header-cart-auth:has(.cekonay-not-logged){background:none !important;height:auto !important;min-height:auto !important;max-height:fit-content !important;}
.cekonay-not-logged .cekonay-login-link{display:flex;align-items:center;gap:10px;color:#667eea;text-decoration:none;font-weight:500;font-size:14px;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);padding:4px 14px;border-radius:8px;border:1px solid transparent;background:transparent;position:relative;overflow:hidden;min-height:44px;box-sizing:border-box;white-space:nowrap;margin:4px 0;}
.cekonay-login-link::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(102, 126, 234, 0.15), transparent );transition:left 0.6s ease;z-index:1;}
.cekonay-login-link:hover::before{left:100%;}
@media (min-width: 681px) and (hover: hover) and (pointer: fine) {
.cekonay-login-link:hover{text-decoration:none;background:rgba(102, 126, 234, 0.1);border-color:rgba(102, 126, 234, 0.3);transform:translateY(-1px);box-shadow:0 6px 16px rgba(102, 126, 234, 0.2);}
} .cekonay-login-icon{display:inline-flex;align-items:center;color:#667eea;transition:all 0.3s ease;flex-shrink:0;z-index:2;position:relative;margin:0;padding:0;}
.cekonay-login-icon svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
@media (min-width: 681px) and (hover: hover) and (pointer: fine) {
.cekonay-login-link:hover .cekonay-login-icon{color:#764ba2;transform:scale(1.1);}
}
.cekonay-login-text{white-space:nowrap;font-weight:600;z-index:2;position:relative;margin:0;padding:0;overflow:visible;flex-shrink:0;}
.cekonay-logged-in .cekonay-user-info{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:10px;transition:all 0.2s ease;min-height:44px;position:relative;}
@media (min-width: 681px) and (hover: hover) and (pointer: fine) {
.cekonay-logged-in .cekonay-user-info:hover{background:rgba(102, 126, 234, 0.08);transform:translateY(-1px);box-shadow:0 4px 12px rgba(102, 126, 234, 0.15);}
} .cekonay-avatar{flex-shrink:0;position:relative;}
.cekonay-avatar .cekonay-avatar-initials{width:32px;height:32px;font-size:14px;}
.cekonay-user-text{display:flex;flex-direction:column;min-width:0;gap:4px;text-align:left;}
.cekonay-greeting{color:#374151;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;line-height:1.3;}
.cekonay-greeting strong{color:#667eea;font-weight:600;}
.cekonay-user-links{display:flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap;}
.cekonay-account-link, .cekonay-logout-link{color:#667eea !important;text-decoration:none !important;font-weight:500;transition:all 0.2s ease;padding:3px 6px;border-radius:4px;line-height:1.2;}
.cekonay-account-link:hover, .cekonay-logout-link:hover{color:#764ba2 !important;text-decoration:none !important;background:rgba(102, 126, 234, 0.15);transform:translateY(-1px);}
.cekonay-separator{color:#d1d5db;font-size:10px;font-weight:bold;margin:0 2px;}
.cekonay-dropdown-bubble{position:absolute;top:calc(100% + 12px);right:0;background:white;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 20px 40px rgba(0, 0, 0, 0.15), 0 8px 16px rgba(0, 0, 0, 0.1);padding:8px 0;min-width:167px;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-8px) scale(0.95);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);backdrop-filter:blur(8px);}
.cekonay-dropdown-bubble.active{opacity:1;visibility:visible;transform:translateY(0) scale(1);}
.cekonay-dropdown-bubble::before{content:'';position:absolute;top:-7px;right:20px;width:14px;height:14px;background:white;border:1px solid #e2e8f0;border-bottom:none;border-right:none;transform:rotate(45deg);box-shadow:-2px -2px 4px rgba(255, 255, 255, 0.14);z-index:2;}
.cekonay-dropdown-item{padding:12px 16px;color:#374151;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all 0.2s ease;text-decoration:none !important;font-weight:500;line-height:1.3;text-align:left !important;}
.cekonay-dropdown-item:hover{background:linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);color:#4299e1 !important;text-decoration:none !important;transform:translateX(2px);border-radius:11px;}
.cekonay-dropdown-item svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform 0.2s ease;}
.cekonay-dropdown-item:hover svg{transform:scale(1.1);}
@media(max-width:680px){ .cekonay-not-logged .cekonay-login-link{padding:8px;width:44px;height:44px;justify-content:center;border-radius:50%;gap:0;min-width:44px;}
.cekonay-not-logged .cekonay-login-text{display:none;}
.cekonay-not-logged .cekonay-login-icon{margin:0;}
.cekonay-logged-in .cekonay-user-text{display:none;}
.cekonay-logged-in .cekonay-user-info{gap:0;justify-content:center;padding:6px;width:44px;height:44px;border-radius:50%;}
.cekonay-logged-in .cekonay-avatar{cursor:pointer;transition:transform 0.2s ease;}
.cekonay-logged-in .cekonay-avatar:active{transform:scale(0.95);}
.cekonay-logged-in .cekonay-avatar .cekonay-avatar-initials{width:36px;height:36px;font-size:15px;}
.cekonay-dropdown-bubble{display:none;}
} @media(max-width:480px){
.cekonay-not-logged .cekonay-login-link{width:40px !important;height:40px !important;padding:6px !important;}
.cekonay-login-icon svg{width:18px;height:18px;}
.cekonay-logged-in .cekonay-user-info{width:40px !important;height:40px !important;}
.cekonay-logged-in .cekonay-avatar .cekonay-avatar-initials{width:32px !important;height:32px !important;font-size:14px !important;}
} @media(max-width:980px){
.et_pb_menu__wrap{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;flex-direction:row;}
.cekonay-header-cart-auth{order:1;gap:8px;}
.et_pb_text_0_tb_header{order:1;}
.et_pb_menu__icon.et_pb_menu__cart-button{order:2;}
.et_mobile_nav_menu{order:3;}
.et_pb_menu__menu{display:none;}
} .cekonay-header-cart-auth{margin-top:12px;}
.cekonay-menu-auth{display:inline-flex;align-items:center;vertical-align:middle;}
.et_pb_text_0_tb_header{display:flex;align-items:center;justify-content:flex-end;}
.et_pb_text_0_tb_header .et_pb_text_inner{display:flex;align-items:center;width:100%;justify-content:flex-end;}
.cekonay-mobile-dropdown{background:linear-gradient(135deg, #f8fafc 0%, #edf2f7 100%);border:1px solid #e2e8f0;border-radius:12px;padding:8px;display:none;animation:slideDownMobile 0.3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 8px 25px rgba(0, 0, 0, 0.15);position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);min-width:200px;max-width:90vw;z-index:1000;touch-action:auto;-webkit-tap-highlight-color:transparent;}
body.cekonay-dropdown-locked::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.1);z-index:999;pointer-events:none;animation:fadeIn 0.3s ease;}
@keyframes fadeIn {
from{opacity:0;}
to{opacity:1;}
}
.cekonay-mobile-dropdown.active{display:block;}
.cekonay-mobile-dropdown-title{font-weight:700;color:#374151;margin-bottom:12px;font-size:13px;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:0.5px;}
.cekonay-mobile-dropdown-item{padding:10px 12px;margin-bottom:4px;color:#4a5568;font-size:14px;cursor:pointer;display:flex;align-items:left;justify-content:flex-start;gap:12px;border-radius:8px;transition:all 0.2s ease;text-decoration:none !important;font-weight:500;line-height:1.4;min-height:48px;box-sizing:border-box;text-align:left;white-space:nowrap;-webkit-tap-highlight-color:rgba(66, 153, 225, 0.2);}
.cekonay-mobile-dropdown-item:last-child{margin-bottom:0;}
.cekonay-mobile-dropdown-item:hover, .cekonay-mobile-dropdown-item:active{background:white;color:#4299e1 !important;text-decoration:none !important;transform:translateX(4px);transform:scale(0.98);box-shadow:0 2px 8px rgba(66, 153, 225, 0.15);}
.cekonay-mobile-dropdown-item svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;margin-right:0;}
@keyframes slideDownMobile {
from{opacity:0;transform:translateX(-50%) translateY(-12px);}
to{opacity:1;transform:translateX(-50%) translateY(0);}
}  .et_pb_menu__cart-button,
.et-cart-info, .et_mobile_menu .et_pb_menu__icon.et_pb_menu__cart-button{display:none !important;}
.cekonay-cart-icon{display:inline-flex;align-items:center;justify-content:center;position:relative;cursor:pointer;padding:8px;border-radius:50%;min-width:44px;min-height:44px;transition:all 0.3s ease;text-decoration:none !important;margin-right:1px;vertical-align:middle;}
@media (prefers-color-scheme: light) {
.cekonay-cart-icon, .cekonay-cart-icon svg{color:#667eea;stroke:#667eea;}
.cekonay-cart-icon:hover, .cekonay-cart-icon:hover svg{color:#764ba2;stroke:#764ba2;}
} @media (prefers-color-scheme: dark) {
.cekonay-cart-icon, .cekonay-cart-icon svg{color:#667eea;stroke:#667eea;}
.cekonay-cart-icon:hover, .cekonay-cart-icon:hover svg{color:#764ba2;stroke:#764ba2;}
} .cekonay-cart-icon svg{width:20px;height:20px;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:all 0.3s ease;}
@media (min-width: 681px) and (hover: hover) and (pointer: fine) {
.cekonay-cart-icon:hover{background:rgba(46, 163, 242, 0.1);transform:scale(1.05);border:1px solid;border-color:rgba(104, 122, 203, 0.3);}
@media (prefers-color-scheme: dark) {
.cekonay-cart-icon:hover{background:rgba(144, 205, 244, 0.15);border:1px solid red;}
}
} .cekonay-cart-badge{position:absolute;top:2px;right:2px;background:#ff4444;color:white;font-size:11px;font-weight:700;min-width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:2px 5px;line-height:1;box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);animation:badge-appear 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);}
@keyframes badge-appear {
0%{transform:scale(0);opacity:0;}
50%{transform:scale(1.2);}
100%{transform:scale(1);opacity:1;}
} .cekonay-cart-badge[data-count="0"]{display:none !important;}
@media(max-width:680px){
.cekonay-cart-icon{min-width:40px;min-height:40px;padding:6px;margin-right:4px;}
.cekonay-cart-icon svg{width:18px;height:18px;}
.cekonay-cart-badge{min-width:16px;height:16px;font-size:10px;top:0;right:0;}
}  @media (prefers-color-scheme: dark) {
.cekonay-menu-auth{--cekonay-text-dark:#f9fafb;--cekonay-border-dark:#374151;--cekonay-bg-dark:#1f2937;--cekonay-dropdown-dark:#111827;}
.cekonay-greeting{color:var(--cekonay-text-dark) !important;}
.cekonay-separator{color:#6b7280;}
.cekonay-login-link:hover, .cekonay-user-info:hover{background:rgba(102, 126, 234, 0.2) !important;}
.cekonay-dropdown-bubble{background:var(--cekonay-dropdown-dark) !important;border-color:var(--cekonay-border-dark) !important;box-shadow:0 20px 40px rgba(0, 0, 0, 0.4), 0 8px 16px rgba(0, 0, 0, 0.3);}
.cekonay-dropdown-bubble::before{background:var(--cekonay-dropdown-dark) !important;border-color:var(--cekonay-border-dark) !important;}
.cekonay-dropdown-item{color:var(--cekonay-text-dark) !important;}
.cekonay-dropdown-item:hover{background:rgba(102, 126, 234, 0.2) !important;color:#90cdf4 !important;}
.cekonay-mobile-dropdown{background:var(--cekonay-bg-dark) !important;border-color:var(--cekonay-border-dark) !important;}
.cekonay-mobile-dropdown-title{color:var(--cekonay-text-dark) !important;}
.cekonay-mobile-dropdown-item{color:#d1d5db !important;}
.cekonay-mobile-dropdown-item:hover{background:var(--cekonay-dropdown-dark) !important;color:#90cdf4 !important;}
.cekonay-skeleton-avatar, .cekonay-skeleton-line{background:linear-gradient(110deg, #374151 8%, #4b5563 18%, #374151 33% ) !important;}
.cekonay-skeleton-wrapper{background:rgba(55, 65, 81, 0.4) !important;border-color:rgba(55, 65, 81, 0.6) !important;}
} @media (prefers-color-scheme: light) { .cekonay-dropdown-bubble{background:white !important;border-color:#e2e8f0 !important;}
.cekonay-dropdown-bubble::before{background:white !important;border-color:#e2e8f0 !important;}
.cekonay-dropdown-item{color:#374151 !important;}
.cekonay-dropdown-item:hover{background:linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%) !important;color:#4299e1 !important;}
}  @media(min-width:681px){
.cekonay-avatar-mobile{display:none !important;}
.cekonay-avatar-desktop{display:block !important;}
.cekonay-avatar{pointer-events:none;}
.cekonay-avatar .cekonay-avatar-initials{pointer-events:auto;}
} @media(max-width:680px){
.cekonay-avatar-desktop{display:none !important;}
.cekonay-avatar-mobile{display:block !important;}
.cekonay-avatar{pointer-events:auto;cursor:pointer;}
}  @media(min-width:681px){
.cekonay-skeleton-wrapper{min-width:180px;padding:8px 12px;}
.cekonay-skeleton-text{display:flex !important;}
.cekonay-skeleton-greeting{width:140px;}
.cekonay-skeleton-links{width:100px;}
} @media(max-width:680px){
.cekonay-skeleton-wrapper{width:44px !important;height:44px !important;min-width:44px !important;padding:6px !important;border-radius:50% !important;}
.cekonay-skeleton-text{display:none !important;}
.cekonay-skeleton-avatar{width:32px !important;height:32px !important;}
}  @media (max-width: 680px), (hover: none), (pointer: coarse) { .cekonay-logged-in .cekonay-user-info:hover, .cekonay-avatar-initials:hover, .cekonay-login-link:hover{background:none !important;transform:none !important;box-shadow:none !important;}
.cekonay-avatar:active, .cekonay-avatar-initials:active{transform:scale(0.95) !important;opacity:0.8;}
.cekonay-login-link:active{transform:scale(0.98) !important;opacity:0.9;}
.cekonay-mobile-dropdown-item:active{transform:translateX(2px) scale(0.98) !important;background:rgba(102, 126, 234, 0.2) !important;}
}  @media(min-width:681px){
.cekonay-dropdown-bubble{max-width:200px;right:0;left:auto;}
.cekonay-logged-in:last-child .cekonay-dropdown-bubble{right:0;left:auto;}
.cekonay-logged-in:first-child .cekonay-dropdown-bubble{left:0;right:auto;}
.cekonay-logged-in:first-child .cekonay-dropdown-bubble::before{left:20px;right:auto;}
}  .cekonay-header-cart-auth{animation:cekonayMenuAppear 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);}
@keyframes cekonayMenuAppear {
0%{opacity:0;transform:translateY(-12px) scale(0.95);}
100%{opacity:1;transform:translateY(0) scale(1);}
} .cekonay-header-cart-auth.cekonay-state-changing,
.cekonay-menu-auth.cekonay-state-changing{animation:cekonayStateTransition 0.6s ease-out;}
@keyframes cekonayStateTransition {
0%, 100%{opacity:1;transform:scale(1);}
25%{opacity:0.6;transform:scale(0.95);}
75%{opacity:0.8;transform:scale(1.02);}
} @media(max-width:680px){ .cekonay-avatar, .cekonay-login-link{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:left;}
.cekonay-mobile-dropdown-item{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:flex-start;text-align:left;padding:12px 14px;}
} @media(min-width:681px) and (max-width:1024px){ .cekonay-user-info{min-height:44px;display:flex;align-items:center;cursor:pointer;padding:8px 12px;}
.cekonay-mobile-dropdown-item{min-height:48px;display:flex;align-items:center;justify-content:flex-start;text-align:left;padding:12px 16px;}
}  .et_pb_module .cekonay-menu-auth,
.et_pb_row .cekonay-menu-auth{margin:0;vertical-align:middle;}
.et_pb_module .cekonay-account-link, .et_pb_module .cekonay-logout-link, .et_pb_module .cekonay-login-link{color:#667eea !important;text-decoration:none !important;}
.et_pb_menu .cekonay-menu-auth{display:inline-flex;align-items:center;vertical-align:middle;}
.cekonay-login-link:focus-visible, .cekonay-account-link:focus-visible, .cekonay-logout-link:focus-visible, .cekonay-avatar-initials:focus-visible, .cekonay-dropdown-item:focus-visible, .cekonay-mobile-dropdown-item:focus-visible{outline:3px solid #667eea;outline-offset:2px;border-radius:6px;}
@media (prefers-contrast: high) {
.cekonay-menu-auth{--cekonay-primary:#0056b3;--cekonay-text:#000000;--cekonay-border:#0056b3;}
.cekonay-login-link, .cekonay-account-link, .cekonay-logout-link{color:var(--cekonay-primary) !important;border:2px solid var(--cekonay-border) !important;}
.cekonay-greeting{color:var(--cekonay-text) !important;}
.cekonay-avatar-initials{border:2px solid white !important;box-shadow:0 0 0 2px var(--cekonay-border) !important;}
.cekonay-dropdown-bubble{border:2px solid var(--cekonay-border) !important;}
} @media (prefers-reduced-motion: reduce) {
.cekonay-menu-auth, .cekonay-menu-auth *,
.cekonay-skeleton-avatar, .cekonay-skeleton-line, .cekonay-dropdown-bubble, .cekonay-mobile-dropdown{animation:none !important;transition:none !important;}
.cekonay-avatar-initials:hover, .cekonay-login-link:hover{transform:none !important;}
}  @media(max-width:680px){
.cekonay-menu-auth *{will-change:auto;}
.cekonay-mobile-dropdown{transform:translate3d(-50%, 0, 0);}
} @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.cekonay-avatar-initials{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;}
} @media print {
.cekonay-header-cart-auth, .cekonay-menu-auth{display:none !important;}
} .cekonay-header-cart-auth{contain:layout style;will-change:auto;}
.cekonay-avatar-initials{text-rendering:optimizeLegibility;font-smooth:always;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.cekonay-login-link, .cekonay-avatar-initials, .cekonay-dropdown-bubble, .cekonay-skeleton-avatar, .cekonay-skeleton-line{transform:translateZ(0);backface-visibility:hidden;}
.cekonay-dropdown-bubble::before{content:'';position:absolute;top:-7px;right:20px;width:14px;height:14px;background:white;border:1px solid #e2e8f0;border-bottom:none;border-right:none;transform:rotate(45deg);box-shadow:-2px -2px 4px rgba(248, 248, 248, 0.14);z-index:2;}
.cekonay-mobile-dropdown.active::before{content:'';position:absolute;top:-7px;left:50%;transform:translateX(-50%) rotate(45deg);width:14px;height:14px;background:#f8fafc;border:1px solid #e2e8f0;border-bottom:none;border-right:none;box-shadow:-2px -2px 4px rgba(255, 255, 255, 0.14);z-index:2;}
@media (prefers-color-scheme: dark) {
.cekonay-dropdown-bubble::before{background:#111827 !important;border-color:#374151 !important;box-shadow:-2px -2px 4px rgba(0, 0, 0, 0.14) !important;}
.cekonay-mobile-dropdown.active::before{background:#1f2937 !important;border-color:#374151 !important;box-shadow:-2px -2px 4px rgba(0, 0, 0, 0.14) !important;}
} @media (prefers-color-scheme: light) {
.cekonay-dropdown-bubble::before{background:white !important;border-color:#e2e8f0 !important;}
.cekonay-mobile-dropdown.active::before{background:#f8fafc !important;border-color:#e2e8f0 !important;}
}  .cekonay-logged-in .cekonay-user-links{display:none !important;}
@media(min-width:681px){ .cekonay-logged-in .cekonay-user-info{cursor:pointer !important;padding:8px 12px !important;border-radius:10px !important;transition:all 0.2s ease !important;position:relative !important;}
.cekonay-logged-in .cekonay-user-info:hover{background:rgba(102, 126, 234, 0) !important;transform:translateY(-1px) !important;box-shadow:0 4px 12px rgba(102, 126, 234, 0) !important;}
.cekonay-logged-in .cekonay-greeting{cursor:pointer !important;transition:color 0.2s ease !important;}
.cekonay-logged-in .cekonay-user-info:hover .cekonay-greeting{color:#667eea !important;}
.cekonay-logged-in .cekonay-user-info:hover .cekonay-dropdown-bubble{opacity:1 !important;visibility:visible !important;transform:translateY(0) scale(1) !important;display:block !important;}
.cekonay-dropdown-bubble:hover{opacity:1 !important;visibility:visible !important;transform:translateY(0) scale(1) !important;display:block !important;}
.cekonay-logged-in:hover .cekonay-dropdown-bubble, .cekonay-logged-in .cekonay-user-info:hover ~ .cekonay-dropdown-bubble,
.cekonay-logged-in .cekonay-avatar:hover ~ .cekonay-user-text ~ .cekonay-dropdown-bubble{opacity:1 !important;visibility:visible !important;transform:translateY(0) scale(1) !important;display:block !important;}
} @media(max-width:680px){
.cekonay-logged-in .cekonay-user-links{display:none !important;}
} .cekonay-user-info:hover .cekonay-dropdown-bubble,
.cekonay-dropdown-bubble:hover{transform:translateY(0) scale(1) !important;opacity:1 !important;visibility:visible !important;z-index:9999 !important;}
@media(max-width:980px){ .cekonay-header-cart-auth.moved{margin-right:6px;margin-top:0px;gap:6px;}
a[href*="/panier"]{margin-left:0;}
} @media(min-width:981px){
.cekonay-header-cart-auth{margin-top:16px;}
} @media(max-width:980px){
.cekonay-header-cart-auth{margin-top:0;}
.cekonay-header-cart-auth.moved{margin-top:0;}
} .cekonay-dropdown-bubble br,
.cekonay-mobile-dropdown br{display:none !important;}
@media(min-width:681px) and (max-width:1024px){ .cekonay-logged-in .cekonay-user-text {
display: flex !important;
} .cekonay-mobile-dropdown {
display:none;
position: absolute;
right: 0;
left: auto;
top: calc(100% + 8px);
min-width: 200px;
max-width: 280px;
transform: translateX(7%);
}
.cekonay-mobile-dropdown.active {
display: block !important;
} .cekonay-avatar,
.cekonay-user-info {
pointer-events: auto !important;
cursor: pointer !important;
} .cekonay-logged-in .cekonay-user-info:hover {
background: none !important;
transform: none !important;
box-shadow: none !important;
}
}