/* ============================================================
   inline-extracted.css
   All styles previously written inline in index.html.
   Supplement to style.css — do not duplicate rules already
   defined there.
   ============================================================ */

/* --- Navbar --- */
.navbar-logo {
  height: 70px;
}

.navbar-toggler-icon-custom {
  color: #fff;
  font-size: 1.4rem;
}

/* --- Services section --- */
.services-heading {
  font-size: 2.6rem;
  color: var(--black);
}

.services-subtext {
  color: #999;
  line-height: 1.8;
  margin: 2rem 0 0 0;
}

/* --- Gallery section --- */
.gallery-heading {
  font-size: 2.6rem;
  color: #fff;
}

.gallery-view-all {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 0.72rem;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.35);
  text-decoration: none;
}

.gallery-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* --- Contact section --- */
.contact-label {
  color: var(--red);
}

.contact-heading {
  font-size: 2rem;
  color: #fff;
}

.contact-link {
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  font-size: 2rem;
  color: rgba(0,0,0,0.8)
}

.contact-icon {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.contact-icon--phone, .contact-icon--email {
  background: #f00;
}

.contact-icon--phone i,
.contact-icon--email i {
  font-size: 13px;
  color: #fff;
}

.contact-link--whatsapp {
  color: rgba(0,0,0,0.8); /* Bootstrap success green */
  font-size: 2rem;
}

.contact-icon--whatsapp-icon {
	 color: #198754;
}
/*
.contact-icon--email {
  background: #0d6efd;
}
*/

/* --- Footer --- */
.footer-legal {
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.8);
}

.footer-tagline {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 0.62rem;
  letter-spacing: 0.3em;
  color: rgba(255, 255, 255, 0.8);
}