/* style/cockfighting.css */
.page-cockfighting {
    font-family: 'Arial', sans-serif;
    color: #FFF3E6; /* Default text color for dark body background */
    background-color: var(--body-bg, #0D0E12); /* Use shared body background */
}

.page-cockfighting__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    box-sizing: border-box;
}

/* Hero Section */
.page-cockfighting__hero-section {
    position: relative;
    display: flex;
    flex-direction: column; /* Enforce top-image-bottom-text */
    align-items: center;
    justify-content: center;
    text-align: center;
    overflow: hidden;
    padding-top: 10px; /* Small top padding, body handles --header-offset */
    padding-bottom: 50px;
    background-color: #0D0E12; /* Fallback for hero section background */
}

.page-cockfighting__hero-image {
    width: 100%;
    height: auto;
    max-height: 600px; /* Limit height for desktop hero */
    object-fit: cover; /* Cover for desktop */
    display: block;
    margin-bottom: 30px; /* Space between image and content */
}

.page-cockfighting__hero-content {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative; /* Ensure content is in normal flow */
    z-index: 1; /* Ensure content is above any potential background elements */
}