/* General Body Styling with Background Image */
body {
    /* Set the background image path */
    background-image: url('IMAGES/JAVA BURN BG IMAGE.png'); /* Assumes IMAGES folder is in the same directory as style.css */

    /* Control how the image behaves */
    background-size: cover;          /* Ensures the image covers the entire background */
    background-repeat: no-repeat;    /* Prevents the image from repeating */
    background-position: center center; /* Centers the image horizontally and vertically */
    background-attachment: fixed;    /* Keeps the image fixed while content scrolls */
    background-color: #f0f2f5;       /* Fallback color if the image fails to load */

    /* Font styling for the entire body */
    font-family: 'Roboto', 'Poppins', sans-serif;

    /* Flexbox for layout */
    display: flex;
    flex-direction: column; /* Stack children vertically */
    min-height: 100vh;       /* Ensure the body takes at least the full viewport height */

    /* Reset default margins and add padding */
    margin: 0;
    padding: 0; /* Remove body padding so footer can go full width */
    box-sizing: border-box;  /* Include padding in the element's total width and height */
    position: relative; /* Needed for pseudo-element positioning */
    z-index: 1; /* Ensure body content is above the overlay */
}

/* Overlay for the background image */
body::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6); /* NEW: White, semi-transparent overlay (60% opaque white) */
    z-index: -1; /* Place it behind the body content */
}


/* Cookie Consent Container Styling */
.cookie-consent-container {
    background-color: #ffffff;
    padding: 30px;
    border-radius: 8px;
    border: 2px solid #000000; /* 2px solid black border */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3); /* Larger, darker shadow */
    text-align: center;
    max-width: 450px;
    width: 90%;
    margin: auto; /* Centers horizontally and pushes itself to the center vertically */
    margin-top: 50px; /* Space from the top of the viewport */
    margin-bottom: 150px; /* Ensures a much larger gap below the cookie box */
    z-index: 2; /* Ensure cookie box is above the overlay */
    position: relative; /* Needed for z-index to work against pseudo-element */
}

/* Heading (h2) Styling inside the container */
.cookie-consent-container h2 {
    color: #333333;
    font-size: 28px;
    margin-bottom: 20px;
    font-weight: 500;
}

/* Link Styling within the h2 (for "Cookie Consent" text) */
.cookie-consent-container h2 a {
    color: inherit;
    text-decoration: none;
}

/* Paragraph (p) Styling inside the container */
.cookie-consent-container p {
    color: #555555;
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 30px;
}

/* Bold text (b) Styling inside the paragraph */
.cookie-consent-container p b {
    font-weight: 700;
    color: #111111;
}

/* Container for the buttons (to arrange them side-by-side) */
.cookie-buttons {
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
}

/* "Accept" Button Styling */
.cookie-accept-button {
    display: inline-block;
    background-color: #000000;
    color: #ffffff;
    padding: 12px 30px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 600;
    font-size: 18px;
    transition: background-color 0.3s ease, transform 0.3s ease;
    white-space: nowrap;
}

/* "Accept" Button Hover Effect */
.cookie-accept-button:hover {
    background-color: #333333;
    transform: scale(1.05); /* More pronounced scale */
}

/* "Reject" Button Styling */
.cookie-reject-button {
    display: inline-block;
    background-color: #e0e0e0;
    color: #333333;
    padding: 12px 30px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 600;
    font-size: 18px;
    transition: background-color 0.3s ease, transform 0.3s ease;
    white-space: nowrap;
}

/* "Reject" Button Hover Effect */
.cookie-reject-button:hover {
    background-color: #cccccc;
    transform: scale(1.05); /* More pronounced scale */
}

/* --- Footer Styling --- */
.site-footer {
    background-color: #5c5c5c;
    color: #ffffff;
    padding: 8px; /* Further reduced padding for a smaller footer */
    text-align: center;
    width: 100%;
    margin-top: 150px; /* INCREASED GAP: Explicit margin to create a much larger gap from the element above */
    box-sizing: border-box;
    z-index: 2; /* Ensure footer is above the overlay */
    position: relative; /* Needed for z-index to work against pseudo-element */
}

.footer-links {
    display: flex;
    justify-content: center;
    gap: 10px; /* Further reduced gap between links */
    margin-bottom: 8px; /* Further reduced space below links and above text */
    flex-wrap: wrap;
}

.footer-links a {
    color: #ffffff;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.8em; /* Further reduced font size for links */
    transition: color 0.3s ease;
}

.footer-links a:hover {
    color: #f0f0f0;
    text-decoration: underline;
}

.footer-text p {
    font-size: 0.7em; /* Further reduced font size for disclaimers */
    line-height: 1.3; /* Tighter line spacing */
    margin-bottom: 3px; /* Further reduced space between disclaimer paragraphs */
    color: #cccccc;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.copyright {
    margin-top: 8px; /* Further reduced space above copyright text */
    font-size: 0.75em; /* Further reduced font size for copyright */
    font-weight: 400;
    color: #ffffff;
}