/* Qanattar Corporate Site v0.5.9 — full icon unification */

.qcs-v059{
  --qcs-v059-blue:#69c8ff;
  --qcs-v059-blue-strong:#35adff;
  --qcs-v059-red:#ff4058;
  --qcs-v059-cyan:#80e8ff;
  --qcs-v059-ink:#06162d;
  --qcs-v059-border:rgba(96,190,255,.30);
  --qcs-v059-glow:rgba(53,173,255,.18);
}

/* Keep all v0.5.9 glyphs visually tied to the v0.5.8 Qanattar line system. */
.qcs-v059 .qcs-icon-svg-v059{
  display:block;
  width:100%;
  height:100%;
}
.qcs-v059 .qcs-icon-svg-v059 svg{
  width:100%;
  height:100%;
  display:block;
}
.qcs-v059 .qcs-icon-svg-v059 .qcs-icon-main,
.qcs-v059 .qcs-icon-svg-v059 .qcs-icon-accent{
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* NIS2 readiness — no more text glyphs / generic checkmarks. */
.qcs-v059 .qcs-nis2-glyph-v059{
  width:48px !important;
  height:48px !important;
  min-width:48px;
  border-radius:14px !important;
  margin:0 0 17px !important;
  color:var(--qcs-v059-blue) !important;
  font-size:0 !important;
  line-height:0 !important;
  background:
    radial-gradient(circle at 50% 45%,rgba(83,183,255,.08),transparent 58%),
    linear-gradient(145deg,rgba(12,53,105,.92),rgba(4,22,50,.96)) !important;
  border-color:rgba(83,183,255,.30) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    inset 0 0 22px rgba(38,129,255,.07),
    0 10px 24px rgba(0,0,0,.14) !important;
}
.qcs-v059 .qcs-nis2-glyph-v059 .qcs-icon-svg-v058{
  padding:10px !important;
}
.qcs-v059 .qcs-nis2-steps article:hover .qcs-nis2-glyph-v059{
  transform:translateY(-2px) scale(1.035);
  color:#8bdcff !important;
  border-color:rgba(83,183,255,.52) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 0 25px rgba(53,173,255,.13),
    0 13px 28px rgba(0,0,0,.18) !important;
}
.qcs-v059 .qcs-nis2-steps article:nth-child(3) .qcs-nis2-glyph-v059 .qcs-icon-accent,
.qcs-v059 .qcs-nis2-steps article:nth-child(4) .qcs-nis2-glyph-v059 .qcs-icon-accent{
  filter:drop-shadow(0 0 4px rgba(255,64,88,.55));
}

/* Product/value strip — four matching, useful pictograms instead of ◎ ◈ ▣ ↗. */
.qcs-v059 .qcs-trust-strip-v059{
  align-items:stretch;
}
.qcs-v059 .qcs-trust-strip-v059>div{
  display:flex;
  align-items:center;
  gap:14px;
  min-height:70px;
}
.qcs-v059 .qcs-trust-strip-v059 b.qcs-trust-glyph-v059{
  width:42px;
  height:42px;
  min-width:42px;
  border-radius:13px;
  margin:0;
  color:var(--qcs-v059-blue);
  font-size:0;
  line-height:0;
}
.qcs-v059 .qcs-trust-glyph-v059 .qcs-icon-svg-v058{
  padding:9px;
}
.qcs-v059 .qcs-trust-strip-v059>div:hover .qcs-trust-glyph-v059{
  transform:translateY(-2px);
  color:#8bdcff;
  border-color:rgba(83,183,255,.52);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 0 22px rgba(53,173,255,.12),
    0 10px 24px rgba(0,0,0,.17);
}
.qcs-v059 .qcs-trust-strip-v059>div span{
  line-height:1.2;
}

/* Service landing fit lists — custom circuit-check badge replaces blue app checkbox. */
.qcs-v059 .qcs-landing-checks-v059>div{
  display:flex;
  align-items:center;
  gap:14px;
}
.qcs-v059 .qcs-landing-checks-v059>div>span.qcs-check-glyph-v059{
  width:38px !important;
  height:38px !important;
  min-width:38px;
  border-radius:12px !important;
  margin:0 !important;
  padding:0 !important;
  color:var(--qcs-v059-blue) !important;
  font-size:0 !important;
  line-height:0 !important;
  background:
    radial-gradient(circle at 50% 50%,rgba(83,183,255,.075),transparent 62%),
    linear-gradient(145deg,rgba(11,48,95,.92),rgba(4,21,48,.97)) !important;
  border:1px solid rgba(83,183,255,.29) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 8px 22px rgba(0,0,0,.13) !important;
}
.qcs-v059 .qcs-check-glyph-v059 .qcs-icon-svg-v058{
  padding:8px !important;
}
.qcs-v059 .qcs-landing-checks-v059>div:hover>span.qcs-check-glyph-v059{
  transform:translateY(-1px) scale(1.03);
  color:#8bdcff !important;
  border-color:rgba(83,183,255,.48) !important;
  box-shadow:0 0 22px rgba(53,173,255,.10) !important;
}

/* Contact benefits use the same micro-glyph language. */
.qcs-v059 .qcs-contact-points-v059{
  display:grid;
  gap:9px;
}
.qcs-v059 .qcs-contact-points-v059>span{
  display:flex;
  align-items:center;
  gap:10px;
}
.qcs-v059 .qcs-contact-glyph-v059{
  width:29px;
  height:29px;
  min-width:29px;
  border-radius:9px;
  color:var(--qcs-v059-blue);
  font-size:0;
  line-height:0;
}
.qcs-v059 .qcs-contact-glyph-v059 .qcs-icon-svg-v058{
  padding:6px;
}

/* Hero/compliance status indicator now matches the site icon language. */
.qcs-v059 .qcs-cyber-status-glyph-v059{
  width:34px !important;
  height:34px !important;
  min-width:34px;
  display:grid !important;
  place-items:center;
  padding:0 !important;
  border-radius:50% !important;
  color:#71ddb4 !important;
  font-size:0 !important;
  line-height:0 !important;
  border:1px solid rgba(99,217,170,.34) !important;
  background:rgba(7,55,50,.30) !important;
  box-shadow:inset 0 0 18px rgba(99,217,170,.05),0 0 18px rgba(99,217,170,.06);
}
.qcs-v059 .qcs-cyber-status-glyph-v059 .qcs-icon-svg-v058{
  padding:6px;
}
.qcs-v059 .qcs-cyber-status-glyph-v059 .qcs-icon-main,
.qcs-v059 .qcs-cyber-status-glyph-v059 .qcs-icon-accent{
  stroke:#71ddb4 !important;
}

/* HelpDesk decorative icon — real portal glyph, no generic arrow tile. */
.qcs-v059 .qcs-support-glyph-v059{
  width:68px !important;
  height:68px !important;
  min-width:68px;
  display:grid !important;
  place-items:center;
  border-radius:18px !important;
  margin:0 0 22px !important;
  padding:0 !important;
  color:var(--qcs-v059-blue) !important;
  font-size:0 !important;
  line-height:0 !important;
}
.qcs-v059 .qcs-support-glyph-v059 .qcs-icon-svg-v058{
  padding:13px;
}
.qcs-v059 .qcs-support-primary:hover .qcs-support-glyph-v059{
  transform:translateY(-3px) scale(1.025);
  color:#8bdcff !important;
  border-color:rgba(83,183,255,.55) !important;
  box-shadow:0 0 30px rgba(53,173,255,.13),0 15px 34px rgba(0,0,0,.18) !important;
}

/* Webchat preview send glyph also uses the same line-art system. */
.qcs-v059 .qcs-chat-send-glyph-v059{
  width:26px;
  height:26px;
  display:inline-grid;
  place-items:center;
  color:var(--qcs-v059-blue);
  border:1px solid rgba(83,183,255,.22);
  border-radius:8px;
  background:rgba(21,94,239,.07);
}
.qcs-v059 .qcs-chat-send-glyph-v059 .qcs-icon-svg-v058{
  padding:5px;
}

/* Subtle common motion, intentionally restrained. */
.qcs-v059 .qcs-nis2-glyph-v059,
.qcs-v059 .qcs-trust-glyph-v059,
.qcs-v059 .qcs-check-glyph-v059,
.qcs-v059 .qcs-contact-glyph-v059,
.qcs-v059 .qcs-support-glyph-v059{
  transition:
    transform .28s cubic-bezier(.2,.8,.2,1),
    color .28s ease,
    border-color .28s ease,
    box-shadow .28s ease,
    background .28s ease;
}

@media (max-width:980px){
  .qcs-v059 .qcs-nis2-glyph-v059{width:44px !important;height:44px !important;min-width:44px}
  .qcs-v059 .qcs-trust-strip-v059>div{min-height:64px;gap:11px}
  .qcs-v059 .qcs-trust-strip-v059 b.qcs-trust-glyph-v059{width:38px;height:38px;min-width:38px}
}

@media (max-width:640px){
  .qcs-v059 .qcs-nis2-glyph-v059{width:42px !important;height:42px !important;min-width:42px;border-radius:12px !important}
  .qcs-v059 .qcs-trust-strip-v059>div{min-height:58px;gap:10px}
  .qcs-v059 .qcs-trust-strip-v059 b.qcs-trust-glyph-v059{width:36px;height:36px;min-width:36px;border-radius:11px}
  .qcs-v059 .qcs-landing-checks-v059>div>span.qcs-check-glyph-v059{width:34px !important;height:34px !important;min-width:34px;border-radius:10px !important}
  .qcs-v059 .qcs-support-glyph-v059{width:58px !important;height:58px !important;min-width:58px;border-radius:16px !important;margin-bottom:18px !important}
}

@media (prefers-reduced-motion:reduce){
  .qcs-v059 .qcs-nis2-glyph-v059,
  .qcs-v059 .qcs-trust-glyph-v059,
  .qcs-v059 .qcs-check-glyph-v059,
  .qcs-v059 .qcs-contact-glyph-v059,
  .qcs-v059 .qcs-support-glyph-v059{transition:none !important}
}