/* Medieta frontend styles (custom layer over Bootstrap 5) */

/* Fonts: loaded via preload in layout head to avoid render blocking */

:root {
  --mdt-primary: #4fb79e; /* adjust to brand */
  --mdt-primary-dark: #3fa48d;
  --mdt-accent: #f1b24a;
  --mdt-text: #1d2b2a;
  --mdt-muted: #6b7b7a;
  --mdt-bg: #ffffff;
  --mdt-bg-soft: #f7fbfa;
  --mdt-border: #e6eeec;
}

html, body {
  font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  color: var(--mdt-text);
  background: var(--mdt-bg);
  margin: 0; /* remove default browser margins that cause right-side gap on mobile */
  padding-top: 35px; /* offset fixed header on desktop */
  overflow-x: hidden; /* ensure no accidental horizontal scroll due to transforms */
}

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

/* Navbar */
.navbar {
  border-bottom: 1px solid var(--mdt-border);
}
.navbar .nav-link {
  font-weight: 500;
  color: #2d3a39;
}
.navbar .nav-link:hover,
.navbar .nav-link:focus {
  color: var(--mdt-primary);
}
.navbar .nav-link.active { color: var(--mdt-primary); }
.navbar-brand img { height: 44px; width: auto; }
.social-link { display:inline-flex; align-items:center; justify-content:center; color:#2d3a39; width:36px; height:36px; border-radius:50%; border:1px solid var(--mdt-border); }
.social-link:hover { color: var(--mdt-primary); border-color: var(--mdt-primary); background:#fff; }

/* Buttons */
.btn-primary {
  --bs-btn-bg: var(--mdt-primary);
  --bs-btn-border-color: var(--mdt-primary);
  --bs-btn-hover-bg: var(--mdt-primary-dark);
  --bs-btn-hover-border-color: var(--mdt-primary-dark);
  --bs-btn-disabled-bg: var(--mdt-primary);
  --bs-btn-disabled-border-color: var(--mdt-primary);
}
.btn-outline-secondary {
  --bs-btn-color: var(--mdt-text);
  --bs-btn-border-color: var(--mdt-border);
  --bs-btn-hover-bg: #fff;
  --bs-btn-hover-color: var(--mdt-primary);
  --bs-btn-hover-border-color: var(--mdt-primary);
}
.btn-outline-light {
  --bs-btn-color: #fff;
  --bs-btn-border-color: rgba(255,255,255,.6);
  --bs-btn-hover-bg: rgba(255,255,255,.1);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-border-color: #fff;
}

/* Hero */
.hero {
  position: relative;
  background: var(--mdt-bg-soft);
  overflow: hidden;
}
.hero .lead { color: var(--mdt-muted); }
.hero .badge { background: var(--mdt-accent); }
.hero-bg {
  position: absolute; inset: 0;
  background-size: cover; background-position: center;
  filter: blur(1px); transform: scale(1.03); pointer-events: none; /* slight blur, no opacity */
}
.hero .container { position: relative; z-index: 2; }
.hero-overlay { position:absolute; inset:0; background: rgba(0, 0, 0, 0.5); z-index:1; }
.hero--center { padding: 5rem 0; }
.hero--center .display-4 { text-shadow: 0 2px 16px rgba(0,0,0,.35); }
.text-white-75 { color: rgba(255,255,255,.9) !important; }

/* Section helpers */
.section { padding: 4rem 0; }
.section-muted { background: var(--mdt-bg-soft); }

/* Testimonials */
.testimonial-stars { color: #f5c65d; letter-spacing: 2px; }
.testimonial-text { font-size: 1.125rem; color: #334240; }

/* CTA background section */
.cta-bg { position: relative; overflow: hidden; min-height: 520px; display: flex; align-items: center; }
.cta-bg .container { z-index: 2; }
.cta-bg .cta-bg-image { position:absolute; inset:0; background-size: cover; background-position: center; transform: scale(1.02); }
.cta-bg .cta-overlay { position:absolute; inset:0; background: rgba(0,0,0,.40); z-index:1; }

/* Cards/boxes */
.feature-box {
  border: 1px solid var(--mdt-border);
  border-radius: 12px;
  padding: 1.5rem;
  transition: box-shadow .2s ease, transform .2s ease;
  background: #fff;
}
.feature-box:hover { box-shadow: 0 10px 24px rgba(0,0,0,.06); transform: translateY(-2px); }
.feature-box h5 { margin-bottom: .5rem; }
.feature-box p { margin: 0; color: var(--mdt-muted); }

/* Footer */
footer { border-top: 1px solid var(--mdt-border); background: #fafdfc; }
footer .text-muted { color: #5b6b6a !important; }

/* Forms */
.form-label { font-weight: 500; }
.form-control:focus { border-color: var(--mdt-primary); box-shadow: 0 0 0 .25rem rgba(79,183,158,.15); }

/* Utilities */
.rounded-3 { border-radius: 1rem !important; }
.shadow-sm { box-shadow: 0 .125rem .25rem rgba(0,0,0,.08) !important; }

/* Responsive tweaks */
@media (max-width: 991.98px) {
  body {  }
  .hero--center { padding: 5rem 0; }
  .cta-bg { min-height: 380px; }
}

/* Rólam - idézet kiemelés (színes, világos szöveggel) */
.quote-highlight {
  position: relative;
  background: linear-gradient(135deg, var(--mdt-primary-dark) 0%, var(--mdt-primary) 60%, #66d1b7 100%); /* colorful but on-brand */
  color: #fff;
}
.quote-highlight::before {
  content: "";
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 6px;
  background: rgba(255,255,255,.35); /* discreet light accent bar */
  opacity: 1;
}
.quote-highlight .blockquote p {
  color: #ffffff; /* light text on colorful bg */
  font-weight: 700;
  text-shadow: 0 1px 8px rgba(0,0,0,.15);
}
.quote-highlight .blockquote {
  margin: 0; /* tighten default margins */
}
