/**
 *  @author    Rekire <info@rekire.com>
 *  @copyright Rekire
 *  @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */

.mm-blocker {
    position: fixed !important;
}

.own-custom-icon {
    width: 24px; !important;
    height: 24px; !important;
}

.mm-listview .rkr_menu-label {
    margin-left: 4px;
}

.mm-listview .empty-icon {
    min-width: 24px;
    display: inline-flex;
}

/*
 * Modificaciones para el panel de mmenu para permitir un pie de página fijo.
 */

/* 1. Convertimos el panel en un contenedor flexbox vertical. */
.mm-panel.mm-panel--opened {
    display: flex;
    flex-direction: column; /* Apila los elementos verticalmente. */
    height: 100%; /* Asegura que el panel ocupe toda la altura disponible. */
}

/* 2. Hacemos que la lista de elementos del menú (el ul) ocupe todo el espacio
      disponible y tenga scroll si es necesario. */
.mm-panel.mm-panel--opened > .mm-listview {
    flex-grow: 1; /* Permite que la lista crezca para ocupar el espacio sobrante. */
    overflow-y: auto; /* AÑADE scroll vertical SOLO a la lista. */
    /* mmenu a veces añade un padding-bottom, lo reseteamos si es necesario */
    padding-bottom: 0;
}

/*
 * 3. Estilos para nuestro bloque de pie de página de contacto.
 */
.menu-contact-footer {
    /* flex-shrink: 0; */ /* Evita que el bloque se encoja si no hay espacio. */
    /* padding: 15px 20px; */;
    background-color: #2a2a2a; /* Un color ligeramente diferente para distinguirlo. */
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.9em;
}

.menu-contact-footer p {
    margin: 0 0 8px 0;
    line-height: 1.4;
}

.menu-contact-footer p:last-child {
    margin-bottom: 0;
}

.menu-contact-footer a {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    transition: color 0.2s;
}

.menu-contact-footer a:hover {
    color: #fff;
    text-decoration: underline;
}