@font-face {
    font-family: 'Garden Grown';
    src: url('../../../fonts/Garden%20Grown.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* ------------------- Login page ------------------- */
.login-cover {
    background: url(../../../img/backgrounds/popcorn.jpg) center center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Popcorn decorations - Ensure they are visible if they exist in HTML */
.popcorn1,
.popcorn2 {
    display: block !important;
    position: absolute;
    z-index: 10;
}

/* Re-applying original popcorn styles if they were lost or need tweaking for the new panel */
/* Assuming original CSS handles position, but we can enforce it if needed. 
   Usually they are absolute positioned relative to the panel. */
.popcorn1 {
    width: 80px !important;
    height: 80px !important;
    top: -40px !important;
    right: -30px !important;
    transform: rotate(68deg) !important;
}

.popcorn2 {
    width: 80px !important;
    height: 80px !important;
    left: -45px !important;
    bottom: -30px !important;
    transform: rotate(120deg) !important;
}

/* Language menu */
.dropdown-language {
    position: relative;
}

.dropdown-language .dropdown-menu {
    display: none;
    min-width: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0.5rem 0 0 0;
    margin: 0;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
}

.dropdown-language:hover .dropdown-menu {
    display: block;
}

.dropdown-language .dropdown-menu .dropdown-item {
    padding: 0.25rem;
    display: flex;
    justify-content: center;
}

.dropdown-language:hover .dropdown-menu .dropdown-item:hover {
    background-color: transparent;
    opacity: 0.8;
}

/* Dashboard Cards */
.card-hover-lift {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.card-hover-lift:hover {
    transform: translateY(-5px);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}