/*
Theme Name: Flying-Queen
Theme URI: https://flyingqueen.be
Description: Smart. Flexible. Beautiful
Author: Tine Broucke
Author URI: https://flyingqueen.be
Template: Divi
Version: 5.0.0-public-alpha.23.4
*/

/* Generated by Orbisius Child Theme Creator (https://orbisius.com/products/wordpress-plugins/orbisius-child-theme-creator/) on Mon, 13 Oct 2025 09:46:55 +0000 */ 
/* The plugin now uses the recommended approach for loading the css files.*/


/* ======================================= */
/* Amelia Event Cards - Desktop Styling */
/* ======================================= */

@media (min-width: 769px) {

    /* 1. 3 kolommen grid */
    .am-els__wrapper {
        display: grid !important;
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 30px;
    }

    /* 2. Card verticaal stapelen */
    .am-ec {
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start;
        align-items: flex-start !important;
        text-align: left !important;
        position: relative;
        overflow: hidden;
        border-radius: 10px;
    }

    /* 3. Afbeelding bovenaan, groter/hoger */
    .am-ec__image {
         width: 100% !important;
    height: 150px!important; /* vaste hoogte, groter dan standaard */
    background-size: cover !important;
    background-position: center !important;
    margin-bottom: 25px !important;
    order: -1; /* afbeelding bovenaan */
    }

    /* 4. Info en acties */
    .am-ec__info,
    .am-ec__info-name,
    .am-ec__info-other,
    .am-ec__actions {
        width: 100%;
        text-align: left !important;
        align-items: flex-start !important;
    }

    /* 5. Datum en tijd naast elkaar */
    .am-ec__period {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 10px;
        text-align: left !important;
    }

    .am-ec__period-date,
    .am-ec__period-time {
        margin: 0 !important;
    }

.am-dialog-popup .el-dialog {
    margin: 7vh auto 50px !important;
}
	#amelia-container{
			border-radius:25px;
	}
	.amelia-v2-booking #amelia-container .am-eli * {
    background-size: cover !important;
	}
	.amelia-v2-booking #amelia-container .am-gc__display {
  
    height: 250px !important;

}
}

/* ======================================= */
/* Mobile: 1 kolom, alles onder elkaar */
/* ======================================= */
@media (max-width: 768px) {
    .am-els__wrapper {
        grid-template-columns: 1fr !important;
        gap: 20px;
    }

    .am-ec__image {
        height: 250px; /* iets kleiner voor mobiel */
    }
}
#amelia-container{
	max-width:2400px !important;
}