/* modern-style.css (Final Version - Robust Sticky Footer) */

/* Global styles for Sticky Footer */
html {
    height: 100%; /* Ensure html takes full height of the viewport */
}

body {
    font-family: 'Inter', sans-serif;
    display: flex; /* Make body a flex container */
    flex-direction: column; /* Stack children vertically */
    min-height: 100vh; /* Ensure body takes at least the full viewport height */
    margin: 0; /* Remove default body margin */
    padding: 0; /* Remove default body padding */
}

/* This targets your main content area and makes it grow */
main {
    flex-grow: 1; /* Allow the main content area to grow and push the footer down */
    /* Add any other desired styling for your main content here */
}

.brand-green {
    background-color: #62776E;
}

.brand-green-text {
    color: #62776E;
}

.brand-green-border {
    border-color: #62776E;
}

/* --- HEADER STYLES --- */
.header-bg {
    position: relative;
    z-index: 0;
    min-height: 80px;
    padding-top: 5px;
    padding-bottom: 5px;
    /* Ensure no fixed height or overflow: hidden that would constrain it */
}

.header-bg::before,
.header-bg::after {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1;
    background-size: contain;
}

/* .header-bg::before {
    left: 0;
    background-image: url('../images/header/Header_left.png');
    width: 193px;
} */

.header-bg::after {
    right: 0;
    background-image: url('../images/header/Header_right.png');
    width: 354px;
}
/* --- END HEADER STYLES --- */

.error-message {
    color: #ef4444;
    font-size: 1.125rem;
    font-weight: 600;
}

.lock-tile.selected,
.size-tile.selected,
.version-tile.selected {
    border-color: #62776E;
    box-shadow: 0 0 0 2px #62776E;
    background-color: #f0f3f2;
}

.tile-disabled {
    opacity: 0.5;
    cursor: not-allowed;
    background-color: #f3f4f6;
}

.hero-subtitle {
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
}