/*--------------------------------------------------------------
Újpest 1885 – Közösség  ·  dizájn-réteg a BuddyBoss Theme fölé
A core-t NEM módosítja. A megjelenést a Claude Design tervhez igazítja:
lila-fehér, arany accent, magazinos éles sarkok, self-hostolt betűk.

MÓDSZER: a BuddyBoss a SAJÁT CSS-változóira épül (--bb-*), amiket a
testreszabóból inline generál. A legtisztább restyle ezek felülírása —
nem az egyes osztályoké. Ez a fájl 9999-es prioritással tölt (a szülő után),
így a lenti :root felülírja a testreszabó inline értékeit.
--------------------------------------------------------------*/

/* ===================================================================
   1) MÁRKA-PALETTA → BuddyBoss saját változói (a téma nyilvános API-ja)
   A hex-ek a makett oklch-tokenjeiből pontosan átszámolva.
   A -rgb párokat ott állítjuk, ahol a téma rgba()-hoz használja.
   =================================================================== */
:root{
  /* Elsődleges (lila) + szövegek + felületek */
  --bb-primary-color:#53277D;                     --bb-primary-color-rgb:83, 39, 125;
  --bb-headings-color:#1A1926;                    --bb-headings-color-rgb:26, 25, 38;
  --bb-body-text-color:#1A1926;                   --bb-body-text-color-rgb:26, 25, 38;
  --bb-alternate-text-color:#71707C;              --bb-alternate-text-color-rgb:113, 112, 124;
  --bb-body-background-color:#FAFAFD;             --bb-body-background-color-rgb:250, 250, 253;
  --bb-content-background-color:#FFFFFF;
  --bb-content-alternate-background-color:#F6F6FB;
  --bb-content-border-color:#DEDDE6;              --bb-content-border-color-rgb:222, 221, 230;
  --bb-cover-image-background-color:#53277D;

  /* Fejléc */
  --bb-header-background:#FFFFFF;
  --bb-header-alternate-background:#F6F6FB;
  --bb-header-links:#1A1926;
  --bb-header-links-hover:#53277D;

  /* BuddyPanel (bal oldali navigáció) */
  --bb-sidenav-background:#FFFFFF;
  --bb-sidenav-alt-background:#F6F6FB;
  --bb-sidenav-links:#1A1926;

  /* Lábléc — mély lila, mint a portálon */
  --bb-footer-background:#241640;
  --bb-footer-text-color:#B7B6C2;
  --bb-footer-menu-link-color-regular:#ECE0FD;
  --bb-footer-menu-link-color-hover:#FFFFFF;
  --bb-footer-menu-link-color-active:#E6AC45;

  /* Címkék / tag-típusok (Szurkoló/Szerző/VIP alap) */
  --bb-label-background-color:#ECE0FD;
  --bb-label-text-color:#53277D;

  /* Elsődleges gomb (lila, fehér szöveg) */
  --bb-primary-button-background-regular:#53277D;
  --bb-primary-button-background-hover:#3E1B5E;
  --bb-primary-button-text-regular:#FFFFFF;       --bb-primary-button-text-regular-rgb:255, 255, 255;
  --bb-primary-button-text-hover:#FFFFFF;         --bb-primary-button-text-hover-rgb:255, 255, 255;
  --bb-primary-button-border-regular:#53277D;
  --bb-primary-button-border-hover:#3E1B5E;

  /* Másodlagos gomb (körvonalas) */
  --bb-secondary-button-background-regular:transparent;
  --bb-secondary-button-background-hover:#F6F6FB;
  --bb-secondary-button-text-regular:#1A1926;
  --bb-secondary-button-text-hover:#53277D;
  --bb-secondary-button-border-regular:#C3C2D1;
  --bb-secondary-button-border-hover:#53277D;

  --bb-input-focus-border-color:#53277D;

  /* Szemantikus (győzelem=siker, vereség=danger, arany=warning) */
  --bb-success-color:#319751;                     --bb-success-color-rgb:49, 151, 81;
  --bb-danger-color:#CF4040;                      --bb-danger-color-rgb:207, 64, 64;
  --bb-warning-color:#E6AC45;                     --bb-warning-color-rgb:230, 172, 69;

  /* Éles sarkok (magazinos 1–4px) */
  --bb-block-radius:3px;   --bb-block-radius-inner:2px;
  --bb-button-radius:2px;  --bb-input-radius:3px;
  --bb-checkbox-radius:2px; --bb-option-radius:2px; --bb-label-type-radius:2px;

  /* Szekciócím nagybetűs */
  --bb-widget-title-text-transform:uppercase;

  /* Saját tokenek egyedi elemekhez */
  --uj-accent:#E6AC45;  --uj-accent-text:#3D2A12;  --uj-purple:#7844AE;
}

