/*
 Theme Name:   Kingster Child
 Theme URI:    http://demo.goodlayers.com/kingster
 Description:  Goodlayers Kingster Child Theme
 Author:       Goodlayers
 Author URI:   http://goodlayers.com
 Template:     kingster
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, right-sidebar, responsive-layout
 Text Domain:  kingster-child
*/

/* ==========================================================================
   Course Search Page Customizations
   ========================================================================== */

/* ---- Hide unwanted search fields ---- */
/* Keep: Campus, Department (Program), Method, Level */
.gdlr-core-course-field-keywords,
.gdlr-core-course-field-course-id,
.gdlr-core-course-field-instructor,
.gdlr-core-course-field-semester,
.gdlr-core-course-field-credit {
    display: none !important;
}

/* ---- Course search results with thumbnails ---- */

/* Result item wrapper - horizontal card layout */
.gdlr-core-course-style-list-info .gdlr-core-course-item-list {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    overflow: hidden !important;
    border-radius: 4px !important;
}

/* Thumbnail container */
.ssbm-course-thumbnail {
    flex: 0 0 260px;
    max-width: 260px;
    min-height: 200px;
    overflow: hidden;
    background: #f1f3fa;
}

.ssbm-course-thumbnail a {
    display: block;
    width: 100%;
    height: 100%;
}

.ssbm-course-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

.gdlr-core-course-item-list:hover .ssbm-course-thumbnail img {
    transform: scale(1.05);
}

/* Placeholder thumbnail (when no featured image) */
.ssbm-course-thumbnail--placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #2c3e50, #3498db);
}

.ssbm-course-thumbnail--placeholder a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 42px;
    font-weight: 700;
    text-decoration: none;
    letter-spacing: 2px;
}

/* ---- Responsive ---- */
@media (max-width: 767px) {
    .gdlr-core-course-style-list-info .gdlr-core-course-item-list {
        flex-direction: column !important;
    }

    .ssbm-course-thumbnail {
        flex: none;
        max-width: 100%;
        height: 200px;
        min-height: auto;
    }
}