﻿.header-slider-wrapper { position: relative; }
.header-slider-wrapper .swiper-slide:after { content: ''; position: absolute; z-index: 20; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0,0,0,8) 0%, rgba(0,0,0,0.7) 15%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.3) 100%); }
.header-slider-wrapper .swiper-slide:not(:has(.header-slider-slide-abstract)):after { background: linear-gradient(180deg, rgba(0,0,0,8) 0%, rgba(0,0,0,0.3) 15%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.1) 100%); }
.header-slider-wrapper .swiper-slide:is(:only-child) .header-slider-slide-arrows { opacity: 0; pointer-events: none; }
.header-slider-slide-image { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.header-slider-slide-text { position: absolute; z-index: 30; top: 50%; left: var(--global-padding-inline); right: var(--global-padding-inline); transform: translateY(-55%); color: #FFF; }
.header-slider-slide-title { font-family: 'Fjalla One'; font-size: 6rem; line-height: 6.5rem; }
.header-slider-slide-abstract { font-weight: 300; font-size: 1.9rem; line-height: 2.3rem; max-width: 60%; margin-top: 20px; }
.header-slider-slide-video { position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; object-fit: cover; }
.header-slider-slide-video-speaker { margin-top: 30px; display: flex; align-items: center; width: fit-content; }
.header-slider-slide-video-speaker-image { width: 40px; height: auto; cursor: pointer; }
.header-slider-slide-video-speaker-text { color: #FFF; text-transform: uppercase; letter-spacing: 0.1rem; margin-left: 15px; font-size: 1.25rem; display: none; transition: 0.3s linear; cursor: pointer; }
.header-slider-slide-video-speaker-text.show { display: block; }
.header-slider-slide-arrows { display: flex; margin-top: 50px; }
.header-slider-slide-arrow { width: 40px; height: 40px; background: var(--tertiary-color); display: flex; justify-content: center; align-items: center; padding: 10px; border-radius: 50%; cursor: pointer }
.header-slider-slide-arrow-previous { transform: rotate(180deg); margin-right: 25px; }
.header-slider-slide-arrow-icon { fill: #FFF; transition: 0.3s linear; }
.header-slider-slide-arrow.swiper-button-disabled { cursor: default; opacity: 0.5; }
.header-slider-wrapper.swiper-container-horizontal > .swiper-pagination-bullets { display: none; left: var(--global-padding-inline); text-align: left; bottom: 20px; }
.header-slider-wrapper.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { width: 12px; height: 12px; }
.header-slider-wrapper.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #FFF; }

@media (pointer:fine) {
    .header-slider-slide-arrow:not(.swiper-button-disabled):hover .header-slider-slide-arrow-icon { fill: var(--secondary-color); }
    .header-slider-slide-video-speaker:hover .header-slider-slide-video-speaker-text { margin-left: 18px; }
}

@media (max-width:1800px) {
    .header-slider-slide-title { font-size: 5.5rem; line-height: 6rem; }
    .header-slider-slide-abstract { font-size: 1.8rem; line-height: 2.2rem; }
    .header-slider-slide-text { transform: translateY(-40%); }
}

@media (max-width:1600px) {
    .header-slider-slide-title { font-size: 5rem; line-height: 5.5rem; }
    .header-slider-slide-abstract { font-size: 1.7rem; line-height: 2.1rem; }
}

@media (max-width:1400px) {
    .header-slider-slide-title { font-size: 4.2rem; line-height: 4.7rem; }
    .header-slider-slide-abstract { font-size: 1.6rem; line-height: 2rem; }
}

@media (max-width:1200px) {
    .header-slider-slide-title { font-size: 3.5rem; line-height: 4rem; }
    .header-slider-slide-abstract { font-size: 1.5rem; line-height: 1.9rem; max-width: 80%; }
    .header-slider-slide-text { transform: translateY(-30%); }
}

@media (max-width:767px) {
    .header-slider-slide-image { width: 100%; aspect-ratio: 4 / 3; }
    .header-slider-slide-title { font-size: 3.2rem; line-height: 3.7rem; }
    .header-slider-slide-abstract { font-size: 1.4rem; line-height: 1.8rem; max-width: 100%; }
}

@media (max-width:640px) {
    .header-slider-slide-title { font-size: 2.5rem; line-height: 3rem; }
    .header-slider-slide-abstract { font-size: 1.3rem; line-height: 1.7rem; }
}

@media (max-width:480px) {
    .header-slider-slide-text { transform: translateY(-35%); }
    .header-slider-slide-title { font-size: 2.2rem; line-height: 2.7rem; }
    .header-slider-slide-abstract { font-size: 1.2rem; line-height: 1.5rem; }
}

@media (orientation:portrait) {
    .header-slider-slide-image { width: 100%; aspect-ratio: 1 / 1; }
    .header-slider-slide-arrows { display: none; }
    .header-slider-wrapper.swiper-container-horizontal > .swiper-pagination-bullets { display: block; }
}

@media (orientation:portrait) and (max-width:640px) {
    .header-slider-slide-image { aspect-ratio: 3 / 4; }
}
