/* ===========================
   SERVICES
   =========================== */
.services-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1.75rem; }
.services-grid--4col { grid-template-columns: repeat(4,1fr); gap: .75rem; }
@media (max-width:1100px) { .services-grid--4col { grid-template-columns: 1fr 1fr; } }
@media (max-width:768px) { .services-grid--4col { grid-template-columns: 1fr; } }
.service-card {
  background: var(--bg-light-card); border-radius: var(--radius); padding: 2rem 1.5rem; cursor: pointer;
  box-shadow: var(--shadow); border: 1px solid var(--border); transition: all .4s cubic-bezier(.15,.85,.3,1.1);
  position:relative; overflow:hidden;
}
.service-card::before { content:''; position:absolute; top:0; right:0; width:100%; height:4px; background:linear-gradient(90deg,transparent,var(--sc,var(--red)),transparent); opacity:0; transition:opacity .4s,height .4s; }
.service-card::after { content:''; position:absolute; bottom:0; left:0; right:0; height:3px; background:linear-gradient(90deg,transparent,var(--sc,var(--red)),transparent); transform:translateX(-100%); transition:transform .6s cubic-bezier(.15,.85,.3,1.1); }
.service-card:hover { transform: translateY(-7px); box-shadow: 0 20px 50px rgba(0,0,0,.1); border-color: rgba(var(--red-rgb),.15); }
.service-card:hover::before { opacity:1; height:4px; }
.service-card:hover::after { transform:translateX(100%); }
.service-card:hover .srv-icon { transform:scale(1.1) rotate(-5deg); box-shadow:0 6px 24px rgba(var(--red-rgb),.35); }
.service-card:hover h3 { color:var(--red); }
.srv-icon {
  width: 60px; height: 60px; background: linear-gradient(135deg, var(--sc,var(--red)), var(--dark));
  border-radius: 1rem; display: flex; align-items: center; justify-content: center;
  font-size: 1.6rem; margin-bottom: 1.25rem;
  box-shadow: 0 4px 14px rgba(var(--red-rgb),.25);
  transition:transform .4s cubic-bezier(.68,-.55,.27,1.55),box-shadow .4s;
}
.service-card h3 { font-size: 1.05rem; font-weight: 800; margin-bottom: .65rem; }
.service-card p  { font-size: .87rem; color: var(--gray-dark); margin-bottom: 1rem; }
.srv-list { display: flex; flex-direction: column; gap: .4rem; }
.srv-list li { font-size: .83rem; color: var(--gray-dark); display: flex; align-items: center; gap: .35rem; }

/* ===========================
   EGA LINKS (Quality Assurance)
   =========================== */
