/* ==================================== */
/* 1. Genel ve Header/Footer Stilleri  */
/* ==================================== */
/* Bu kısım normalde main style dosyanızdan gelir */
/* Örneğin: */
/*
.main-header {
    ... 
}
*/


/* ==================================== */
/* 2. Video ve Toplantı Sayfası Stilleri (Detay) */
/* ==================================== */

/* YouTube iframe'lerinin doğru en boy oranını koruması için */
.video-responsive-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
    height: 0;
    overflow: hidden;
}

.video-responsive-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* Kartlar için ek hover efekti (Tailwind'e ek) */
.toplanti-card {
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.toplanti-card:hover {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* Tailwind shadow-xl */
    transform: translateY(-5px);
}



.main-header,
.top-bar {
    position: relative;
    z-index: 50; /* İçeriğin üstünde kalır */
}


/* ==================================== */
/* 1. Genel ve Header/Footer Stilleri   */
/* ==================================== */
/* Bu kısım normalde main style dosyanızdan gelir */
/* Örneğin: */
/*
.main-header {
    ... 
}
*/

/* ==================================== */
/* 2. Video ve Toplantı Sayfası Stilleri */
/* ==================================== */

/* YouTube iframe'lerinin doğru en boy oranını koruması için */
.video-responsive-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
    height: 0;
    overflow: hidden;
}

.video-responsive-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* Kartlar için ek hover efekti */
.toplanti-card {
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.toplanti-card:hover {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
                0 4px 6px -2px rgba(0, 0, 0, 0.05);
    transform: translateY(-5px);
}

/* Badge (Rozet) Stilleri */


.main-header,
.top-bar {
    position: relative;
    z-index: 50;
}