/* ============================================
   Anitha Appalam – lighten template overrides
   ============================================ */

/* Logo size */
.logo img {
  max-height: 64px;
  width: auto;
  object-fit: contain;
}

/* ── Top bar: phone link fix ──────────────────
   The template's sociel_link li a is sized for 50px icon circles.
   Override to allow a full-width text phone link. */
.head_top ul.sociel_link li a.phone-link {
  width: auto;
  height: auto;
  line-height: 50px;
  padding: 0 12px;
  border-radius: 0;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}

/* Top bar tagline */
.head_top .top-box p {
  font-size: 13px;
  margin: 0;
  line-height: 50px;
  white-space: nowrap;
}

/* ── Banner images: full-width responsive ─────
   Bootstrap 4 carousel images need explicit width. */
.banner-main .carousel-item img,
.banner-main img.first-slide,
.banner-main img.second-slide,
.banner-main img.third-slide {
  width: 100%;
  height: 500px;
  object-fit: cover;
  object-position: center center;
  display: block;
}

/* ── Header alignment ─────────────────────────
   Remove extra bottom padding so logo and nav sit flush. */
.header {
  padding-bottom: 10px !important;
}
.head_top {
  margin-bottom: 0 !important;
}

/* Product photo boxes (full-photo style, no icons) */
.product-box i {
  display: block;
  width: 100%;
  height: 180px;
  overflow: hidden;
  margin-bottom: 12px;
  background: #f5f5f5;
}
.product-box i img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

/* About image */
.about_box figure img {
  width: 100%;
  height: auto;
  border-radius: 4px;
}

/* Contact info block in footer */
.footer .contact span {
  font-size: 13px;
  line-height: 1.7;
}

/* CTA phone link */
.yellow-box a.call-link {
  color: inherit;
  text-decoration: none;
  font-weight: 600;
}

/* Readable banner caption */
.banner-main .carousel-caption h1 {
  color: #fff !important;
  text-shadow: 0 2px 8px rgba(0,0,0,0.7);
}
.banner-main .carousel-caption p {
  color: #f0f0f0 !important;
  text-shadow: 0 1px 4px rgba(0,0,0,0.6);
}

/* Fix: meanmenu plugin adds .mean-last to the last nav <li> (Contact).
   responsive.css hides .mean-last on mobile, which hides the Contact link. */
.mean-container .mean-nav ul li.mean-last {
  display: block !important;
}