/* assets/css/style.css */

@font-face {
    font-family: 'BigTextFont';
    src: url('../fonts/bigText.ttf') format('truetype');
}

@font-face {
    font-family: 'NormalTextFont';
    src: url('../fonts/normalText.ttf') format('truetype');
}

@font-face {
    font-family: 'OtherTextFont';
    src: url('../fonts/otherText.ttf') format('truetype');
}

body {
    font-family: 'NormalTextFont', sans-serif;
    background-color: #111827; /* Dark background */
    color: #d1d5db; /* Light text */
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'BigTextFont', sans-serif;
}

/* Movie Card Styling */
.movie-card {
    display: block;
    position: relative;
    border-radius: 0.5rem; /* rounded-lg */
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    background-color: #1f2937; /* bg-gray-800 */
}

.movie-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 15px -3px rgba(167, 139, 250, 0.2), 0 4px 6px -2px rgba(167, 139, 250, 0.1);
}

.movie-card .relative img {
    transition: transform 0.3s ease;
}

.movie-card:hover .relative img {
    transform: scale(1.05);
}

.movie-card .absolute.inset-0 {
    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.movie-card:hover .absolute.inset-0 {
    opacity: 1;
}

.movie-card .absolute.bottom-0 {
    transform: translateY(100%);
    transition: transform 0.3s ease;
    opacity: 0;
}

.movie-card:hover .absolute.bottom-0 {
    transform: translateY(0);
    opacity: 1;
}

/* Swiper navigation button styling */
.swiper-button-next,
.swiper-button-prev {
    color: #ffffff; /* White arrows for better contrast */
    background-color: rgba(31, 41, 55, 0.5); /* bg-gray-800 with 50% opacity */
    border-radius: 50%;
    width: 40px;   /* Slightly smaller button */
    height: 40px;  /* Slightly smaller button */
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease;
    
    /* FIX: Vertical Centering */
    top: 50%;
    transform: translateY(-50%);
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    background-color: rgba(55, 65, 81, 0.8); /* bg-gray-700 with 80% opacity */
}

.swiper-button-next::after,
.swiper-button-prev::after {
    font-size: 18px; /* Slightly smaller arrow icon */
    font-weight: bold;
}

/* Filter select styling */
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="%23a0aec0"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" /></svg>');
    background-position: right 0.75rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
}