/*============================================================================================*/
/* Your custom styles below */
/*============================================================================================*/

@media (max-width: 767px) {
    header {
        padding: 1px 0 !important;
    }
}

/* Fix for Hero Banner Stretching */
#slider .slides img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* LCP Optimization: Force first slide to show immediately before JS loads */
#slider .slides li:first-child {
    display: block !important;
    z-index: 10;
}

/* Text Avatar Style */
.avatar-letter {
    width: 100%;
    height: 100%;
    background-color: #526048;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    text-transform: uppercase;
}

/* Accessibility: Improve Contrast */
.review_card strong, 
.review_card h5,
.review_card h4,
.review_card h3,
.review_card p {
    color: #000; /* Darker text for better contrast */
}

/* Fix for large reviewer names (Accessibility fix H5 -> H3) */
.review_card .user_info h3 {
    font-size: 16px; /* Restore original smaller visual size */
    margin-top: 10px;
    font-weight: 700;
}

/* Force ALL links in the dark footer section (ID: sec-footer) to be white */
/* This covers email links, social links, and copyright links */
#sec-footer a, 
#sec-footer a:link, 
#sec-footer a:visited {
    color: #ffffff !important; 
    text-decoration: underline; 
}

#sec-footer a:hover, 
#sec-footer a:focus {
    color: #ebd7b2 !important; /* Gold color on hover */
}

/* Accessibility: Improve Touch Targets (48x48px min) */
.owl-carousel .owl-dots .owl-dot {
    min-width: 48px;
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.owl-carousel .owl-dots .owl-dot span {
    margin: 0 !important; /* Reset margin since we center it in the button */
}

a[data-fslightbox] {
    display: inline-block;
    padding: 12px; /* Increase hit area */
}