/* style/cockfighting.css */

/* Base styles for the page content */
.page-cockfighting {
  font-family: Arial, sans-serif;
  line-height: 1.6;
  color: #333333; /* Default dark text for light body background */
  background-color: #f8f8f8; /* Light background for content sections */
}

/* Header offset to prevent content being covered by fixed header */
.page-cockfighting {
  padding-top: var(--header-offset, 120px); /* Apply default offset if shared doesn't provide it */
}

/* Section styling */
.page-cockfighting__section {
  padding: 60px 20px;
  text-align: center;
}

.page-cockfighting__section-title {
  font-size: 2.5em;
  color: #1A2B4C; /* Main brand color */
  margin-bottom: 20px;
  font-weight: bold;
}

.page-cockfighting__section-title--light {
  color: #ffffff; /* Light text for dark backgrounds */
}

.page-cockfighting__container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px; /* Add some padding for smaller screens */
  box-sizing: border-box;
}

.page-cockfighting__text-block {
  font-size: 1.1em;
  margin-bottom: 20px;
  color: #333333;
}

.page-cockfighting__text-block--light {
  color: #f0f0f0; /* Light text for dark backgrounds */
}

.page-cockfighting__highlight {
  font-weight: bold;
  color: #1A2B4C; /* Highlight color for light backgrounds */
}

.page-cockfighting__highlight--light {
  color: #FFD700; /* Auxiliary color for dark backgrounds */
}