/**
 * Stylesheet for Awards Slider Section
 * Local styles for .awards-section
 */

/* CSS CHUNG (PC) */
.awards-section {
    position: relative;
    background: #FFFDF8;
    padding: 80px 0;
    text-align: center;
    overflow: hidden;
    font-family: var(--font-family-base);
}
.awards-title { 
    font-size: var(--font-size-h3); 
    line-height: var(--line-height-h3);
    font-weight: var(--font-weight-h3); 
    color: var(--color-text-dark);
    margin-bottom: 40px; 
    text-transform: uppercase; 
}

/* Giới hạn khung chuẩn 1200px cùng chiều dài web */
.awards-container { 
    position: relative; 
    max-width: 1200px; 
    margin: 0 auto; 
    padding: 0 60px; /* Chừa khoảng trống bên sườn cho nút bấm */
}

.awards-swiper .swiper-slide { 
    text-align: center; 
}

/* Giữ đúng tỷ lệ ảnh gốc, không bị co giãn méo mó */
.awards-swiper .swiper-slide img { 
    max-width: 100%; 
    height: auto; 
    max-height: 450px; /* Giới hạn chiều cao vừa vặn cho giao diện PC */
    margin: 0 auto;
    display: block;
    filter: drop-shadow(0 10px 15px rgba(0,0,0,0.1)); 
}

.award-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: var(--color-accent-gold);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 99;
    transition: all 0.3s ease;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
.award-nav svg { 
    width: 24px; 
    height: 24px; 
    fill: var(--color-text-white); 
}
.award-prev { 
    left: 10px; 
}
.award-next { 
    right: 10px; 
}

.award-pagination { 
    margin-top: 30px; 
    position: relative !important; 
}
.award-pagination .swiper-pagination-bullet-active { 
    background: var(--color-accent-gold) !important; 
    width: 20px; 
    border-radius: 5px; 
}

/* TỐI ƯU CHO MOBILE */
@media (max-width: 768px) {
    .awards-section { 
        padding: 40px 0; 
    }
    .awards-title { 
        font-size: var(--font-size-h5); 
        margin-bottom: 25px; 
        padding: 0 15px; 
    }
    
    .awards-container { 
        padding: 0 40px;
    }

    .award-nav {
        width: 28px !important;
        height: 28px !important;
        box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    }
    .award-nav svg {
        width: 18px !important;
        height: 18px !important;
    }

    .award-prev { 
        left: 5px; 
    }
    .award-next { 
        right: 5px; 
    }

    .awards-swiper .swiper-slide img { 
        max-height: 300px; /* Giới hạn chiều cao vừa vặn trên Mobile */
    } 
    .award-pagination { 
        margin-top: 20px; 
    }
}

.awards-wave-left, .awards-wave-right { 
    position: absolute; 
    width: 150px; 
    pointer-events: none; 
    opacity: 0.3; 
    z-index: 1; 
}
.awards-wave-left { 
    bottom: 0; 
    left: 0; 
}
.awards-wave-right { 
    top: 0; 
    right: 0; 
}