/* ================================================================= */
/* SITE FOOTER (footer.css)                                          */
/* The circular badge above the footer and the dark footer bar.      */
/* Markup in footer.php.                                             */
/* ================================================================= */

/* Site footer bar shown at the bottom of every page */
.rsn-site-footer {
    background-color: var(--rsn-carbon); /* Carbon — reserved specifically for the footer, deepest surface on the page */
    padding: 20px; /* Space inside the footer box on all sides */
    /* No margin-top here: .rsn-footer-badge provides the space above this bar, */
    /* so the badge and footer sit close together as one visual group at the bottom of the page. */
}

/* Inner wrapper that centers and constrains the footer content width */
.rsn-footer-inner {
    max-width: 1100px; /* Match the width of the header/article sections for alignment */
    margin: 0 auto; /* Center the inner wrapper horizontally within the full-width footer */
    text-align: center; /* Center the copyright text */
}

/* The circular Regen Sports Media badge, a standalone element sitting on the page's regular */
/* background directly above the footer bar (outside .rsn-footer-inner), so it reads as its own */
/* design element rather than another line of footer text. Placed in footer.php, so it's loaded via */
/* get_footer() and appears just above the footer on every single page template in the theme. */
.rsn-footer-badge {
    display: block; /* Removes the small default inline-image gap and allows the auto margins below to center it */
    width: 220px; /* Large enough that the ring text stays legible ("REGEN SPORTS MEDIA", */
    /* "Regenerating the Sports Experience", "EST. 2023") */
    height: 220px; /* Matches width since the source badge is a perfect circle inscribed in a square image */
    margin: 40px auto 16px; /* 40px above separates it from whatever page content precedes it; 16px below */
    /* keeps it close to the footer bar beneath it, so the two read as one grouped unit at page's end */
}

/* Copyright line text styling */
.rsn-footer-copyright {
    color: var(--rsn-ice); /* Ice — footer copy is still primary text on a dark (Carbon) surface */
    font-family: var(--rsn-font-dm-mono); /* Label role: DM Mono, since legal/copyright text is small-print metadata */
    font-weight: var(--rsn-type-label-weight); /* 400 weight, per the Label row of the type spec */
    font-size: var(--rsn-type-label-size); /* 10px, the middle of the Label role's 9–11px range */
}