/* awards/index.php - Awards Index Page Styles
 * Extracted <style> block from awards/index.php
 */

.card-award {
    height: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 0.5rem;
    overflow: hidden;
    box-shadow: 0 4px 6px #000000;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card-award:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px #000000;
}

.card-award .card-header {
    padding: 1rem;
    text-align: center;
    background: #fff;
    border-bottom: 1px solid #E5F0FF;
}

.card-award .card-image-top {
    margin-bottom: 1rem;
}

.card-award img {
    max-width: 210px;
    height: auto;
}

.card-award .card-title {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: #333;
}

.card-award .card-body {
    flex: 1;
    padding: 1rem;
    background: #E5F0FF;
}

/* Ensure embed-responsive containers have height when used with d-flex */
.col-lg-5 .embed-responsive,
.col-lg-6 .embed-responsive {
    min-height: 200px; /* Ensure minimum height for proper rendering */
}

/* Ensure Bootstrap's aspect ratio is maintained */
.embed-responsive-16by9::before {
    content: "";
    display: block; /* 16:9 aspect ratio */
}

/* Awards grid uses portfolio grid styles */
.portfolio .card-award {
    margin: 0;
}

/* Align Award Categories and Recognition columns in Awards Recognition section */
section.bg-light .card .card-body .row > div {
    display: flex;
    flex-direction: column;
}

section.bg-light .card .card-body .card-title {
    margin-bottom: 1rem;
    min-height: 2.5rem;
    display: flex;
    align-items: flex-start;
    font-size: 1.1rem;
    font-weight: 600;
}

section.bg-light .card .card-body .list-group {
    flex: 1;
    margin-top: 0;
}

/* Matching background colors for corresponding rows in both columns */
section.bg-light .card .card-body .list-group-item:nth-child(odd) {
    background-color: #E5F0FF;
}

section.bg-light .card .card-body .list-group-item:nth-child(even) {
    background-color: #ffffff;
}

/* Award item minimum width */
.award-item-min-width {
    min-width: 50px;
}

/* Awards heading style - used in includes/awards_b4.php */
.awards-b4-heading {
    font-weight: bold;
    color: white;
}

/* Video embed shadow - matching actor thumbnails */
section.alert-info .embed-responsive {
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,.5);
    border-radius: 0;
    overflow: hidden;
    transition: box-shadow 0.3s ease;
}

section.alert-info .embed-responsive iframe {
    border-radius: 0;
}

section.alert-info .embed-responsive:hover {
    box-shadow: 0px 10px 25px 0px rgba(0,0,0,.4);
}