/* =========================================================
   IDentra Global Theme — style.css
   Equinox-style clean enterprise design
   ========================================================= */

/* ---------- Root Variables ---------- */
:root {
  --identra-blue:#00a8cc;
  --identra-red:#e53935;
  --grey:#f5f5f5;
  --text:#222;
  --dark:#0d0f12;
  --white:#ffffff;
}

/* ---------- Global Reset ---------- */
* {
  margin:0;
  padding:0;
  box-sizing:border-box;
}

body {
  font-family:"Segoe UI", sans-serif;
  background:var(--white);
  color:var(--text);
  line-height:1.6;
}

/* ---------- Navbar ---------- */
.identra-nav {
  background:var(--white);
  padding:1rem 8%;
  border-bottom:2px solid var(--identra-blue);
}

.logo {
  height:80px;
  width:auto;
}

.nav-link {
  color:var(--text) !important;
  font-weight:600;
  margin-left:20px;
  transition:all .25s ease;
}

.nav-link:hover {
  color:var(--identra-blue) !important;
  transform:translateY(-2px);
}

/* ---------- Social Icons ---------- */
.social-icons .social-link {
  font-size:1.4rem;
  margin-left:18px;
  transition:all .25s ease;
}

/* Brand Colors */
.social-icons .bi-facebook { color:#1877F2; }
.social-icons .bi-instagram { color:#E4405F; }
.social-icons .bi-tiktok { color:#000000; }
.social-icons .bi-youtube { color:#FF0000; }
.social-icons .bi-linkedin { color:#0A66C2; }
.social-icons .bi-github { color:#333333; }
.social-icons .bi-envelope-fill { color:var(--identra-blue); }
.social-icons .bi-telephone-fill { color:var(--identra-blue); }

/* Hover */
.social-icons .social-link:hover i {
  color:var(--identra-red);
  transform:translateY(-2px);
}

/* ---------- Hero Section ---------- */
.hero {
  padding:120px 8% 80px;
  background:var(--grey);
  border-bottom:4px solid var(--identra-red);
}

.hero h1 {
  font-size:2.8rem;
  font-weight:700;
  margin-bottom:20px;
}

.hero p {
  font-size:1.2rem;
  max-width:720px;
  color:#555;
}

/* ---------- Sections ---------- */
section {
  padding:80px 8%;
}

.section-title {
  font-size:2rem;
  font-weight:700;
  margin-bottom:20px;
  border-left:6px solid var(--identra-blue);
  padding-left:12px;
}

.section-subtitle {
  font-size:1.1rem;
  max-width:720px;
  margin-bottom:40px;
  color:#555;
}

/* ---------- Cards ---------- */
.service-card {
  background:var(--white);
  padding:30px;
  border-radius:12px;
  box-shadow:0 4px 20px rgba(0,0,0,0.08);
  border-top:4px solid var(--identra-blue);
  transition:all .25s ease;
}

.service-card:hover {
  transform:translateY(-6px);
  box-shadow:0 8px 28px rgba(0,0,0,0.12);
  border-top:4px solid var(--identra-red);
}

.service-card h3 {
  font-size:1.4rem;
  font-weight:700;
  margin-bottom:10px;
}

.service-card p {
  font-size:1rem;
  color:#555;
}

/* ---------- Value Blocks ---------- */
.value-block {
  background:var(--grey);
  padding:40px;
  border-radius:12px;
  margin-bottom:20px;
  border-left:6px solid var(--identra-red);
}

.value-block h4 {
  font-size:1.3rem;
  font-weight:700;
  margin-bottom:10px;
}

/* ---------- Forms ---------- */
.form-control {
  padding:14px;
  border-radius:8px;
  border:1px solid #ccc;
}

.btn-identra {
  background:var(--identra-blue);
  color:#fff;
  padding:14px 28px;
  border-radius:6px;
  font-weight:600;
  border:none;
  transition:all .25s ease;
}

.btn-identra:hover {
  background:var(--identra-red);
}

/* ---------- Footer ---------- */
footer {
  padding:40px 8%;
  background:var(--dark);
  color:#aaa;
  text-align:center;
  margin-top:40px;
  border-top:4px solid var(--identra-blue);
}
.card-link {
  text-decoration: none;
  color: inherit;
}

.card-link:hover .service-card {
  transform: translateY(-6px);
  border-top-color: var(--identra-red);