/*
Theme Name: Borgholm Child
Theme URI: https://borgholm.qodeinteractive.com
Description: A child theme of Borgholm
Author: Select Themes
Author URI: https://qodeinteractive.com
Version: 1.0.0
Text Domain: borgholm
Template: borgholm
*/



 /* 
 * Estilos Shortcode de Events Gallery
 * Shortcode para mostrar carousel y thumbs de eventos pasados
 */
    #past-events-gallery{ --radius:12px; --pad:40px; }
    #past-events-gallery .event-swiper-main{ width:100%; height: 100%; aspect-ratio: 16/9;  border-radius:var(--radius); overflow:hidden; }
    #past-events-gallery .event-swiper-thumbs{ margin-top:18px; }
    #past-events-gallery .event-thumb{ height: 100%; border-radius:14px; overflow:hidden; width: 100%; aspect-ratio:1/1; cursor:pointer; }
    #past-events-gallery .event-thumb__img{ width:auto; height:100%; background-size:cover; background-position:center; border-radius:inherit; aspect-ratio: 1/1; }
    #past-events-gallery .event-slide{ position:relative; height:100%; background-size:cover; background-position:center; border-radius:var(--radius); }
    #past-events-gallery .event-slide__overlay{
    position:absolute; inset:auto 0 0 0; padding:24px var(--pad) 28px; color:#fff; 
    background:linear-gradient(180deg, rgba(0,0,0,0) 0%,  55%, rgba(0,0,0,.75) 100%);
    }
    #past-events-gallery .event-slide__date{ font-weight:700; letter-spacing:.08em; opacity:.9; margin-bottom:8px; }
    #past-events-gallery .event-slide__title{ margin:0; font-size:clamp(18px,2.4vw,28px); line-height:1.2; }
    #past-events-gallery .event-slide__play{
    position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); 
    display:flex; flex-direction:column; align-items:center; gap:8px;
    background: transparent;
    padding:40px 20px; border-radius:999px; color:#fff; font-weight:700; cursor:pointer;
    border: none;
    }

    #past-events-gallery .js-event-play img{ height: 15vh; }
    #past-events-gallery .event-slide__video iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }
    #past-events-gallery .event-slide.is-playing .event-slide__overlay{ display:none; }
    #past-events-gallery .swiper-button-prev,#past-events-gallery .swiper-button-next{ color:#fff; }

    #past-events-gallery .event-slide__date {
        font-family: "Beltram", Sans-serif;
        font-size: 16px;
        font-weight: 600;
        text-transform: uppercase;
        line-height: 1;
        letter-spacing: 2.2px;
    }

    #past-events-gallery .event-slide__title {
        font-family: var(--e-global-typography-accent-font-family), Sans-serif;
        font-size: var(--e-global-typography-accent-font-size);
        font-weight: var(--e-global-typography-accent-font-weight);
        line-height: var(--e-global-typography-accent-line-height);
        -webkit-text-stroke-width: 0px;
        stroke-width: 0px;
        -webkit-text-stroke-color: #000;
        color: white;
    }

    @media (min-width:1200px){
    #past-events-gallery{
        --main-max: 1500px; /* tope del slider */
        --gap: 140px;       /* margen/espacio lateral que quieras dejar */
    }
    #past-events-gallery .event-swiper-main{
        max-width: min(var(--main-max), calc(100vw - var(--gap)));
    }

    #past-events-gallery .event-swiper-thumbs{
        margin-top: 40px;
    }

    #past-events-gallery .swiper-button-prev{
        left: 50px;
    }
    #past-events-gallery .swiper-button-next{
        right: 50px;
    }
    }


    @media (max-width:767px){
        #past-events-gallery{ --radius:12px; --pad:10px; }
        #past-events-gallery .event-swiper-main{ width:100%; height: 100%; aspect-ratio: 4/3;  border-radius:var(--radius); overflow:hidden; }
        #past-events-gallery .event-thumb{ height: 100%; border-radius:8px; overflow:hidden; width: 100%; aspect-ratio:1/1; cursor:pointer; }

        #past-events-gallery .js-event-play img{ height: 90px; }
        #past-events-gallery .js-event-play{ position:absolute; left:0%; top:0%; transform:translate(-0%,-0%); padding: 10px;  }
        #past-events-gallery .event-slide__overlay{ padding:12px;}
    }