/*============================================================================================*/
/* Your custom styles below */
/*============================================================================================*/

/* Button Reservar in Nav Panel */
.sidebar-navigation nav ul li a.btn_reservar {
    background-color: #AE956B; /* Updated to match image taupe color */
    color: #ffffff !important;
    border-radius: 50px;
    padding: 10px 30px; /* Slightly wider padding to match image */
    text-align: center;
    font-weight: 700;
    text-transform: none;
    display: inline-block;
    width: auto;
    margin-top: 10px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15); /* Slightly stronger shadow */
    transition: all 0.3s ease;
    border: none;
    font-size: 16px; /* Ensure readable size */
    line-height: 1.2;
}

.sidebar-navigation nav ul li a.btn_reservar:hover {
    background-color: #4b514d;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    color: #ffffff !important;
}

/* Ensure it stands out in the list */
.sidebar-navigation nav ul li:has(a.btn_reservar) {
    margin-top: 15px;
    text-align: center; /* Center the button if desired, or keep left aligned */
}

/* If :has is not supported or just to be safe */
.sidebar-navigation nav ul li a.btn_reservar {
    margin-left: 0; 
    /* Adjust width if you want full width or fitted */
    /* width: 100%; */ 
}