/* styles.css - Common site-wide styles for Sri Lakshmi Developers */

/* Import Google Font */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap');

/* Global Resets & Base */
body {
  font-family: 'Inter', sans-serif;
  color: #1f2937;
  line-height: 1.6;
}
a { text-decoration: none; color: inherit; }

/* Page Header - gradient banner on each page */
.page-header {
  background: linear-gradient(to right, #eff6ff, #fff7ed);
  padding: 4rem 0;
  text-align: center;
  border-bottom: 1px solid #e0e7ff;
}
.page-header h1, .page-header h2 {
  font-weight: 700;
  margin-bottom: .5rem;
  font-family: 'Inter', sans-serif;
}
.page-header p {
  color: #6b7280;
  margin-bottom: 0;
}

/* Hero Section (Home) */
.hero {
  background: linear-gradient(to right, #fff7ed, #eff6ff);
  padding: 4rem 0;
  border-bottom: 1px solid #e0e7ff;
}
.hero .btn { min-width: 140px; }

/* Bordered Containers */
.bordered {
  border: 1px solid #e0e7ff;
  border-radius: .75rem;
}

/* Featured Project Container */
.featured .card-container,
.visit-projects .card,
.contact-form,
.related-articles .card,
.faq .card {
  border: 1px solid #e0e7ff;
  border-radius: .5rem;
}

/* Cards in Features, Services, FAQ */
.features .card,
.services .card,
.faq .card {
  border: 1px solid #e0e7ff;
  border-radius: .5rem;
}
.features .card h5,
.features .card p,
.services .card h6,
.services .card p {
  margin: .5rem 0;
}
.card-article,
.card-project {
  border: 1px solid #e0e7ff;
  border-radius: .75rem;
}
.card-article img,
.card-project img,
.post-image {
  border: 1px solid #e0e7ff;
  border-radius: .5rem;
}

/* Buttons */
.btn-outline-secondary {
  border: 1px solid #6c757d;
}

/* Call To Action Sections */
.cta {
  background: #1e3a8a;
  color: #fff;
  padding: 4rem 0;
  border-top: 1px solid #374b86;
  text-align: center;
}
.cta .btn-outline-light { border-color: #fff; }

/* Footer Standard */
footer {
  background: #f8f9fa;
  padding: 2rem 0;
  border-top: 1px solid #e0e7ff;
}
footer a { color: inherit; }
footer .small, footer p { color: #6b7280; }

/* Typography Helpers */
.fw-bold { font-weight: 700; }
.text-muted { color: #6b7280; }
.mb-0 { margin-bottom: 0; }
.mt-2 { margin-top: .5rem; }

/* Utility */
.ratio .bg-secondary { background-color: #e5e7eb !important; color: #6b7280; }

/* Category Badges */
.badge-category,
.badge-featured {
  background-color: #1e3a8a;
  color: #fff;
  font-size: .75rem;
  text-transform: uppercase;
}

/* Responsive Tweaks */
@media (max-width: 767px) {
  .hero,
  .page-header {
    padding: 2rem 0;
  }
}

.whatsapp-chat {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #25D366;
  color: #fff;
  font-size: 1.75rem;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  z-index: 1050;
  transition: background-color 0.3s;
}
.whatsapp-chat:hover { background-color: #1ebe57; }

.img-placeholder {
  width: 500px;
  height: 300px;
  object-fit: cover; /* ensures it fills the box */
}

.img-auto {
  width: 100%;
  height:auto ;
  min-height: 300px;
}