/* ===================================================================
   2) BETŰK (self-hosted) — BuddyBoss-nak nincs font-változója, CSS-sel
   =================================================================== */
body, #buddypress, .buddypress-wrap, button, input, select, textarea,
.bb-rl-default-template{
  font-family:'Hanken Grotesk', system-ui, -apple-system, sans-serif;
}
h1,h2,h3,h4,h5,
.widget-title, .bb-section-title, .bs-title, .bb-title,
.activity-header, .group-title{
  font-family:'Saira Condensed', 'Arial Narrow', sans-serif;
  letter-spacing:-0.01em;
}
code, kbd, pre, time, .activity-time-since, .bb-count, .notification-date{
  font-family:'Spline Sans Mono', ui-monospace, monospace;
}

/* ===================================================================
   3) Apró finomítások (a változók a többit elintézik)
   =================================================================== */
.widget-title, .bb-section-title{ font-weight:700; }

/* Avatarok kerekek maradjanak a blokk-radius ellenére */
.avatar, img.avatar, .bb-avatar, .item-avatar img{ border-radius:50% !important; }

/* Arany CTA segédosztály (fő hívásokra, pl. VIP/Jegyek) — tegyél .ujp-accent osztályt a gombra */
.ujp-accent, .ujp-accent.button, a.ujp-accent{
  background:var(--uj-accent) !important; color:var(--uj-accent-text) !important; border-color:transparent !important;
}

@media (prefers-reduced-motion: reduce){
  *{ animation-duration:.001ms !important; transition-duration:.001ms !important; }
}

/* ===================================================================
   4) SÖTÉT MÓD — OPCIONÁLIS
   A BuddyBoss téma statikus CSS-ében NINCS sötét-mód szelektor: a sötét
   módot a testreszabó / Platform generálja (inline változók). Ezért a sötét
   értékeket itt KÉSZEN hagyom, de NEM aktiválom — élesben megerősítjük,
   melyik szelektort használja a BuddyBoss, és arra élesítjük.
   Ha megvan a szelektor (pl. body.bb-dark-mode), cseréld ki alább, és töröld
   a /* */ jelölést.
   ------------------------------------------------------------------- */
/*
body.bb-dark-mode{
  --bb-body-background-color:#0E0D17;             --bb-body-background-color-rgb:14, 13, 23;
  --bb-content-background-color:#1A1726;
  --bb-content-alternate-background-color:#221E31;
  --bb-content-border-color:#312E3E;              --bb-content-border-color-rgb:49, 46, 62;
  --bb-body-text-color:#F1F1F6;                   --bb-body-text-color-rgb:241, 241, 246;
  --bb-headings-color:#F1F1F6;                    --bb-headings-color-rgb:241, 241, 246;
  --bb-alternate-text-color:#8C8A98;              --bb-alternate-text-color-rgb:140, 138, 152;
  --bb-primary-color:#7844AE;                     --bb-primary-color-rgb:120, 68, 174;
  --bb-header-background:#1A1726;
  --bb-sidenav-background:#1A1726;
  --bb-primary-button-background-regular:#7844AE;
  --bb-primary-button-background-hover:#8C57C4;
  --bb-label-background-color:#2A1C4A;            --bb-label-text-color:#ECE0FD;
}
*/