/* ==========================================================
   LEADERSHIP SECTION — "Az én vezetői szerepem"
   ----------------------------------------------------------
   6 pillars with SVG operators. Flex layout matching
   the business value section pattern.
   ========================================================== */

.leadership-intro {
    text-align: center;
    color: var(--color-text);
    max-width: none;
    margin: 0 auto 20px;
    font-size: 15px;
    line-height: 1.65;
    font-weight: 500;
}

.leadership-intro em {
    font-style: normal;
    color: var(--color-primary);
}

/* ----- Pillérek flex-sor ----- */

.leadership-pillars {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr auto 1fr auto 1fr;
    align-items: start;
    justify-items: center;
    margin-bottom: 48px;
    padding-top: 24px;
}

.leadership-pillar {
    text-align: center;
    min-width: 0;
    width: 100%;
}

/* ----- Körök: a business value-val azonos méret (110px) ----- */

.leadership-pillar-circle {
    width: 110px;
    height: 110px;
    margin: 0 auto 16px;
    border-radius: 50%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    background: rgba(255, 255, 255, .02);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    overflow: hidden;
}

.leadership-pillar-circle img {
    width: 65%;
    height: 65%;
    object-fit: contain;
    object-position: center center;
}

/* Delivery (Megvalósítás) — átlós nyíl: vizuális közép finomítása */
.leadership-pillar.delivery .leadership-pillar-circle img {
    transform: none;
}

/* Value (Siker) — trófea: nagyobb + felfelé igazítás az optikai középre.
   Visual centre of mass is ~7px below geometric centre (heavy base),
   so we compensate with translateY. object-position has no effect
   itt, mivel a négyzetes kép pontosan kitölti a négyzetes img elemet. */
.leadership-pillar.value .leadership-pillar-circle img {
    width: 65%;
    height: 65%;
    transform: none;
}

/* Pillér-színek — a business value-val azonos árnyékminta */
.leadership-pillar.strategy .leadership-pillar-circle      { border: 2px solid var(--color-cyan);          box-shadow: 0 0 12px var(--color-cyan), 0 0 30px rgba(63, 210, 255, .35); }
.leadership-pillar.governance .leadership-pillar-circle     { border: 2px solid var(--color-secondary);     box-shadow: 0 0 12px var(--color-secondary), 0 0 30px rgba(168, 77, 255, .35); }
.leadership-pillar.architecture .leadership-pillar-circle   { border: 2px solid var(--color-primary);       box-shadow: 0 0 12px var(--color-primary), 0 0 30px rgba(0, 168, 255, .35); }
.leadership-pillar.delivery .leadership-pillar-circle       { border: 2px solid var(--color-green-success); box-shadow: 0 0 12px var(--color-green-success), 0 0 30px rgba(100, 201, 93, .35); }
.leadership-pillar.people .leadership-pillar-circle         { border: 2px solid #e06cc0;                    box-shadow: 0 0 12px #e06cc0, 0 0 30px rgba(224, 108, 192, .35); }
.leadership-pillar.value .leadership-pillar-circle          { border: 2px solid var(--color-accent);        box-shadow: 0 0 16px var(--color-accent), 0 0 42px rgba(255, 181, 46, .45); animation: business-value-pulse 3s infinite ease-in-out; }

.leadership-pillar h4 {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.leadership-pillar.strategy h4     { color: var(--color-cyan); }
.leadership-pillar.governance h4   { color: var(--color-secondary); }
.leadership-pillar.architecture h4 { color: var(--color-primary); }
.leadership-pillar.delivery h4     { color: var(--color-green-success); }
.leadership-pillar.people h4       { color: #e06cc0; }
.leadership-pillar.value h4        { color: var(--color-accent); }

.leadership-pillar p {
    font-size: 15px;
    color: var(--color-text);
    line-height: 1.65;
    padding: 0 4px;
}

/* ----- Operátorok: a kör közepéhez igazítva (mint a business value-nál) ----- */

.leadership-operator {
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: start;
    margin-top: 39px;
    padding: 0 8px;
}

.leadership-operator svg { overflow: visible; }

.leadership-operator.plus.cyan svg   { width: 32px; height: 32px; color: var(--color-cyan);          filter: drop-shadow(0 0 6px currentColor) drop-shadow(0 0 14px currentColor); }
.leadership-operator.plus.purple svg { width: 32px; height: 32px; color: var(--color-secondary);     filter: drop-shadow(0 0 6px currentColor) drop-shadow(0 0 14px currentColor); }
.leadership-operator.plus.blue svg   { width: 32px; height: 32px; color: var(--color-primary);       filter: drop-shadow(0 0 6px currentColor) drop-shadow(0 0 14px currentColor); }
.leadership-operator.plus.green svg  { width: 32px; height: 32px; color: var(--color-green-success); filter: drop-shadow(0 0 6px currentColor) drop-shadow(0 0 14px currentColor); }
.leadership-operator.equals svg      { width: 40px; height: 32px; color: var(--color-accent);        filter: drop-shadow(0 0 8px currentColor) drop-shadow(0 0 16px currentColor); }

/* ----- Idézet ----- */

.leadership-quote {
    text-align: center;
    position: relative;
    padding: 56px 52px;
    max-width: 48em;
    margin: 0 auto 20px;
}

.leadership-quote p {
    font-size: 18px;
    font-weight: 500;
    font-style: italic;
    color: var(--color-white);
    line-height: 1.5;
    text-align: justify;
    text-align-last: center;
}

.leadership-quote em { font-style: italic; color: var(--color-secondary); }

/* Színes kiemelések az intro szövegben */
em.color-primary   { font-style: normal; color: var(--color-cyan); }
em.color-secondary { font-style: normal; color: var(--color-secondary); }
em.color-green     { font-style: normal; color: var(--color-green-success); }
em.color-accent    { font-style: normal; color: var(--color-accent); }

.leadership-quote-mark {
    font-size: 128px;
    font-weight: 300;
    color: var(--color-secondary);
    opacity: .35;
    user-select: none;
    position: absolute;
    line-height: 1;
}

.leadership-quote-mark.open  { top: 0; left: 0; }
.leadership-quote-mark.close { bottom: 0; right: 0; transform: translateY(65%); }

/* ----- Záró gondolat ----- */

.leadership-closing em { font-style: normal; color: var(--color-primary); }


/* ==========================================================
   SZERVEZETI ÉRTÉKEK RÁCS (organization values)
   ----------------------------------------------------------
   5-column value cards below the leadership section.
   ========================================================== */

.organization-value-card:last-of-type { border-right: none; }

.organization-value-card:nth-child(1) .organization-value-card:nth-child(2) .organization-value-card:nth-child(3) .organization-value-card:nth-child(4) .organization-value-card:nth-child(5) .organization-value-card p {
    font-size: 15px;
    color: var(--color-text);
    font-weight: 500;
    line-height: 1.4;
    text-align: left;
}