/* occmed-styles.css - scoped styles for Occupational Medicine templates */
:root{
  --accent:#0077b6;
  --muted:#6c757d;
  --max-width:1200px;
  --heading-font:'Poppins', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  --body-font:'Roboto', system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Arial;
}
body { font-family: var(--body-font); line-height:1.6; color:#222; }
.occmed-container{ max-width:var(--max-width); margin:0 auto; padding:2rem; }
.occmed-hero { background-size:cover; background-position:center; position:relative; display:flex; align-items:center; justify-content:center; color:white; }
.occmed-hero .overlay{ position:absolute; inset:0; background:rgba(0,0,0,0.35); }
.occmed-hero .content{ position:relative; z-index:2; padding:3rem; text-align:center; }
.occmed-cta{ background:var(--accent); color:white; border-radius:6px; padding:.75rem 1.25rem; display:inline-block; text-decoration:none;}
.occmed-card img{ height:200px; object-fit:cover; }
.occmed-section { padding:3rem 0; }
.occmed-section h2{ font-family: var(--heading-font); font-weight:700; margin-bottom:1rem; }
.list-check li{ margin-bottom:.5rem; padding-left:1.6rem; position:relative; }
.list-check li:before{ content:'✓'; position:absolute; left:0; color:var(--accent); font-weight:700; }
.map-wrap iframe{ border:0; width:100%; height:280px; }
footer.occmed-footer{ background:#f8f9fa; padding:2rem 0; text-align:center; margin-top:2rem; }
@media (min-width:768px){
  .occmed-hero{ height:60vh; }
}


/* Base fonts */
body {
  font-family: 'Roboto', sans-serif;
  color: #333;
  background-color: #fff;
}

h1, h2, h3, h4, h5 {
  font-family: 'Poppins', sans-serif;
  color: #085599;
  font-weight: 700;
}

/* Hero Section */
.occmed-hero {
  position: relative;
  background-size: cover;
  background-position: center;
  color: #fff;
  text-align: center;
  padding: 120px 20px;
  overflow: hidden;
}

.occmed-hero .overlay {
  position: absolute;
  inset: 0;
  background: rgba(8, 85, 153, 0.7); /* Brand blue overlay */
  z-index: 1;
}

.occmed-hero .content {
  position: relative;
  z-index: 2;
  max-width: 850px;
  margin: 0 auto;
}

.occmed-hero h1 {
  font-size: 2.8rem;
  font-weight: 700;
}

.occmed-hero p {
  font-size: 1.2rem;
  margin-top: 1rem;
}

/* Call to Action */
.occmed-cta {
  display: inline-block;
  background-color: #085599;
  color: #fff;
  padding: 12px 32px;
  border-radius: 50px;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
}

.occmed-cta:hover {
  background-color: #063e73;
  color: #fff;
}

/* Sections */
.occmed-section {
  padding: 60px 0;
}

.occmed-section.bg-light {
  background-color: #f8f9fa;
}

/* Cards */
.occmed-card {
  border: none;
  box-shadow: 0 3px 12px rgba(0,0,0,0.08);
  transition: transform 0.3s ease;
}

.occmed-card:hover {
  transform: translateY(-6px);
}

.occmed-card .card-title {
  color: #085599;
  font-weight: 600;
}

/* List with checkmarks */
.list-check {
  list-style: none;
  padding-left: 0;
}

.list-check li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 8px;
}

.list-check li::before {
  content: '✔';
  color: #085599;
  position: absolute;
  left: 0;
  top: 0;
  font-weight: bold;
}

/* Map Section */
.map-wrap iframe {
  width: 100%;
  height: 300px;
  border: 0;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

/* Responsiveness */
@media (max-width: 767px) {
  .occmed-hero {
    padding: 80px 15px;
  }

  .occmed-hero h1 {
    font-size: 2rem;
  }

  .occmed-hero p {
    font-size: 1rem;
  }
}