.v-dropdown {
    position: relative;
    display: inline-block;
}

.v-dropbtn {
    border: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    transition: all 0.3s ease;
    line-height: 1.2;
}

.v-dropdown.is-borderless .v-dropbtn {
    background: transparent !important;
    padding: 0;
}

.v-dropdown-content {
    display: block;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 110%;
    min-width: 200px;
    border-radius: 4px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    z-index: 1000;
    padding: 8px 0;
    transform: translateY(10px);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.v-dropdown-content a {
    text-decoration: none;
    display: block;
    padding: 10px 20px;
    transition: all 0.2s ease;
}

/* --- REVISED ALIGNMENT LOGIC --- */

/* Desktop */
.v-align-desktop-left .v-dropdown-content { left: -75px; right: auto; }
.v-align-desktop-right .v-dropdown-content { right: 0; left: auto; }

/* Tablet */
@media (max-width: 1024px) {
    .v-align-tablet-left .v-dropdown-content { left: -75px; right: auto; }
    .v-align-tablet-right .v-dropdown-content { right: 0; left: auto; }
}

/* Mobile */
@media (max-width: 767px) {
    .v-align-mobile-left .v-dropdown-content { left: -75px; right: auto; }
    .v-align-mobile-right .v-dropdown-content { right: 0; left: auto; }
}

/* Standard States */
.v-dropdown.open .v-dropdown-content { visibility: visible; opacity: 1; transform: translateY(0); }
.v-dropdown.open .v-dropbtn i, .v-dropdown.open .v-dropbtn svg { transform: rotate(180deg); }
.v-dropbtn i, .v-dropbtn svg { transition: transform 0.3s ease; display: inline-block; fill: currentColor; }