/* ══════════════════════════════════════════════
   IT RIDGE TECHNOLOGIES — Shared Stylesheet
   Brand: Orange #e85c2a | Blue #1a6eb5
══════════════════════════════════════════════ */
:root {
  --orange:    #e85c2a;
  --orange-lt: #f47a50;
  --orange-bg: #fff4f0;
  --blue:      #1a6eb5;
  --blue-mid:  #1d5fa0;
  --blue-dk:   #0f3d6e;
  --blue-bg:   #eef5fd;
  --text:      #1a1a2a;
  --muted:     #6b7280;
  --border:    #e2e8f0;
  --sky:       #f7faff;
}
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Inter',sans-serif;color:var(--text);background:#fff;overflow-x:hidden;}
h1,h2,h3,h4,h5,h6{font-family:'Manrope',sans-serif;}

/* TOPBAR */
.topbar{background:var(--blue-dk);color:rgba(255,255,255,.75);font-size:.8rem;padding:8px 0;}
.topbar a{color:rgba(255,255,255,.75);text-decoration:none;transition:color .2s;}
.topbar a:hover{color:#fff;}
.topbar .social a{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;font-size:.78rem;transition:background .2s;}
.topbar .social a:hover{background:var(--orange);}

/* NAVBAR */
.navbar{padding:0;background:#fff!important;border-bottom:1px solid var(--border);transition:box-shadow .3s;}
.navbar.scrolled{box-shadow:0 4px 24px rgba(26,110,181,.1);}
.navbar-brand{padding:14px 0;}
.logo-img{height:44px;width:auto;}
.brand-wrap{display:flex;flex-direction:column;line-height:1.1;}
.brand-name{font-family:'Manrope',sans-serif;font-weight:800;font-size:1.18rem;color:var(--text);letter-spacing:-.2px;}
.brand-sub{font-size:.63rem;color:var(--muted);font-weight:400;margin-top:1px;letter-spacing:.02em;}
.nav-link{font-family:'Inter',sans-serif;font-size:.87rem;font-weight:500;color:var(--text)!important;padding:26px 14px!important;position:relative;transition:color .2s;}
.nav-link::after{content:'';position:absolute;bottom:0;left:14px;right:14px;height:2px;background:var(--orange);transform:scaleX(0);transition:transform .25s;border-radius:2px 2px 0 0;}
.nav-link:hover{color:var(--orange)!important;}
.nav-link:hover::after,.nav-link.active::after{transform:scaleX(1);}
.dropdown-menu{border:none;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.11);padding:8px;margin-top:0;border-top:3px solid var(--orange);}
.dropdown-item{font-size:.85rem;font-weight:500;border-radius:7px;padding:9px 14px;color:var(--text);transition:background .15s,color .15s;}
.dropdown-item:hover{background:var(--orange-bg);color:var(--orange);}
.dropdown-item i{color:var(--blue);}
.btn-nav-cta{background:var(--orange)!important;color:#fff!important;border-radius:7px;padding:9px 20px!important;font-weight:600;margin-left:8px;transition:background .2s,transform .2s;}
.btn-nav-cta::after{display:none!important;}
.btn-nav-cta:hover{background:#c94c1f!important;color:#fff!important;transform:translateY(-1px);}
.navbar-toggler{border:none;padding:0;}
.navbar-toggler:focus{box-shadow:none;}

/* SECTION TOKENS */
.stag{display:inline-flex;align-items:center;gap:7px;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--orange);margin-bottom:11px;}
.stag::before{content:'';width:22px;height:2px;background:var(--orange);border-radius:2px;}
.sh2{font-size:clamp(1.6rem,2.7vw,2.2rem);font-weight:800;color:var(--text);letter-spacing:-.3px;line-height:1.2;margin-bottom:13px;}
.ssub{font-size:.93rem;color:var(--muted);line-height:1.78;}
.spad{padding:88px 0;}
.spad-sm{padding:60px 0;}
.bg-sky{background:var(--sky);}

/* BUTTONS */
.btn-primary-c{background:var(--orange);color:#fff;padding:12px 26px;border-radius:8px;font-weight:600;font-size:.92rem;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:background .2s,transform .2s;border:none;box-shadow:0 4px 14px rgba(232,92,42,.28);}
.btn-primary-c:hover{background:#c94c1f;color:#fff;transform:translateY(-2px);}
.btn-outline-c{border:2px solid var(--border);color:var(--text);padding:10px 22px;border-radius:8px;font-weight:600;font-size:.92rem;text-decoration:none;display:inline-flex;align-items:center;gap:8px;background:#fff;transition:border-color .2s,color .2s;}
.btn-outline-c:hover{border-color:var(--blue);color:var(--blue);}

/* PAGE HERO (inner pages) */
.page-hero{background:linear-gradient(135deg,var(--blue-dk) 0%,var(--blue-mid) 60%,var(--blue) 100%);padding:60px 0;position:relative;overflow:hidden;}
.page-hero::after{content:'';position:absolute;top:-60px;right:-60px;width:280px;height:280px;border-radius:50%;background:rgba(255,255,255,.05);}
.page-hero h1{color:#fff;font-weight:800;font-size:clamp(1.8rem,3vw,2.6rem);margin-bottom:8px;position:relative;z-index:1;}
.page-hero p{color:rgba(255,255,255,.8);font-size:.95rem;margin:0;position:relative;z-index:1;}
.breadcrumb-item a{color:rgba(255,255,255,.7);text-decoration:none;}
.breadcrumb-item a:hover{color:#fff;}
.breadcrumb-item.active{color:rgba(255,255,255,.5);}
.breadcrumb-item+.breadcrumb-item::before{color:rgba(255,255,255,.4);}

/* SERVICE DETAIL */
.svc-detail-img{width:100%;border-radius:16px;box-shadow:0 16px 48px rgba(26,110,181,.12);display:block;}
.role-tag{display:inline-flex;align-items:center;gap:6px;background:var(--orange-bg);color:var(--orange);border:1px solid #fbd0c0;font-size:.78rem;font-weight:600;padding:5px 12px;border-radius:100px;margin:3px;}
.sidebar-card{background:var(--sky);border-radius:14px;padding:22px;border:1px solid var(--border);margin-bottom:20px;}
.sidebar-card h6{font-weight:700;color:var(--text);margin-bottom:14px;font-size:.92rem;}
.contact-mini-btn{display:block;background:var(--orange);color:#fff;text-align:center;padding:12px;border-radius:8px;font-weight:600;font-size:.9rem;text-decoration:none;transition:background .2s;}
.contact-mini-btn:hover{background:#c94c1f;color:#fff;}

/* CAREERS */
.job-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:24px;transition:box-shadow .2s,border-color .2s,transform .2s;height:100%;}
.job-card:hover{border-color:#fbd0c0;box-shadow:0 8px 32px rgba(232,92,42,.08);transform:translateY(-3px);}
.job-badge{display:inline-flex;align-items:center;gap:5px;font-size:.74rem;font-weight:600;padding:4px 10px;border-radius:100px;}
.job-badge.fulltime{background:#dcfce7;color:#16a34a;}
.job-badge.contract{background:#dbeafe;color:var(--blue);}
.job-badge.remote{background:var(--orange-bg);color:var(--orange);}
.job-card h5{font-weight:700;color:var(--text);font-size:1rem;margin:10px 0 6px;}
.job-card .dept{font-size:.82rem;color:var(--muted);}
.job-meta span{font-size:.8rem;color:var(--muted);margin-right:14px;}
.job-meta i{color:var(--orange);margin-right:4px;}
.btn-apply{background:var(--orange);color:#fff;border:none;padding:9px 20px;border-radius:7px;font-weight:600;font-size:.85rem;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:background .2s;}
.btn-apply:hover{background:#c94c1f;color:#fff;}
.filter-btn{border:1px solid var(--border);background:#fff;color:var(--text);padding:7px 16px;border-radius:100px;font-size:.83rem;font-weight:500;cursor:pointer;transition:all .2s;}
.filter-btn:hover,.filter-btn.active{background:var(--orange);color:#fff;border-color:var(--orange);}

/* SPEC CARDS (specialities grid) */
.spec-detail-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:28px 22px;height:100%;position:relative;overflow:hidden;transition:border-color .25s,box-shadow .25s,transform .25s;}
.spec-detail-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--orange),var(--blue));transform:scaleX(0);transform-origin:left;transition:transform .3s;}
.spec-detail-card:hover{border-color:#fbd0c0;box-shadow:0 12px 40px rgba(232,92,42,.08);transform:translateY(-4px);}
.spec-detail-card:hover::before{transform:scaleX(1);}
.spec-ico-lg{width:56px;height:56px;border-radius:13px;background:var(--orange-bg);display:flex;align-items:center;justify-content:center;margin-bottom:16px;}
.spec-ico-lg i{font-size:1.5rem;color:var(--orange);}
.spec-detail-card h5{font-weight:700;font-size:1rem;color:var(--text);margin-bottom:8px;}
.spec-detail-card p{font-size:.85rem;color:var(--muted);line-height:1.65;margin:0 0 14px;}

/* CHECK LIST */
.check-list{list-style:none;padding:0;margin:0;}
.check-list li{display:flex;gap:11px;align-items:flex-start;padding:9px 0;border-bottom:1px solid var(--border);font-size:.89rem;}
.check-list li:last-child{border-bottom:none;}
.check-list li i{color:var(--orange);margin-top:2px;font-size:.93rem;flex-shrink:0;}
.check-list li strong{color:var(--blue-dk);font-weight:600;}
.check-list li span{color:var(--muted);display:block;font-size:.81rem;}

/* CONTACT INFO */
.cinfo-item{display:flex;gap:14px;align-items:flex-start;margin-bottom:22px;}
.cinfo-ico{width:46px;height:46px;border-radius:10px;background:var(--orange-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.cinfo-ico i{color:var(--orange);font-size:1.1rem;}
.cinfo-item h6{font-weight:700;color:var(--text);margin:0 0 3px;font-size:.9rem;}
.cinfo-item p{color:var(--muted);font-size:.84rem;margin:0;}
.cinfo-item a{color:var(--muted);text-decoration:none;}
.cinfo-item a:hover{color:var(--orange);}
.cform-wrap{background:var(--sky);border-radius:18px;padding:32px;border:1px solid #e2ecf8;}
.form-label{font-size:.81rem;font-weight:600;color:var(--text);margin-bottom:5px;}
.form-control,.form-select{border:1px solid var(--border);border-radius:8px;padding:10px 13px;font-size:.88rem;background:#fff;transition:border-color .2s,box-shadow .2s;}
.form-control:focus,.form-select:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(232,92,42,.1);}
.btn-submit{background:var(--orange);color:#fff;border:none;padding:13px 0;border-radius:8px;font-weight:700;font-size:.93rem;width:100%;transition:background .2s,transform .2s;box-shadow:0 4px 14px rgba(232,92,42,.28);}
.btn-submit:hover{background:#c94c1f;transform:translateY(-1px);}

/* FOOTER */
footer{background:#0a1e36;padding:64px 0 0;}
.ftl{font-family:'Manrope',sans-serif;font-weight:900;font-size:1.3rem;color:#fff;}
.ftl .oo{color:var(--orange-lt);}
footer p,footer li{color:rgba(255,255,255,.5);font-size:.84rem;}
.fc h6{color:#fff;font-family:'Manrope',sans-serif;font-weight:700;font-size:.84rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:15px;padding-bottom:9px;border-bottom:1px solid rgba(255,255,255,.07);}
.flinks{list-style:none;padding:0;margin:0;}
.flinks li{margin-bottom:8px;}
.flinks a{color:rgba(255,255,255,.5);text-decoration:none;font-size:.83rem;transition:color .2s;}
.flinks a:hover{color:var(--orange-lt);}
.fsocial a{display:inline-flex;align-items:center;justify-content:center;width:33px;height:33px;border-radius:8px;background:rgba(255,255,255,.07);color:rgba(255,255,255,.65);font-size:.9rem;text-decoration:none;transition:background .2s,color .2s;margin-right:7px;}
.fsocial a:hover{background:var(--orange);color:#fff;}
.fbot{border-top:1px solid rgba(255,255,255,.06);padding:18px 0;margin-top:50px;text-align:center;color:rgba(255,255,255,.3);font-size:.79rem;}

/* BACK TO TOP */
#btt{position:fixed;bottom:24px;right:24px;width:42px;height:42px;background:var(--orange);color:#fff;border:none;border-radius:50%;display:none;align-items:center;justify-content:center;font-size:.95rem;cursor:pointer;box-shadow:0 4px 18px rgba(232,92,42,.4);transition:background .2s,transform .2s;z-index:999;}
#btt:hover{background:#c94c1f;transform:scale(1.1);}
#btt.show{display:flex;}

/* RESPONSIVE */
@media(max-width:991px){
  .nav-link{padding:12px 13px!important;}
  .nav-link::after{display:none;}
}
@media(max-width:767px){
  .spad{padding:60px 0;}
  .page-hero{padding:44px 0;}
}

/* Dropdown section headers */
.dropdown-header{font-size:.7rem!important;font-weight:700!important;color:var(--muted)!important;text-transform:uppercase;letter-spacing:.08em;padding:8px 14px 3px!important;margin:0;}
