/* Site-wide Variables */
:root {
  --site-font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --primary-color: #DF3A3A;
  --secondary-color: #F5A623;
  --bs-primary: var(--primary-color);
  --bs-link-color: var(--primary-color);
}

/* --- Global Component Overrides --- */

/* Style for html, body, .site-body */
html, body, .site-body {
  background-image: none !important;
  background-color: #ffffff !important;
  color: #212529 !important;
  fill: #212529 !important;
  font-family: var(--site-font) !important;
}

/* Style for header, .site-header, .navbar:first-of-type */
header, .site-header, .navbar:first-of-type {
  background-image: none !important;
  background-color: #c9302c !important;
  color: #ffffff !important;
  fill: #ffffff !important;
  font-family: var(--site-font) !important;
}
header, .site-header, .navbar:first-of-type .btn, header, .site-header, .navbar:first-of-type .site-button {
  background-color: #DF3A3A !important;
  color: #ffffff !important;
  border-color: #DF3A3A !important;
  transition: all 0.2s ease-in-out;
}
header, .site-header, .navbar:first-of-type .btn, header, .site-header, .navbar:first-of-type .site-button:hover {
  background-color: #ff6600 !important;
  color: #ffffff !important;
  border-color: #ff6600 !important;
}
header, .site-header, .navbar:first-of-type * {
  color: #ffffff !important;
  font-family: var(--site-font) !important;
}

