/* Qanattar Corporate Site v0.5.1 – SEO / navigation / proof polish */

/* Service mega navigation: discoverable landing pages on desktop and mobile. */
.qcs-v051 .qcs-nav-group{position:relative;display:flex;align-items:center}
.qcs-v051 .qcs-nav-services-trigger{display:flex;align-items:center;gap:5px}
.qcs-v051 .qcs-nav-services-trigger>span{color:#6fc2ff;font-size:12px;transition:transform .2s ease}
.qcs-v051 .qcs-nav-dropdown{position:absolute;top:calc(100% + 22px);left:50%;width:min(640px,80vw);padding:16px;border:1px solid rgba(83,183,255,.22);border-radius:18px;background:linear-gradient(155deg,rgba(5,15,34,.98),rgba(2,7,19,.99));box-shadow:0 28px 80px rgba(0,0,0,.45),0 0 36px rgba(21,94,239,.08);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-8px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease;z-index:1100}
.qcs-v051 .qcs-nav-dropdown:before{content:"";position:absolute;left:0;right:0;top:-24px;height:24px}
.qcs-v051 .qcs-nav-group:hover .qcs-nav-dropdown,.qcs-v051 .qcs-nav-group:focus-within .qcs-nav-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.qcs-v051 .qcs-nav-group:hover .qcs-nav-services-trigger>span,.qcs-v051 .qcs-nav-group:focus-within .qcs-nav-services-trigger>span{transform:rotate(180deg)}
.qcs-v051 .qcs-nav-dropdown-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px;padding:2px 4px 12px;border-bottom:1px solid rgba(83,183,255,.13)}
.qcs-v051 .qcs-nav-dropdown-head small{color:#53b7ff;font-size:10px;font-weight:800;letter-spacing:.12em}
.qcs-v051 .qcs-nav-dropdown-head strong{color:#d9e8f8;font-size:12px}
.qcs-v051 .qcs-nav-dropdown-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.qcs-v051 .qcs-nav-dropdown-grid a{display:flex;min-width:0;flex-direction:column;gap:3px;padding:11px 12px;border:1px solid transparent;border-radius:11px;color:#fff!important;text-decoration:none;background:rgba(10,31,64,.28)}
.qcs-v051 .qcs-nav-dropdown-grid a:after{display:none!important}
.qcs-v051 .qcs-nav-dropdown-grid a:hover,.qcs-v051 .qcs-nav-dropdown-grid a:focus,.qcs-v051 .qcs-nav-dropdown-grid a.is-current{border-color:rgba(83,183,255,.3);background:rgba(21,94,239,.13)}
.qcs-v051 .qcs-nav-dropdown-grid strong{font-size:13px;line-height:1.25}
.qcs-v051 .qcs-nav-dropdown-grid span{color:#8fa8c7;font-size:10px;font-weight:500;line-height:1.35}

/* Visible breadcrumbs. Structured-data BreadcrumbList is emitted in PHP. */
.qcs-v051 .qcs-breadcrumbs{position:relative;z-index:2;padding:104px 0 0;background:#020713}
.qcs-v051 .qcs-breadcrumbs ol{display:flex;align-items:center;gap:8px;overflow:hidden;margin:0;padding:0;list-style:none;white-space:nowrap}
.qcs-v051 .qcs-breadcrumbs li{display:flex;min-width:0;align-items:center;gap:8px;color:#6f86a4;font-size:12px}
.qcs-v051 .qcs-breadcrumbs a{color:#9eb5d1;text-decoration:none;transition:color .2s ease}
.qcs-v051 .qcs-breadcrumbs a:hover{color:#53b7ff}
.qcs-v051 .qcs-breadcrumbs li>span[aria-hidden]{color:#334762}
.qcs-v051 .qcs-breadcrumbs [aria-current="page"]{max-width:46vw;overflow:hidden;color:#d4e3f3;text-overflow:ellipsis}
.qcs-v051 .qcs-breadcrumbs + .qcs-page-hero,.qcs-v051 .qcs-breadcrumbs + article .qcs-page-hero{padding-top:42px}

/* Homepage: extra high-intent internal links under the service cards. */
.qcs-v051 .qcs-service-quicklinks{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:9px 14px;margin-top:20px;padding:14px 16px;border:1px solid rgba(83,183,255,.13);border-radius:14px;background:rgba(7,18,36,.52);color:#7890ad;font-size:12px}
.qcs-v051 .qcs-service-quicklinks>span{font-weight:800;color:#a9bed7}
.qcs-v051 .qcs-service-quicklinks a{color:#67bdff;font-weight:700;text-decoration:none}
.qcs-v051 .qcs-service-quicklinks a:hover{text-decoration:underline;text-underline-offset:3px}

/* Service landing pages: relevant operational proof / public web work. */
.qcs-v051 .qcs-service-proof{background:linear-gradient(180deg,rgba(4,14,31,.3),rgba(7,18,36,.72))}
.qcs-v051 .qcs-service-proof .qcs-section-head{margin-bottom:26px}
.qcs-v051 .qcs-service-proof .qcs-client-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1040px}
.qcs-v051 .qcs-service-proof .qcs-client-card{min-height:286px}
.qcs-v051 .qcs-service-proof-web .qcs-reference-grid-v035{grid-template-columns:repeat(3,minmax(0,1fr))}
.qcs-v051 .qcs-proof-more{display:flex;justify-content:flex-end;margin-top:18px}
.qcs-v051 .qcs-proof-more a{color:#65bdff;font-size:13px;font-weight:800;text-decoration:none}
.qcs-v051 .qcs-proof-more a:hover{text-decoration:underline;text-underline-offset:4px}

/* Make the internal-link block on landing pages a little easier to scan. */
.qcs-v051 .qcs-related-grid a{transition:transform .2s ease,border-color .2s ease,background .2s ease}
.qcs-v051 .qcs-related-grid a:hover{transform:translateY(-2px);border-color:rgba(83,183,255,.35);background:rgba(21,94,239,.08)}

@media(max-width:1180px){
  .qcs-v051 .qcs-nav-dropdown{left:auto;right:-180px;transform:translateY(-8px)}
  .qcs-v051 .qcs-nav-group:hover .qcs-nav-dropdown,.qcs-v051 .qcs-nav-group:focus-within .qcs-nav-dropdown{transform:translateY(0)}
}

@media(max-width:820px){
  .qcs-v051 .qcs-nav-group{display:block;width:100%}
  .qcs-v051 .qcs-nav-services-trigger{justify-content:space-between}
  .qcs-v051 .qcs-nav-services-trigger>span{transform:none!important}
  .qcs-v051 .qcs-nav-dropdown{position:static;width:auto;margin:0 6px 8px;padding:8px;border:0;border-left:1px solid rgba(83,183,255,.18);border-radius:0;background:transparent;box-shadow:none;opacity:1;visibility:visible;pointer-events:auto;transform:none!important}
  .qcs-v051 .qcs-nav-dropdown:before,.qcs-v051 .qcs-nav-dropdown-head{display:none}
  .qcs-v051 .qcs-nav-dropdown-grid{grid-template-columns:1fr 1fr;gap:5px}
  .qcs-v051 .qcs-nav-dropdown-grid a{padding:9px 10px;background:rgba(21,94,239,.06)}
  .qcs-v051 .qcs-nav-dropdown-grid strong{font-size:12px}
  .qcs-v051 .qcs-nav-dropdown-grid span{display:none}
  .qcs-v051 .qcs-breadcrumbs{padding-top:92px}
  .qcs-v051 .qcs-breadcrumbs + .qcs-page-hero,.qcs-v051 .qcs-breadcrumbs + article .qcs-page-hero{padding-top:30px}
  .qcs-v051 .qcs-service-proof .qcs-client-grid,.qcs-v051 .qcs-service-proof-web .qcs-reference-grid-v035{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:560px){
  .qcs-v051 .qcs-nav-dropdown-grid{grid-template-columns:1fr}
  .qcs-v051 .qcs-breadcrumbs [aria-current="page"]{max-width:62vw}
  .qcs-v051 .qcs-service-quicklinks{justify-content:flex-start}
  .qcs-v051 .qcs-service-quicklinks>span{width:100%}
  .qcs-v051 .qcs-service-proof .qcs-client-grid,.qcs-v051 .qcs-service-proof-web .qcs-reference-grid-v035{grid-template-columns:1fr}
  .qcs-v051 .qcs-service-proof .qcs-client-card{min-height:250px}
}