/* ════════════════════════════════════════
   CONTACT PAGE
════════════════════════════════════════ */

/* Unit Contact Cards (top section) */
.unit-contact-card {
  background: #fff; border-radius: var(--r);
  border: 1px solid var(--border); padding: 20px;
  box-shadow: var(--sh-sm); transition: all .3s;
  height: 100%; display: flex; flex-direction: column;
}
.unit-contact-card:hover { transform: translateY(-4px); box-shadow: var(--sh-md); }
.unit-contact-card .uc-head { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; padding-bottom: 14px; border-bottom: 1px solid var(--border); }
.unit-contact-card .uc-logo { width: 48px; height: 48px; min-width: 48px; border-radius: 10px; background: var(--slate); display: flex; align-items: center; justify-content: center; overflow: hidden; }
.unit-contact-card .uc-logo img { max-width: 34px; max-height: 34px; object-fit: contain; }
.unit-contact-card .uc-name { font-family: var(--fp); font-size: .87rem; font-weight: 700; color: var(--navy); }
.unit-contact-card .uc-type { font-size: .64rem; font-weight: 600; color: var(--orange); text-transform: uppercase; letter-spacing: .06em; }
.unit-contact-card .uc-detail { display: flex; align-items: flex-start; gap: 9px; font-size: .77rem; color: var(--muted); margin-bottom: 7px; }
.unit-contact-card .uc-detail i { color: var(--orange); margin-top: 2px; flex-shrink: 0; }
.unit-contact-card a.uc-btn { display: inline-flex; align-items: center; gap: 6px; font-size: .74rem; font-weight: 700; background: var(--orange); color: #fff; padding: 8px 16px; border-radius: var(--rs); text-decoration: none; margin-top: auto; padding-top: 10px; transition: all .2s; }
.unit-contact-card a.uc-btn:hover { background: var(--orange-dk); }

/* ════════════════════════════════════════
   LIGHT CONTACT SECTION (replaces dark .contact-sec)
════════════════════════════════════════ */
.contact-light-sec {
  padding: 80px 0;
  background: linear-gradient(135deg, #f8fafd 0%, #eaf3ff 50%, #f0fbf5 100%);
  position: relative; overflow: hidden;
}
.contact-light-sec::before {
  content: ''; position: absolute; top: -60px; right: -60px;
  width: 280px; height: 280px; border-radius: 50%;
  background: radial-gradient(circle, rgba(249,115,22,.12) 0%, transparent 70%);
}
.contact-light-sec::after {
  content: ''; position: absolute; bottom: -80px; left: -80px;
  width: 320px; height: 320px; border-radius: 50%;
  background: radial-gradient(circle, rgba(30,95,168,.10) 0%, transparent 70%);
}
.contact-light-sec .container { position: relative; z-index: 2; }

/* Equal heights: stretch flex children */
.contact-light-sec .row { display: flex; flex-wrap: wrap; }
.contact-light-sec .col-lg-5, .contact-light-sec .col-lg-7 { display: flex; }

/* ── LEFT SIDE (info + map) ── */
.cl-side {
  background: #fff;
  border-radius: var(--r);
  padding: 28px;
  box-shadow: 0 20px 60px rgba(11,37,69,.08);
  border: 1px solid rgba(11,37,69,.04);
  position: relative; overflow: hidden;
  width: 100%; display: flex; flex-direction: column;
}
.cl-side::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px;
  background: linear-gradient(90deg, var(--steel), var(--orange));
}
.cl-side-title {
  font-family: var(--fp); font-size: 1rem; font-weight: 800;
  color: var(--navy); margin-bottom: 20px;
}
.cl-info-list { display: flex; flex-direction: column; gap: 14px; margin-bottom: 22px; }
.cl-info-row {
  display: flex; align-items: flex-start; gap: 13px;
  padding: 12px 14px;
  background: var(--slate);
  border-radius: 10px;
  transition: background .25s;
}
.cl-info-row:hover { background: #e5edf7; }
.cl-info-icon {
  width: 38px; height: 38px; min-width: 38px;
  border-radius: 9px;
  background: linear-gradient(135deg, var(--orange), #ff9d5c);
  color: #fff; font-size: .92rem;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 4px 12px rgba(249,115,22,.28);
}
.cl-info-lbl { font-size: .60rem; font-weight: 600; color: var(--muted); text-transform: uppercase; letter-spacing: .08em; }
.cl-info-val { font-size: .82rem; color: var(--navy); font-weight: 600; margin-top: 2px; line-height: 1.5; }
.cl-info-val a { color: var(--navy); text-decoration: none; transition: color .2s; }
.cl-info-val a:hover { color: var(--orange); }
.cl-map {
  flex: 1; min-height: 240px;
  border-radius: 12px; overflow: hidden;
  box-shadow: 0 4px 18px rgba(11,37,69,.08);
  border: 1px solid var(--border);
}
.cl-map iframe { display: block; width: 100%; height: 100%; min-height: 240px; }

/* ── RIGHT SIDE (form card) ── */
.cl-form-card {
  background: #fff;
  border-radius: var(--r);
  padding: 32px;
  box-shadow: 0 20px 60px rgba(11,37,69,.10);
  border: 1px solid rgba(11,37,69,.04);
  position: relative; overflow: hidden;
  width: 100%; display: flex; flex-direction: column;
}
.cl-form-card::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px;
  background: linear-gradient(90deg, var(--orange), var(--amber), var(--steel));
}
.cl-form-title {
  font-family: var(--fp); font-size: 1.05rem; font-weight: 800;
  color: var(--navy); margin-bottom: 6px;
}
.cl-form-sub {
  font-size: .80rem; color: var(--muted); margin-bottom: 22px;
}
.clg { flex: 1; display: flex; flex-direction: column; }
.clg label {
  font-size: .68rem; font-weight: 600; color: var(--navy);
  margin-bottom: 5px; display: block; letter-spacing: .02em;
}
.clg .form-control, .clg .form-select {
  background: var(--slate);
  border: 1.5px solid transparent;
  border-radius: var(--rs);
  padding: 11px 14px;
  font-size: .84rem; color: var(--navy);
  font-family: var(--fp); width: 100%;
  transition: all .2s;
}
.clg .form-control::placeholder { color: var(--muted); opacity: .7; }
.clg .form-control:focus, .clg .form-select:focus {
  background: #fff; border-color: var(--orange); outline: none;
  box-shadow: 0 0 0 4px rgba(249,115,22,.10);
}
.btn-cl-submit {
  width: 100%; padding: 13px;
  background: linear-gradient(135deg, var(--orange) 0%, #ff8a40 100%);
  color: #fff; font-family: var(--fp); font-size: .88rem; font-weight: 700;
  border-radius: var(--rs); border: none; cursor: pointer;
  transition: all .2s;
  box-shadow: 0 6px 22px rgba(249,115,22,.32);
  letter-spacing: -.01em;
}
.btn-cl-submit:hover {
  background: linear-gradient(135deg, var(--orange-dk) 0%, var(--orange) 100%);
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(249,115,22,.45);
}

@media (max-width: 991px) {
  .contact-light-sec .col-lg-5, .contact-light-sec .col-lg-7 { display: block; }
  .cl-map { min-height: 220px; }
  .cl-map iframe { min-height: 220px; }
}
@media (max-width: 767px) {
  .contact-light-sec { padding: 52px 0; }
  .cl-side { padding: 20px; }
  .cl-form-card { padding: 22px; }
  .unit-contact-card { padding: 16px; }
}
@media (max-width: 575px) {
  .unit-contact-card .uc-head { gap: 8px; }
  .unit-contact-card .uc-logo { width: 40px; height: 40px; min-width: 40px; }
  .unit-contact-card .uc-detail { font-size: .73rem; }
}