/* Home Page Specific Background */
body.home-page {
    background-color: #127580; /* Teal color as seen in the image */
    color: #333; /* Default dark text color for home page */
}

/* Ensure hero text is white */
body.home-page .hero-section .hero-title,
body.home-page .hero-section .hero-subtitle {
    color: #f2f2f2;
}

/* Override the site waves for home page */
body.home-page .site-waves .top-wave,
body.home-page .site-waves .bottom-wave {
    display: none; /* Hide the default waves */
}

/* Custom home page waves/background elements */
.home-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Adjusted z-index to be behind content */
    pointer-events: none;
}

/* Account section styling */
.account-section {
    background-color: #FFC3A1; /* Peach color from the image */
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 20px;
    color: #333; /* Dark text color */
}

/* Live results section styling */
.live-results-section {
    background-color: #CCF2F2; /* Light blue from the image */
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 20px;
    color: #333; /* Dark text color */
    border: 1px solid #add8e6; /* Light blue border, slightly darker for definition */
}

/* Upcoming meets section styling */
.upcoming-meets-section {
    background-color: #FFC3A1; /* Peach color from the image */
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 20px;
    color: #333; /* Dark text color */
}

/* Make content stand out against the background */
.home-page-container {
    /* color: white; */ /* Removed to allow sections to define their own text color */
    position: relative;
    z-index: 1; /* Ensure content is above home-background */
}

.account-section .section-title,
.live-results-section .section-title,
.upcoming-meets-section .section-title /* Assuming you might add a class for consistency */ {
    color: #333; 
    font-weight: bold;
    margin-bottom: 15px;
}

.account-avatar-placeholder {
    width: 60px; /* Adjusted size */
    height: 60px; /* Adjusted size */
    background-color: #333; /* Dark placeholder for the black box in image */
    border-radius: 8px; /* Slightly rounded corners */
}

.account-name {
    font-size: 1.1rem; /* Adjusted size */
}

.achievements-title {
    font-size: 0.9rem; /* Adjusted size */
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 8px;
    color: #555;
}

.achievement-box {
    background-color: #AEE0D5; /* Light teal from the main background shape */
    height: 30px; /* Adjusted size */
    width: 80%; /* Take up most of the width of the parent */
    max-width: 200px; /* Max width for larger views */
    border-radius: 6px; /* Adjusted size */
    margin-bottom: 8px;
}

.autocoach-store-link {
    background-color: #085D66; /* Darker teal from nav */
    border-color: #085D66;
    color: white;
    font-weight: 500; /* Slightly less bold */
    padding: 8px 15px; /* Adjusted padding */
    font-size: 0.9rem;
}
.autocoach-store-link:hover {
    background-color: #064c53;
    border-color: #064c53;
    color: white;
}

#homeLiveResultsContent {
    min-height: 300px; /* Adjusted placeholder height */
}

/* Placeholder styles for live results internal elements */
.event-selector-placeholder select.form-control {
    border: 1px solid #333; /* Black border as per image */
    border-radius: 5px;
    max-width: 300px; /* Limit width */
    margin-left: auto;
    margin-right: auto;
}

.round-selector-placeholder .btn {
    margin: 0 5px;
    border-radius: 15px; /* More rounded buttons */
}



/* Background wave/shape element */
.background-shape {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #AEE0D5; /* Light teal from the image */
    clip-path: polygon(100% 0%, 0% 100%, 100% 100%);
    z-index: -1; /* Ensure it's behind .home-background if that's used as a container */
    pointer-events: none;
}

/* Ensure proper stacking for fixed background elements */
body.home-page {
    position: relative; /* Needed for z-index context of children */
}