/* ========================================
   HOME PAGE SPECIFIC STYLES
   Externalized from Home.cshtml for better caching
   ======================================== */

/* Card Image Styles */
.card-image {
    margin-top: 0;
    min-height: 120px;
    height: 100%;
    width: 100%;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* Custom Padding Utilities */
.uk-padding-5 {
    padding: 5px;
}

.uk-padding-10 {
    padding: 10px;
}

.uk-padding-20 {
    padding: 20px;
}

/* Custom Heading Sizes */
.uk-heading-smaller {
    font-size: 2rem;
}

/* Banner and Slide Styles */
.main-banner {
    height: 100%;
}

.slide-box {
    padding-top: 10px;
    margin-bottom: 10px;
}

.banner-box {
    padding-top: 10px;
    margin-bottom: 10px;
}

.banner-box .uk-slideshow-items > * {
    min-height: 300px;
}

@media (max-width: 959px) {
    .banner-box .uk-slideshow-items > * {
        min-height: 250px;
    }
}

/* Promo Card Styles */
.promo-card {
    width: 100%;
    margin-bottom: 10px;
}

/* Custom Height Utilities */
.uk-height-small-banner {
    height: 160px;
    margin-bottom: 20px;
}

.uk-height-slide {
    height: 330px;
}

.uk-height-slide-img {
    height: 330px;
}

.uk-height-320 {
    height: 320px;
}

.uk-height-360 {
    height: 360px;
}

.uk-height-380 {
    height: 380px;
}

.uk-height-100 {
    height: 100px;
}

.uk-height-75 {
    height: 75px;
}

.uk-height-50 {
    height: 50px;
}

.uk-height-36 {
    height: 36px;
}

/* Custom Margin Utilities */
.uk-margin-50-bottom {
    margin-bottom: 50px !important;
}

/* Banner Card Styles */
.uk-card-header-banner,
.uk-card-body-banner,
.uk-card-footer-banner {
    padding: 5px 20px;
}

.uk-card-header-banner,
.uk-card-footer-banner {
    height: 35px;
}

.uk-card-body-banner {
    height: 55px;
}

/* Homepage Categories Section */
.homepage-categories-section {
    /* Reserved for future use */
}

/* Button Hover Effects */
.uk-button:hover {
    text-decoration: none;
    background-color: #426CB0;
    color: white;
}

/* Text Shadow Effect */
.otto {
    color: #374957;
    text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .25);
}

/* Thumbnail Navigation Hover Effects */
.uk-thumbnav > * {
    transition: all 0.3s ease;
}

.uk-thumbnav > *:hover {
    transform: scale(1.1);
}

/* Slide Navigation Hover Effects */
.uk-slidenav {
    color: #333 !important;
    transition: all 0.3s ease;
}

.uk-slidenav:hover {
    background-color: #365a96 !important;
    transform: scale(1.1);
}