/* Animation for hovering over each post */
.each-post{
    box-shadow: 0px 0px 5px rgba(213, 216, 224, 0.31);
}
.each-post:hover{
    box-shadow: 0px 0px 25px rgba(242, 141, 40, 0.747);
}
@media (min-width: 1400px){
    .main-container{
        padding-left: 80px;
        padding-right: 80px;
    }
}

/* Fade in animation */
.each-post{
    transition: box-shadow 0.5s ease-in-out;
    opacity: 0;
    transform: translateY(30px);
    animation: fadeInUp 0.8s ease-out forwards;
}

.each-post:nth-child(1) { animation-delay: 0.2s; }
.each-post:nth-child(2) { animation-delay: 0.4s; }
.each-post:nth-child(3) { animation-delay: 0.6s; }

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.post-image{
    aspect-ratio: 16/13;
    object-fit: cover;
}
.more-info-but{
    filter: opacity(0.5);
}

/* The whole 'if an equipment is reserved' functionality */
.equipment_res{
    display: none;
}
.reserved{
    /* background-color: #451a17 !important; */
    /* filter: brightness(30%); */
}
.reserved *{
    user-select: none;
    pointer-events: none;
}

.reserved::before {
    content: "REZERVUOTA" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 150% !important; /* Extend beyond the container */
    height: 40px !important; /* Adjust banner thickness */
    background: rgba(0, 0, 0, 0.945) !important; /* Dark semi-transparent background */
    color: white !important;
    font-size: 20px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: translate(-50%, -50%) rotate(-30deg) !important;
    pointer-events: none !important; /* Prevents interaction */
    opacity: 0.65 !important;
    z-index: 10 !important;
}