/* Mediclive Surgical Instruments Inc. - Professional White + Green Medical B2B Theme */

:root{
  --primary-green: #16a34a;      /* main green */
  --dark-green: #0f7a36;         /* deeper green */
  --soft-green: #eafaf0;         /* subtle green background */
  --accent-blue: #0ea5e9;        /* optional accent */
  --text-dark: #1f2937;
  --muted: #6b7280;
}

body{
  font-family: "Segoe UI", Roboto, Arial, sans-serif;
  color: var(--text-dark);
  line-height: 1.6;
  background: #fff;
}

.navbar{
  box-shadow: 0 2px 15px rgba(0,0,0,0.06);
}

.navbar-brand{
  letter-spacing: 0.1px;
}

.hero{
  background: linear-gradient(120deg, rgba(22,163,74,0.88), rgba(15,122,54,0.88)),
              url('../img/hero.jpg') center/cover no-repeat;
  color: #fff;
  padding: 110px 0;
}

.hero h1{
  font-weight: 800;
  font-size: clamp(2rem, 3.5vw, 3rem);
}

.hero p{
  font-size: 1.05rem;
  max-width: 720px;
  color: rgba(255,255,255,0.92);
}

.btn-med{
  border-radius: 10px;
  padding: 12px 18px;
  font-weight: 700;
}

/* Override bootstrap primary to green feel */
.btn-primary{
  background: var(--primary-green) !important;
  border-color: var(--primary-green) !important;
}
.btn-primary:hover{
  background: var(--dark-green) !important;
  border-color: var(--dark-green) !important;
}

.text-primary{
  color: var(--primary-green) !important;
}

.border-primary{
  border-color: var(--primary-green) !important;
}

.section-title{
  font-weight: 900;
  color: var(--dark-green);
}

.icon-circle{
  width: 46px;
  height: 46px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--soft-green);
  color: var(--primary-green);
  font-size: 22px;
}

.card{
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,0.06);
  box-shadow: 0 10px 25px rgba(0,0,0,0.04);
}

.quick-strip{
  background: var(--soft-green);
  border-top: 1px solid rgba(22,163,74,0.18);
  border-bottom: 1px solid rgba(22,163,74,0.18);
}

.cta-banner{
  background: linear-gradient(120deg, var(--primary-green), var(--dark-green));
  border-radius: 18px;
  color: #fff;
  padding: 45px 30px;
}

.badge-soft{
  background: rgba(22,163,74,0.12);
  color: var(--primary-green);
  padding: 8px 10px;
  border-radius: 999px;
  font-weight: 700;
}

.divider{
  width: 100%;
  height: 1px;
  background: rgba(0,0,0,0.08);
  margin: 16px 0;
}

.footer{
  background: #062a16;
  color: rgba(255,255,255,0.85);
}

.footer a{
  color: rgba(255,255,255,0.85);
  text-decoration: none;
}
.footer a:hover{
  color: #fff;
}

/* Floating contact buttons */
.floating-contact{
  position: fixed;
  right: 16px;
  bottom: 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 9999;
}

.floating-contact a{
  width: 52px;
  height: 52px;
  border-radius: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 10px 25px rgba(0,0,0,0.18);
  color: #fff;
  font-size: 22px;
}

.floating-contact .call{
  background: var(--primary-green);
}

.floating-contact .email{
  background: var(--accent-blue);
}

iframe{
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,0.08);
}

.navbar-brand img{
  object-fit: contain;
  border-radius: 6px;
}

/* Hero Badge Visibility Fix */
.hero-badge{
  background: rgba(0,0,0,0.35);
  color: #fff;
  padding: 10px 14px;
  border-radius: 999px;
  font-weight: 800;
  font-size: 0.85rem;
  letter-spacing: 0.2px;
  backdrop-filter: blur(6px);
  border: 1px solid rgba(255,255,255,0.25);
}