/* Footer social icons use green theme */
footer .bi-instagram, footer .bi-facebook {
  color: #b6d67f !important;
}
/* Green outline button for Quick Info cards */
.btn.green-outline {
  border-color: #b6d67f !important;
  color: #254f15 !important;
}
.btn.green-outline:hover, .btn.green-outline:focus {
  background: #b6d67f !important;
  color: #254f15 !important;
  border-color: #b6d67f !important;
}
/* Registration button custom color for homepage */
a.btn.btn-primary[href="register.html"],
a.btn.btn-primary[href="register.html"]:hover,
a.btn.btn-primary[href="register.html"]:focus {
  background: #b6d67f !important;
  border-color: #b6d67f !important;
  color: #254f15 !important;
}
/* ===== Camp Carmel Global Styles ===== */

:root{
  --cc-bg: #ffffff;
  --cc-text: #0f172a;        /* slate-ish */
  --cc-muted: #475569;
  --cc-border: rgba(15, 23, 42, 0.12);

  --cc-primary: #b6d67f;     /* blue */
  --cc-primary-dark: #254f15;

  --cc-radius: 18px;
  --cc-shadow: 0 10px 30px rgba(2, 6, 23, 0.10);
  --cc-shadow-soft: 0 8px 20px rgba(2, 6, 23, 0.08);
}

html { scroll-behavior: smooth; }

body{
  background: var(--cc-bg);
  color: var(--cc-text);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  line-height: 1.55;
}

a{ color: var(--cc-primary); }
a:hover{ color: var(--cc-primary-dark); }

/* Navbar */
.navbar{
  backdrop-filter: saturate(180%) blur(8px);
  background-color: #254f15 !important;
}
.navbar .navbar-brand{
  letter-spacing: 0.2px;
}
.navbar .nav-link{
  color: var(--cc-text);
  opacity: .85;
}
.navbar .nav-link:hover{
  opacity: 1;
}
.navbar .nav-link.active{
  font-weight: 600;
  opacity: 1;
}

/* Buttons */
.btn{
  border-radius: 999px;
  padding: .65rem 1.05rem;
  font-weight: 600;
  letter-spacing: .2px;
}
.btn-primary{
  background: var(--cc-primary);
  border-color: var(--cc-primary);
}
.btn-primary:hover{
  background: var(--cc-primary-dark);
  border-color: var(--cc-primary-dark);
}
.btn-outline-light{
  border-width: 2px;
}

/* Cards / sections */
.card, .rounded-4, .rounded-3{
  border-radius: var(--cc-radius) !important;
}
.card{
  border-color: var(--cc-border);
  box-shadow: var(--cc-shadow-soft);
}
.card:hover{
  transform: translateY(-2px);
  transition: transform .15s ease;
}

.section-title{
  letter-spacing: .02em;
}

.bg-light{
  background-color: #f6f7fb !important;
}

/* Content containers */
main.container{
  max-width: 1040px;
}

/* Navbar styling - subtle improvements for visibility */
.navbar .nav-link {
  padding: 0.5rem 0.75rem !important;
  margin: 0 0.25rem !important;
  border-radius: 4px;
  transition: all 0.2s ease;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.85) !important;
}

.navbar .nav-link:hover {
  background-color: rgba(37, 99, 235, 0.1);
  color: white !important;
}

.navbar .nav-link.active {
  background-color: var(--cc-primary);
  color: white !important;
}

/* Footer */
footer {
  color: var(--cc-muted);
}
footer .container {
  padding-left: 0;
  padding-right: 0;
}
footer .d-flex {
  flex-wrap: wrap;
  gap: 1.25rem;
}
@media (max-width: 767.98px) {
  footer .container.d-flex {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center;
    gap: 0.75rem !important;
  }
  footer .d-flex.gap-3 {
    justify-content: center !important;
    margin-top: 0.5rem;
  }
}
footer .bi {
  font-size: 1.5rem;
  transition: all 0.2s ease;
}
footer a:hover .bi {
  transform: scale(1.2);
}
.cc-divider{
  height: 1px;
  background: var(--cc-border);
  width: 100%;
}