/* ============================================================
   visa.css — Dubai Visa page
   (hero now uses the shared .page-hero component from style.css)
   ============================================================ */

/* ---------- Breadcrumb (shared, but scoping tweak) ---------- */
.breadcrumb-strip{margin-top:0;}

/* ---------- Feature highlight grid ---------- */
.feature-strip{padding:76px 0;background:linear-gradient(180deg,#EEF2FC,#E7ECFA);position:relative;overflow:hidden;}
.feat-card{
  background:#fff;border-radius:18px;padding:26px 22px;height:100%;
  border:1px solid rgba(13,27,76,.06);box-shadow:var(--shadow-card);
  transition:transform .35s ease, box-shadow .35s ease;
}
.feat-card:hover{transform:translateY(-6px);box-shadow:0 22px 46px -18px rgba(13,27,76,.22);}
.feat-card .f-ic{
  width:46px;height:46px;border-radius:13px;background:var(--royal-soft);color:var(--royal);
  display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-bottom:14px;
}
.feat-card h6{font-weight:700;color:var(--navy);font-size:.9rem;margin-bottom:6px;}
.feat-card p{font-size:.8rem;color:#64748B;line-height:1.55;margin:0;}

/* ---------- Content + Enquiry layout ---------- */
.visa-content-section{padding:110px 0;position:relative;overflow:hidden;background:#FFFFFF;}
.visa-content p{color:#5B647E;font-size:.96rem;line-height:1.8;margin-bottom:16px;}

.visa-type-list{list-style:none;padding:0;margin:0;display:grid;gap:12px;}
.visa-type-list li a{
  display:flex;align-items:center;gap:12px;
  background:#fff;border:1px solid rgba(13,27,76,.07);border-radius:14px;padding:14px 18px;
  color:var(--navy);font-weight:600;font-size:.9rem;box-shadow:var(--shadow-card);
  transition:.3s ease;
}
.visa-type-list li a:hover{background:var(--royal);color:#fff;transform:translateX(6px);}
.visa-type-list li a i.leading{color:var(--orange);font-size:1.05rem;}
.visa-type-list li a:hover i.leading{color:#fff;}
.visa-type-list li a i.trailing{margin-left:auto;opacity:.5;transition:.3s ease;}
.visa-type-list li a:hover i.trailing{opacity:1;transform:translateX(3px);}

/* Enquiry form card */
.enquiry-card{
  background:#fff;border-radius:26px;padding:36px 30px;
  box-shadow:var(--shadow-soft);border:1px solid rgba(13,27,76,.05);
  position:sticky;top:150px;
}
.enquiry-card .section-head.left{margin-bottom:22px;}
.enquiry-card .section-head.left h2{font-size:1.5rem;margin-bottom:0;}
.form-field{margin-bottom:14px;}
.form-field input, .form-field textarea, .form-field select{
  width:100%;border:1.5px solid var(--gray);border-radius:12px;padding:13px 16px;
  font-size:.88rem;color:var(--text);background:#F8FAFC;transition:.25s ease;font-family:'Inter';
}
.form-field input:focus, .form-field textarea:focus, .form-field select:focus{
  outline:none;border-color:var(--royal);background:#fff;box-shadow:0 0 0 4px var(--royal-soft);
}
.form-field textarea{resize:vertical;min-height:90px;}
.enquiry-card .btn-brand{width:100%;justify-content:center;border:none;cursor:pointer;}

.enquiry-meta{margin-top:26px;padding-top:22px;border-top:1px solid var(--gray);display:grid;gap:14px;}
.enquiry-meta .em-item{display:flex;align-items:center;gap:12px;font-size:.85rem;color:#5B647E;}
.enquiry-meta .em-item .em-ic{
  width:36px;height:36px;border-radius:10px;background:var(--royal-soft);color:var(--royal);
  display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;
}
.enquiry-meta .em-item strong{display:block;color:var(--navy);font-size:.86rem;}

@media (max-width:991px){
  .enquiry-card{position:static;margin-top:40px;}
}

/* ---------- Info band (support / email / hours) ---------- */
.info-band{
  background:linear-gradient(120deg,var(--orange),#FFA64D);
  padding:0;position:relative;overflow:hidden;
}
.info-band .row{margin:0;}
.info-col{
  display:flex;align-items:center;gap:16px;padding:34px 30px;color:#fff;
  border-right:1px solid rgba(255,255,255,.22);
}
.info-col:last-child{border-right:none;}
.info-col .ic-wrap{
  width:52px;height:52px;border-radius:14px;background:rgba(255,255,255,.16);
  display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0;
}
.info-col .lbl{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;opacity:.85;margin-bottom:3px;}
.info-col strong{font-size:1.02rem;font-weight:700;display:block;}
.info-col a{color:#fff;}
@media (max-width:767px){
  .info-col{border-right:none;border-bottom:1px solid rgba(255,255,255,.22);}
}