/* ============================================================
   File: 14-partners.css
   THE PARTNERS SECTION (current/fixed). This is your end-of-file modification, now the only definition of .partners-v2 - the old, conflicting SVG-crests version has been removed.
   ============================================================ */

/* =========================================================
   Partners — logos + spotlight
   (This is the corrected/current version of the Partners
   section. It replaces the older "SVG crests" version that
   used to live earlier in the stylesheet — that version
   defined .partners-v2, .partner-grid, .partner-cell,
   .partner-crest, .partner-name, .partner-sector and
   .partner-since with the SAME .partners-v2 / .partner-grid
   selectors as this file, and having both in the cascade at
   once was the "duplication" that was breaking the section.
   That old version has been removed. If you still see stray
   .partner-cell / .partner-crest markup in your HTML, it can
   be updated to the .partner-logo-cell markup used below.)
   ========================================================= */
.partners-v2 {
  background: #0A2540;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.partners-v2::before {
  content: "";
  position: absolute; inset: 0;
  background:
    radial-gradient(ellipse 600px 400px at 90% 10%, rgba(0,212,255,.25), transparent 60%),
    radial-gradient(ellipse 500px 400px at 10% 90%, rgba(91,184,255,.18), transparent 60%);
  pointer-events: none;
}
.partners-v2 .container { position: relative; z-index: 1; }
.partners-v2 .section-mark { color: #00D4FF; }
.partners-v2 .section-mark::before { background: #00D4FF; }
.partners-v2 h2 { color: #fff; }
.partners-v2 .lead { color: rgba(255,255,255,.7); }

.partner-grid.logos {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 36px;
}
@media (max-width: 640px) { .partner-grid.logos { grid-template-columns: repeat(2, 1fr); gap: 10px; margin-top: 24px; } }

.partner-logo-cell {
  background: #fff;
  border: 1px solid var(--line, #e5e9ef);
  border-radius: 16px;
  padding: 24px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: transform .3s cubic-bezier(.2,.7,.2,1), box-shadow .3s, border-color .3s;
  min-height: 130px;
}
.partner-logo-cell::before {
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(135deg, var(--pc, #00d4ff), transparent 70%);
  opacity: 0;
  transition: opacity .3s;
  pointer-events: none;
}
.partner-logo-cell:hover { transform: translateY(-4px); box-shadow: 0 16px 40px -16px var(--pc, rgba(10,37,64,.3)); border-color: var(--pc, #00d4ff); }
.partner-logo-cell:hover::before { opacity: .07; }
.partner-logo-cell.active {
  border-color: var(--pc, #00d4ff);
  box-shadow: 0 0 0 2px var(--pc, #00d4ff), 0 16px 40px -16px var(--pc, rgba(10,37,64,.3));
}
.partner-logo-cell .logo-wrap { width: 100%; height: 60px; display: grid; place-items: center; position: relative; z-index: 1; }
.partner-logo-cell .logo-wrap svg { max-width: 100%; max-height: 60px; filter: grayscale(.6); opacity: .85; transition: filter .3s, opacity .3s; }
.partner-logo-cell:hover .logo-wrap svg, .partner-logo-cell.active .logo-wrap svg { filter: grayscale(0); opacity: 1; }
.partner-logo-cell .meta { font-size: 11px; color: var(--ink-3, #6b7280); text-align: center; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; position: relative; z-index: 1; }
html[lang="ar"] .partner-logo-cell .meta { letter-spacing: 0; text-transform: none; }

/* progress-bar underline showing rotation timing */
.partner-logo-cell::after {
  content: "";
  position: absolute; inset-block-end: 0; inset-inline-start: 0;
  width: 100%; height: 3px;
  background: var(--pc, #00d4ff);
  transform: scaleX(0);
  transform-origin: inset-inline-start;
  transition: transform 4.5s linear;
}
html[dir="rtl"] .partner-logo-cell::after { transform-origin: right; }
.partner-logo-cell.active.playing::after { transform: scaleX(1); }

@media (max-width: 520px) {
  .partner-logo-cell { padding: 18px 14px; min-height: 110px; gap: 8px; }
  .partner-logo-cell .logo-wrap { height: 48px; }
  .partner-logo-cell .logo-wrap svg { max-height: 48px; }
  .partner-logo-cell .meta { font-size: 10px; }
}

/* Spotlight panel */
.partner-spotlight {
  margin-top: 32px;
  background: linear-gradient(135deg, rgba(0,212,255,.08), rgba(91,184,255,.04));
  border: 1px solid rgba(255,255,255,.12);
  border-radius: var(--radius-lg);
  padding: 32px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 28px;
  align-items: center;
}
@media (max-width: 820px) { .partner-spotlight { grid-template-columns: 1fr; gap: 18px; } }
.partner-spotlight .crest-big {
  width: 96px; height: 96px;
  border-radius: 22px;
  background: #fff;
  padding: 14px;
  display: grid; place-items: center;
  box-shadow: 0 16px 30px -10px var(--ps, rgba(0,212,255,.4));
}
.partner-spotlight .crest-big svg { width: 100%; height: 100%; }
.partner-spotlight .ps-name { font-family: var(--font-display); font-size: 28px; font-weight: 700; margin-bottom: 6px; }
html[lang="ar"] .partner-spotlight .ps-name { font-family: var(--font-ar-display); }
.partner-spotlight .ps-sector { color: rgba(255,255,255,.7); margin-bottom: 14px; font-size: 14px; }
.partner-spotlight .ps-chips { display: flex; gap: 6px; flex-wrap: wrap; }
.partner-spotlight .ps-chips span { font-size: 12px; padding: 5px 10px; border-radius: var(--radius-pill); background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); }
.partner-spotlight .ps-stats { display: flex; gap: 28px; }
.partner-spotlight .ps-stats .label { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255,255,255,.55); }
html[lang="ar"] .partner-spotlight .ps-stats .label { font-family: var(--font-ar); letter-spacing: 0; text-transform: none; }
.partner-spotlight .ps-stats .value { font-family: var(--font-display); font-size: 24px; font-weight: 700; margin-top: 4px; }
html[lang="ar"] .partner-spotlight .ps-stats .value { font-family: var(--font-ar-display); }