/* Style for nav, .site-navbar, .navbar:nth-of-type(2) */
nav, .site-navbar, .navbar:nth-of-type(2) {
  background-image: linear-gradient(90deg, #c9302c, #ff6600) !important;
  background-color: transparent !important;
  color: #ffffff !important;
  fill: #ffffff !important;
  font-family: var(--site-font) !important;
}
nav, .site-navbar, .navbar:nth-of-type(2) * {
  color: #ffffff !important;
  font-family: var(--site-font) !important;
}

/* Style for footer.page.footer.site-footer */
footer.page.footer.site-footer {
  background-image: none !important;
  background-color: #c9302c !important;
  color: #ffffff !important;
  fill: #ffffff !important;
  font-family: var(--site-font) !important;
}
footer.page.footer.site-footer .btn, footer.page.footer.site-footer .site-button {
  background-color: #ffffff !important;
  color: #c9302c !important;
  border-color: #ffffff !important;
  transition: all 0.2s ease-in-out;
}
footer.page.footer.site-footer .btn, footer.page.footer.site-footer .site-button:hover {
  background-color: #DF3A3A !important;
  color: #ffffff !important;
  border-color: #DF3A3A !important;
}
footer.page.footer.site-footer * {
  color: #ffffff !important;
  font-family: var(--site-font) !important;
}

/* Style for .article-modal .modal-content */
.article-modal .modal-content {
  background-image: none !important;
  background-color: #ffffff !important;
  color: #212529 !important;
  fill: #212529 !important;
  font-family: var(--site-font) !important;
}
.article-modal .modal-content * {
  color: #212529 !important;
  font-family: var(--site-font) !important;
}

/* --- Page Section Overrides --- */

/* Style for .page.home .lazysusan */
.page.home .lazysusan {
}
.page.home .lazysusan button, .page.home .lazysusan .btn, .page.home .lazysusan input[type=submit], .page.home .lazysusan .site-button {
  background-color: #DF3A3A !important;
  border-color: #DF3A3A !important;
  color: #ffffff !important;
  transition: all 0.2s ease-in-out;
}
.page.home .lazysusan button, .page.home .lazysusan .btn, .page.home .lazysusan input[type=submit], .page.home .lazysusan .site-button:hover {
  background-color: #ff6600 !important;
  border-color: #ff6600 !important;
  color: #ffffff !important;
}

/* Style for .page.home .posts */
.page.home .posts {
}
.page.home .posts button, .page.home .posts .btn, .page.home .posts input[type=submit], .page.home .posts .site-button {
  background-color: #DF3A3A !important;
  border-color: #DF3A3A !important;
  color: #ffffff !important;
  transition: all 0.2s ease-in-out;
}
.page.home .posts button, .page.home .posts .btn, .page.home .posts input[type=submit], .page.home .posts .site-button:hover {
  background-color: #ff6600 !important;
  border-color: #ff6600 !important;
  color: #ffffff !important;
}

/* Style for .page.kpao .banner */
.page.kpao .banner {
}
.page.kpao .banner button, .page.kpao .banner .btn, .page.kpao .banner input[type=submit], .page.kpao .banner .site-button {
  background-color: #DF3A3A !important;
  border-color: #DF3A3A !important;
  color: #ffffff !important;
  transition: all 0.2s ease-in-out;
}
.page.kpao .banner button, .page.kpao .banner .btn, .page.kpao .banner input[type=submit], .page.kpao .banner .site-button:hover {
  background-color: #ff6600 !important;
  border-color: #ff6600 !important;
  color: #ffffff !important;
}

/* Style for .page.kpao .news-tunnel */
.page.kpao .news-tunnel {
}
.page.kpao .news-tunnel button, .page.kpao .news-tunnel .btn, .page.kpao .news-tunnel input[type=submit], .page.kpao .news-tunnel .site-button {
  background-color: #DF3A3A !important;
  border-color: #DF3A3A !important;
  color: #ffffff !important;
  transition: all 0.2s ease-in-out;
}
.page.kpao .news-tunnel button, .page.kpao .news-tunnel .btn, .page.kpao .news-tunnel input[type=submit], .page.kpao .news-tunnel .site-button:hover {
  background-color: #ff6600 !important;
  border-color: #ff6600 !important;
  color: #ffffff !important;
}

/* Style for .page.kpao .promos */
.page.kpao .promos {
}
.page.kpao .promos button, .page.kpao .promos .btn, .page.kpao .promos input[type=submit], .page.kpao .promos .site-button {
  background-color: #DF3A3A !important;
  border-color: #DF3A3A !important;
  color: #ffffff !important;
  transition: all 0.2s ease-in-out;
}
.page.kpao .promos button, .page.kpao .promos .btn, .page.kpao .promos input[type=submit], .page.kpao .promos .site-button:hover {
  background-color: #ff6600 !important;
  border-color: #ff6600 !important;
  color: #ffffff !important;
}

/* Style for .page.restobar .banner */
.page.restobar .banner {
}
.page.restobar .banner button, .page.restobar .banner .btn, .page.restobar .banner input[type=submit], .page.restobar .banner .site-button {
  background-color: #DF3A3A !important;
  border-color: #DF3A3A !important;
  color: #ffffff !important;
  transition: all 0.2s ease-in-out;
}
.page.restobar .banner button, .page.restobar .banner .btn, .page.restobar .banner input[type=submit], .page.restobar .banner .site-button:hover {
  background-color: #ff6600 !important;
  border-color: #ff6600 !important;
  color: #ffffff !important;
}

/* Style for .page.restobar .news-tunnel */
.page.restobar .news-tunnel {
}
.page.restobar .news-tunnel button, .page.restobar .news-tunnel .btn, .page.restobar .news-tunnel input[type=submit], .page.restobar .news-tunnel .site-button {
  background-color: #DF3A3A !important;
  border-color: #DF3A3A !important;
  color: #ffffff !important;
  transition: all 0.2s ease-in-out;
}
.page.restobar .news-tunnel button, .page.restobar .news-tunnel .btn, .page.restobar .news-tunnel input[type=submit], .page.restobar .news-tunnel .site-button:hover {
  background-color: #ff6600 !important;
  border-color: #ff6600 !important;
  color: #ffffff !important;
}

/* Style for .page.restobar .menu */
.page.restobar .menu {
}
.page.restobar .menu button, .page.restobar .menu .btn, .page.restobar .menu input[type=submit], .page.restobar .menu .site-button {
  background-color: #DF3A3A !important;
  border-color: #DF3A3A !important;
  color: #ffffff !important;
  transition: all 0.2s ease-in-out;
}
.page.restobar .menu button, .page.restobar .menu .btn, .page.restobar .menu input[type=submit], .page.restobar .menu .site-button:hover {
  background-color: #ff6600 !important;
  border-color: #ff6600 !important;
  color: #ffffff !important;
}

/* Style for .page.about .about-section */
.page.about .about-section {
}
.page.about .about-section button, .page.about .about-section .btn, .page.about .about-section input[type=submit], .page.about .about-section .site-button {
  background-color: #DF3A3A !important;
  border-color: #DF3A3A !important;
  color: #ffffff !important;
  transition: all 0.2s ease-in-out;
}
.page.about .about-section button, .page.about .about-section .btn, .page.about .about-section input[type=submit], .page.about .about-section .site-button:hover {
  background-color: #ff6600 !important;
  border-color: #ff6600 !important;
  color: #ffffff !important;
}

/* Style for .page.contact .contact-section */
.page.contact .contact-section {
}
.page.contact .contact-section button, .page.contact .contact-section .btn, .page.contact .contact-section input[type=submit], .page.contact .contact-section .site-button {
  background-color: #DF3A3A !important;
  border-color: #DF3A3A !important;
  color: #ffffff !important;
  transition: all 0.2s ease-in-out;
}
.page.contact .contact-section button, .page.contact .contact-section .btn, .page.contact .contact-section input[type=submit], .page.contact .contact-section .site-button:hover {
  background-color: #ff6600 !important;
  border-color: #ff6600 !important;
  color: #ffffff !important;
}

/* Style for .page.contact .social-links */
.page.contact .social-links {
}
.page.contact .social-links button, .page.contact .social-links .btn, .page.contact .social-links input[type=submit], .page.contact .social-links .site-button {
  background-color: #DF3A3A !important;
  border-color: #DF3A3A !important;
  color: #ffffff !important;
  transition: all 0.2s ease-in-out;
}
.page.contact .social-links button, .page.contact .social-links .btn, .page.contact .social-links input[type=submit], .page.contact .social-links .site-button:hover {
  background-color: #ff6600 !important;
  border-color: #ff6600 !important;
  color: #ffffff !important;
}

/* --- Article Modal Theme --- */

.article-modal .modal-content {
  background-color: #ffffff !important;
  color: #212529 !important;
  text-align: center;
  font-family: inherit, var(--site-font);
  border: none;
  border-radius: 12px;
  padding: 2rem;
  box-shadow: 0 10px 40px rgba(0,0,0,0.4);
}

.article-modal .modal-header {
  border-bottom: none !important;
  justify-content: center !important;
  color: #DF3A3A !important;
  text-align: center !important;
}

.article-modal .modal-title {
  color: #DF3A3A !important;
  font-weight: 700;
  text-align: center;
}

.article-modal .modal-body {
  text-align: center;
}

.article-modal .modal-backdrop.show {
  background-color: rgba(0,0,0,0.8);
  opacity: 1 !important;
}

.article-modal .btn,
.article-modal button,
.article-modal .modal-footer button {
  background-color: #DF3A3A !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 6px !important;
  transition: all 0.2s ease-in-out !important;
  padding: 0.5rem 1rem !important;
  font-weight: 500 !important;
}

.article-modal .btn:hover,
.article-modal button:hover,
.article-modal .modal-footer button:hover {
  background-color: #ff6600 !important;
  color: #ffffff !important;
}