/* Minimal theme overrides for HMS IT - loaded instead of large legacy stylesheet */

/* Reset some basics */
html,body{height:100%;}
body{font-family: 'Poppins', Arial, sans-serif;color:#333;background:#fff;margin:0}

/* Navbar adjustments */
.navbar{padding: .6rem 1rem}
.navbar-brand img{max-height:56px}
.navbar-light .nav-link{color:#333!important;font-weight:600}
.navbar-light .nav-link:hover{color:#0d6efd!important}

/* Hero */
.hero-section{background-image:linear-gradient(rgba(3,10,27,0.55),rgba(3,10,27,0.4)),url('../images/hero-image.jpg');background-size:cover;background-position:center;min-height:50vh;display:flex;align-items:center;color:#fff}
.hero-section .display-4{color:#fff;text-shadow:0 8px 30px rgba(2,6,23,0.6)}
.hero-section .lead{color:#e7f0fb}

/* Cards */
.card{border:none;border-radius:12px;box-shadow:0 8px 30px rgba(11,30,61,0.06)}
.card-title{color:#0b2545;font-weight:700}
.card-text{color:#5a6b87}
.service-icon{width:80px;height:80px;object-fit:contain}

/* About */
.rounded-circle{max-width:220px}

/* Footer */
.footer{background:#f8f9fb;padding:40px 0}
.about-company h2{color:#0b2545}

/* Responsive tweaks */
@media (max-width:767px){
  .hero-section{min-height:40vh;padding:2rem 0}
}

/* Navigation active state */
.nav-link.active, .nav-link[aria-current="page"] {
  color: #0d6efd !important;
  position: relative;
}
.nav-link.active::after {
  content: '';
  display: block;
  height: 3px;
  width: 40%;
  background: #0d6efd;
  margin: 6px auto 0;
  border-radius: 2px;
}

/* Footer enhancements */
.footer .social-icons a { color: #495057; margin-right: 10px; font-size: 1.25rem; }
.footer .newsletter input[type="email"]{ width:100%; padding: .5rem .75rem; border-radius:6px; border:1px solid #dfe6ef}
.footer .newsletter .btn{ margin-top:.5rem }

/* Training/blog cards */
.training-card{ border-radius: 10px; overflow:hidden; box-shadow: 0 8px 30px rgba(11,30,61,0.06); background: #fff }
.training-card .card-body{ padding:1rem }
.training-card .card-img-top{ height:180px; object-fit:cover }

/* CTA */
.cta-banner{ background:linear-gradient(90deg,#0d6efd 0%, #0b5ed7 100%); color:#fff; padding:2rem; border-radius:12px; box-shadow: 0 10px 40px rgba(13,110,253,0.15) }
.cta-banner h3{ margin-bottom:.5rem }

/* Smaller devices tweak */
@media (max-width:575px){
  .training-card .card-img-top{ height:140px }
}

/* Products / production section improvements */
.product-card { border-radius:12px; overflow:hidden; transition:transform .28s ease, box-shadow .28s ease; border:1px solid #eef2f6 }
.product-card:hover { transform: translateY(-6px); box-shadow: 0 18px 50px rgba(11,30,61,0.12); }
.product-card .card-img-top { height:160px; object-fit:cover; filter: brightness(.95); }
.product-card .card-body { padding:1rem; }
.product-title { font-weight:700; color:#0b2545; margin-bottom:.25rem }
.product-desc { color:#5a6b87; font-size:0.95rem; margin-bottom:.5rem }
.product-meta { font-size:.85rem; color:#7d8aa3 }

/* Ensure anchors set focus outline for accessibility */
.nav-link:focus { outline: 3px solid rgba(13,110,253,0.15); outline-offset: 3px }

/* Extra footer layout and responsiveness tweaks */
.footer .about-company h2 { font-size: 1.15rem; margin-bottom: .5rem }
.footer .about-company p { color: #556; line-height:1.5 }
.footer .links ul { padding-left: 0 }
.footer .links ul li { margin-bottom: .5rem }
.footer .links a { color: #495057; text-decoration: none }
.footer .links a:hover { color: #0d6efd }
.footer .location .btn { background: #0d6efd; color: #fff; border-radius: 8px }

@media (max-width:767px){
  .footer { padding: 30px 0 }
  .footer .about-company, .footer .links, .footer .location { text-align: center }
  .footer .links ul { display: inline-block }
}
