/* Custom visual refinements for PESCHLAW */
@import url("css/custom.css");

/* Typography: clean system sans stack */
body {
  font-family: system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif !important;
}

h1, h2, h3 {
  font-family: system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif !important;
  text-align: left;
}

/* Ensure section headings align left where theme centers them */
.section-title, .section-title h1, .section-title h2 {
  text-align: left !important;
}

/* Remove hero avatar column entirely */
.hero .col-lg-4 {
  display: none;
}
.hero .col-lg-8 {
  flex: 0 0 100%;
  max-width: 100%;
}

/* ── Layout: consistent left-alignment across all sections ── */

/* Reduce hero height – don't force full viewport */
#hero {
  min-height: auto !important;
  padding-bottom: 2rem !important;
}

/* Left-align About section */
#about h3 {
  text-align: left !important;
}
#about .row {
  justify-content: flex-start !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}
#about .content {
  padding-left: 0 !important;
}
#about {
  padding-top: 0 !important;
}

/* Left-align Contact section */
#contact h3 {
  text-align: left !important;
}
#contact .text-center {
  text-align: left !important;
}
#contact {
  padding-top: 1rem !important;
}
#contact .container > div {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
#contact .row {
  justify-content: flex-start !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}
#contact .col-md-8 {
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 0 !important;
}

/* Tighten inter-section spacing */
section .container > .py-5,
section .container > div > .py-5 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

/* Match hero's horizontal padding so About/Contact text aligns with hero description */
#about .container,
#contact .container {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

/* Section headings in primary blue (matches navbar brand) */
#about h3,
#contact h3 {
  color: var(--primary-color) !important;
}

/* Standardize button styles */
.btn,
.btn-primary,
.btn-outline-primary {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: #ffffff !important;
}

.btn:hover,
.btn-primary:hover,
.btn-outline-primary:hover {
  filter: brightness(0.95);
}

/* Hero social icons: restore outline style (undo filled .btn override) */
#hero a.btn.social-icon {
  background-color: transparent !important;
  color: var(--primary-color) !important;
  margin-top: 0.5rem !important;
  font-size: 1.2rem;
}