/* style.css v1.2 - slide-down animation for MKDF login dropdown */

/* Ensure the dropdown is positioned like the theme expects */
.mkdf-shopping-cart-holder { position: relative; display: inline-block; }

.mkdf-sc-dropdown {
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 9999;
    width: 360px; /* adjust as needed */
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.12);
    overflow: hidden;

    /* Hidden state */
    max-height: 0;
    opacity: 0;
    pointer-events: none;
    transition: max-height 300ms ease, opacity 200ms ease, transform 200ms ease;
    transform-origin: top center;
    transform: translateY(-6px);
}

.login_status a {
    margin-top: 11px;
    display: block;
}

.login_status a:before {
    content: "\f08b";
    font-family: 'FontAwesome';
    margin-right: 5px;
}

/* Inner padding */
.mkdf-sc-dropdown-inner { padding: 32px; }

.mkdf-sc-dropdown .mkdf-sc-dropdown-inner {
	width: 100%;
}

.mkdf-sc-dropdown .mkdf-sc-dropdown-inner #wpmem_login {
	width: 90%
}

.mkdf-sc-dropdown .mkdf-sc-dropdown-inner #wpmem_login legend {
	font-size: 18px;
}

/* Active state (slide-down) */
.mkdf-sc-dropdown.active {
    max-height: 720px; /* large enough for the form */
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

/* Accessibility: visually-hidden text for screen readers */
.mkdf-sr-only {
    position: absolute !important;
    height: 1px; width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap;
}

/* Optional small improvements */
.mkdf-sc-dropdown .wpmem-form input[type="email"],
.mkdf-sc-dropdown .wpmem-form input[type="text"],
.mkdf-sc-dropdown .wpmem-form input[type="password"] {
    width: 100%;
    box-sizing: border-box;
}

/* keep the dropdown above browser autocomplete suggestion */
.mkdf-sc-dropdown { will-change: transform, opacity; }