.ega-links { display:flex; flex-direction:column; gap:.5rem; }
.ega-links a {
  display:flex; align-items:center; gap:.5rem; padding:.55rem .75rem;
  border-radius:var(--radius-sm); background:var(--gray-light);
  font-size:.85rem; font-weight:600; transition:var(--transition);
}
.ega-links a:hover { background:var(--red); color:#fff; transform:translateX(-4px); }
.ega-links a span { font-size:1rem; }

.qa-page-title { font-size:1.6rem; font-weight:900; text-align:center; margin-bottom:2rem; display:flex; align-items:center; justify-content:center; gap:.75rem; }
.qa-page-title i { color:var(--red); font-size:1.8rem; }

/* QA nav style */
.qa-nav-container { display:flex; flex-direction:column; gap:.5rem; }
.qa-nav-container details { background:var(--bg-light-card); border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow); border:1px solid var(--border); }
.qa-nav-container summary {
  cursor:pointer; padding:.85rem 1.25rem; font-weight:700; font-size:1.1rem;
  display:flex; align-items:center; gap:.65rem; transition:var(--transition);
  user-select:none; list-style:none; word-break:break-word;
}
.qa-nav-container summary::marker { display:none; content:''; }
.qa-nav-container summary:hover { background:rgba(var(--red-rgb),.04); }
.qa-nav-container details[open] > summary { background:var(--red); color:#fff; border-radius:var(--radius) var(--radius) 0 0; }
.qa-nav-container details[open] > summary i { color:#fff; }
.qa-nav-container summary i { color:var(--red); font-size:1rem; width:1.4rem; text-align:center; }
.qa-nav-container .submenu { padding:.5rem 1.5rem .75rem .75rem; display:flex; flex-direction:column; gap:.25rem; direction:rtl; }
.qa-nav-container .submenu a {
  display:flex; align-items:center; gap:.6rem; padding:.45rem .65rem;
  border-radius:var(--radius-sm); font-size:.85rem; font-weight:600;
  transition:var(--transition); text-decoration:none; direction:rtl; text-align:right;
  word-break:break-word; hyphens:auto;
}
.qa-nav-container .submenu a:hover { background:rgba(var(--red-rgb),.06); transform:translateX(3px); }
.qa-nav-container .submenu a i { color:var(--red); font-size:.95rem; width:1.2rem; text-align:center; }
.qa-nav-container .submenu .pdf-icon { margin-left:auto; font-size:.8rem; opacity:.6; }
.qa-nav-container .submenu details { background:transparent; border:none; box-shadow:none; border-radius:0; }
.qa-nav-container .submenu details summary {
  padding:.45rem .65rem; font-size:1.2rem; font-weight:700;
  background:rgba(var(--red-rgb),.04); border-radius:var(--radius-sm); margin-bottom:.15rem;
}
.qa-nav-container .submenu details[open] > summary { background:var(--red-dark); color:#fff; }
.qa-nav-container .submenu details .submenu { padding:.15rem 0 .15rem 1.25rem; }
.qa-nav-container .submenu details summary { word-break:break-word; }

[data-theme="dark"] .qa-nav-container details { background:var(--bg-alt); border-color:rgba(255,255,255,.08); }
[data-theme="dark"] .qa-nav-container summary { color:var(--text-primary); }
[data-theme="dark"] .qa-nav-container summary:hover { background:rgba(255,255,255,.04); }
[data-theme="dark"] .qa-nav-container .submenu a { color:var(--text-secondary); }
[data-theme="dark"] .qa-nav-container .submenu a:hover { background:rgba(var(--red-rgb),.15); color:var(--text-on-red); }
[data-theme="dark"] .qa-nav-container .submenu details summary { background:rgba(255,255,255,.04); color:var(--text-primary); }
[data-theme="dark"] .qa-nav-container .submenu details[open] > summary { background:var(--red-dark); color:var(--text-on-red); }
[data-theme="dark"] .qa-page-title { color:var(--text-primary); }

[data-theme="light"] .qa-nav-container details { background:#e2e2e2; box-shadow:0 5px 20px rgba(180,20,20,.35); }
[data-theme="light"] .qa-nav-container summary { color:var(--text-primary); }
[data-theme="light"] .qa-nav-container .submenu a { color:var(--text-secondary); }
[data-theme="light"] .qa-nav-container .submenu a:hover { background:rgba(var(--red-rgb),.06); color:var(--text-primary); }
[data-theme="light"] .qa-nav-container .submenu details summary { background:rgba(0,0,0,.03); color:var(--text-secondary); }
[data-theme="light"] .qa-nav-container .submenu details[open] > summary { background:var(--red-dark); color:var(--text-on-red); }

.ega-sub { border-radius:var(--radius-sm); overflow:hidden; }
.ega-sub summary {
  cursor:pointer; padding:.55rem .75rem; border-radius:var(--radius-sm);
  background:var(--gray-light); font-size:.85rem; font-weight:700;
  display:flex; align-items:center; gap:.5rem; transition:var(--transition);
}
.ega-sub summary:hover { background:rgba(var(--red-rgb),.1); }
.ega-sub[open] summary { background:var(--red); color:#fff; }
.ega-sub-links { padding:.5rem 0 .5rem 1rem; display:flex; flex-direction:column; gap:.35rem; }
.ega-sub-links a {
  display:flex; align-items:center; gap:.5rem; padding:.4rem .6rem;
  border-radius:var(--radius-sm); font-size:.8rem; font-weight:600;
  transition:var(--transition);
}
.ega-sub-links a:hover { background:rgba(var(--red-rgb),.08); transform:translateX(-3px); }
.ega-sub-links a span { font-size:.85rem; }
.ega-sub p { padding:.75rem .75rem .25rem; font-size:.82rem; color:var(--gray); line-height:1.6; }
.ega-sub .subj-chips { padding:.25rem .75rem .75rem; display:flex; flex-wrap:wrap; gap:.35rem; }
.ega-sub .subj-chips span { font-size:.78rem; padding:.2rem .5rem; background:rgba(var(--red-rgb),.06); border-radius:4px; color:var(--gray-dark); }

[data-theme="dark"] .ega-links a { background:rgba(255,255,255,.06); color:var(--text-secondary); }
[data-theme="dark"] .ega-links a:hover { background:var(--red); color:var(--text-on-red); }
[data-theme="dark"] .ega-sub summary { background:rgba(255,255,255,.06); color:var(--text-secondary); }
[data-theme="dark"] .ega-sub summary:hover { background:rgba(var(--red-rgb),.2); }
[data-theme="dark"] .ega-sub[open] summary { background:var(--red); color:var(--text-on-red); }
[data-theme="dark"] .ega-sub-links a { color:var(--text-secondary); }
[data-theme="dark"] .ega-sub-links a:hover { background:rgba(var(--red-rgb),.15); color:var(--text-on-red); }

[data-theme="light"] .ega-links a { background:rgba(0,0,0,.03); color:var(--text-secondary); }
[data-theme="light"] .ega-links a:hover { background:var(--red); color:var(--text-on-red); }
[data-theme="light"] .ega-sub summary { background:rgba(0,0,0,.03); color:var(--text-secondary); }
[data-theme="light"] .ega-sub summary:hover { background:rgba(var(--red-rgb),.08); }
[data-theme="light"] .ega-sub[open] summary { background:var(--red); color:var(--text-on-red); }
[data-theme="light"] .ega-sub-links a { color:var(--text-secondary); }
[data-theme="light"] .ega-sub-links a:hover { background:rgba(var(--red-rgb),.08); color:var(--text-primary); }