/* Color system: clean white theme with subtle neutral accents and trusted blue */
:root{
  --zc-accent: #0d6efd;           /* Bootstrap primary */
  --zc-accent-600:#0b5ed7;
  --zc-border:#e9ecef;
  --zc-muted:#6c757d;
  --zc-soft-bg:#f8f9fa;
}

/* Brand tick */
.logo-mark{
  display:inline-block;
  width:18px;height:18px;border-radius:4px;
  background: linear-gradient(135deg, var(--zc-accent), #38bdf8);
  box-shadow: 0 0 0 2px #ffffff inset;
  vertical-align: middle;
}

/* Ad slots (replace inner comment with AdSense code) */
.ad-slot{
  border:1px dashed var(--zc-border);
  background: var(--zc-soft-bg);
  border-radius:12px;
  min-height:90px;
  display:flex;align-items:center;justify-content:center;
  color:var(--zc-muted);
  font-size:.95rem;
}

/* In-content spacing */
.section-pad{ padding:2rem 0; }

/* Cards */
.card-clean{
  border:1px solid var(--zc-border);
  border-radius:16px;
}

/* Make images and iframes responsive in content */
#content img, #content iframe{ max-width:100%; height:auto; }


/* ===== Mega Menu ===== */
.dropdown-mega .dropdown-toggle::after{
  margin-left:.35rem;
}

.dropdown-mega .dropdown-menu.mega-panel{
  /* For large screens it stretches full width (position-static on li) */
  border-top:1px solid var(--zc-border);
  background: #fff;
}

.mega-block-title{
  color: var(--zc-accent);
}

.mega-links li + li { margin-top:.35rem; }
.mega-links a{
  display:inline-block;
  text-decoration:none;
  color:#212529;
}
.mega-links a:hover{
  color: var(--zc-accent);
  text-decoration: underline;
}
.mega-more-link{
  color: var(--zc-accent) !important;
}



/* Optional subtle elevation */
.mega-panel{
  box-shadow: 0 .25rem 1rem rgba(0,0,0,.06)!important;
}
/* Active states */
.navbar .nav-link.active {
  color: var(--zc-accent);
  font-weight: 600;
}
.mega-links a.active {
  color: var(--zc-accent);
  text-decoration: underline;
}