/* Dropdown kutusunun ana kapsayıcısı */
.user-account-widget {
    position: relative;
    display: inline-block;
}

/* Menü varsayılan kapalı */
.user-account-widget .user-menu {
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 220px;
    margin: 0;
    padding: 0;
    list-style: none;
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 6px;
    box-shadow: 0 6px 16px rgba(0,0,0,0.1);

    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    z-index: 9;
}

/* Açılma animasyonu */
.user-account-widget.active .user-menu {
    opacity: 1;
    transform: translateY(5px);
    visibility: visible;
}

/* Kapanma animasyonu (JS ile gecikmeli visibility uygulanacak) */
.user-account-widget.closing .user-menu {
    opacity: 0;
    transform: translateY(-10px);
}

/* Giriş/Üye Ol dropdown alanı */
.register-sign-in-dropdown-inner {
    text-align: center;
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 0;
}
.register-sign-in-dropdown-inner p {
    margin: 0;
}
.register-sign-in-dropdown-inner .sign-in-action {
    padding: 10px 0;
}
.register-sign-in-dropdown-inner .register {
    border-top: 1px solid #ebebeb;
    padding: 10px 0;
}
.sign-in-button {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 600;
    white-space: nowrap;
    border: 1px solid transparent;
    transition: all 0.15s ease-in-out;
    padding: 0.25em 0.5em;
    border-radius: 4px;
    color: #fff !important;
    background-color: #000;
    border-color: #000;
}

/* Menü itemleri */
.user-menu li.menu-item {
    list-style: none;
}
.user-menu li.menu-item > a {
    display: block;
    width: 100%;
    padding: .40rem 0.75rem;
    clear: both;
    font-weight: 400;
    font-size: 15px;
    color: #333e48;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    text-decoration: none;
}
.user-menu li.menu-item > a:hover {
    color: #2e3841;
    background-color: #e9ecef;
}
.user-account-widget .user-menu li.menu-item i.sub-item {
    color: #222;
    font-size: 16px;
    padding-right: 5px;
}

.hugeicons--login-01 {
  display: inline-block;
  width: 32px;
  height: 32px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M8 8c0-.575 0-.822.045-1.075A2.98 2.98 0 0 1 9.833 4.7c.24-.1.523-.165 1.09-.294l2.728-.623c3.39-.774 5.084-1.161 6.217-.27C21 4.405 21 6.126 21 9.568v4.864c0 3.442 0 5.164-1.132 6.055c-1.133.891-2.827.504-6.217-.27l-2.728-.623c-.567-.13-.85-.194-1.09-.294a2.98 2.98 0 0 1-1.788-2.225C8 16.822 8 16.575 8 16'/%3E%3Cpath d='M13 9s3 2.21 3 3s-3 3-3 3m2.5-3H3'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.hugeicons--account-setting-03 {
  display: inline-block;
  width: 32px;
  height: 32px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.5'%3E%3Cpath d='M16.308 4.384c-.59 0-.886 0-1.155-.1l-.111-.046c-.261-.12-.47-.328-.888-.746c-.962-.962-1.443-1.443-2.034-1.488a2 2 0 0 0-.24 0c-.591.045-1.072.526-2.034 1.488c-.418.418-.627.627-.888.746l-.11.046c-.27.1-.565.1-1.156.1h-.11c-1.507 0-2.261 0-2.73.468s-.468 1.223-.468 2.73v.11c0 .59 0 .886-.1 1.155q-.022.057-.046.111c-.12.261-.328.47-.746.888c-.962.962-1.443 1.443-1.488 2.034a2 2 0 0 0 0 .24c.045.591.526 1.072 1.488 2.034c.418.418.627.627.746.888q.025.054.046.11c.1.27.1.565.1 1.156v.11c0 1.507 0 2.261.468 2.73s1.223.468 2.73.468h.11c.59 0 .886 0 1.155.1q.057.021.111.046c.261.12.47.328.888.746c.962.962 1.443 1.443 2.034 1.488q.12.009.24 0c.591-.045 1.072-.526 2.034-1.488c.418-.418.627-.626.888-.746q.054-.025.11-.046c.27-.1.565-.1 1.156-.1h.11c1.507 0 2.261 0 2.73-.468s.468-1.223.468-2.73v-.11c0-.59 0-.886.1-1.155q.021-.057.046-.111c.12-.261.328-.47.746-.888c.962-.962 1.443-1.443 1.488-2.034q.009-.12 0-.24c-.045-.591-.526-1.072-1.488-2.034c-.418-.418-.626-.627-.746-.888l-.046-.11c-.1-.27-.1-.565-.1-1.156v-.11c0-1.507 0-2.261-.468-2.73s-1.223-.468-2.73-.468z'/%3E%3Cpath stroke-linecap='round' d='M8.5 16.5a4.04 4.04 0 0 1 3.5-2.02c1.496 0 2.801.812 3.5 2.02M14 10a2 2 0 1 1-4 0a2 2 0 0 1 4 0Z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.hugeicons--search-02 {
  display: inline-block;
  width: 32px;
  height: 32px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m15 15l1.5 1.5m.433 2.525a1.48 1.48 0 1 1 2.092-2.092l2.042 2.042a1.48 1.48 0 1 1-2.092 2.092zM16.5 9.5a7 7 0 1 0-14 0a7 7 0 0 0 14 0'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
#elementor-menu-cart__toggle_button .elementor-button-icon svg {
    height: auto;
    width: 32px;
}
.elementor-menu-toggle {
    padding: 0 0 5px;
}

@media screen and (max-width: 768px) {
    .hugeicons--login-01,
    .hugeicons--account-setting-03,
    .hugeicons--search-02 {
        width: 24px;
        height: 24px;
    }
    #elementor-menu-cart__toggle_button .elementor-button-icon svg {
        width: 24px;
        height: auto;
    }
    .elementor-menu-toggle {
        padding: 0 0 6px;
    }
}