@font-face { 
    font-family: Titillium Web; 
    src: url('./../../assets/fonts/titilium.woff');
    font-display: swap;
}

.logo {
    width: 100%;
    max-width: 960px;
    height: 120px;
    background: url('images/logo.avif') no-repeat center center;
    background-size: contain;
    margin: -4px auto;      /* auto = vízszintes középre igazítás */
    filter: none;
}
@media (max-width: 991.98px) { .logo { height: 60px; } }

/* Card árnyék */
.card-body { border: 0; box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19); }

/* Navbar shadow */
.navbar { border: 0; box-shadow: 1px 2.5px 2px rgba(0, 0, 0, 0.2), 0 1.5px 5px 0 rgba(0, 0, 0, 0.19); }

/* New font-type */
body { font-family: 'Titillium Web', sans-serif; }

/* Background color */
body { background: #ada996; background: url("images/bg.jpg") repeat scroll center top; }

a { text-decoration: none; }

.text-justify { text-align: justify; }

.min_width { width: 1%; }

/* Közös beállítások */
.mintakep-blur { filter: blur(13px); transition: filter 0.5s ease; }
.mintakep-blur:hover { filter: blur(0); }

/* Aláhúzza a linkeket a lenyíló menüben */
.nav-pills .nav-link { position: relative; }
.nav-pills .nav-link::after { content: ''; position: absolute; bottom: 0; left: 50%; right: 50%; height: 2px; background-color: var(--bs-primary); transition: left 0.3s ease, right 0.3s ease; }
.nav-pills .nav-link:hover::after { left: 0; right: 0; }

/* Rang színek */
[data-bs-theme="light"] {
  --color-sysop:      #ff8000;
  --color-admin:      #a335ee;
  --color-moderator:  #1E90FF;
  --color-uploader:   #2587A7;
  --color-vip:        #b8a050;
  --color-tag:        #198754;
  --color-felhasznalo:#333333;
}

.sysop { color: var(--color-sysop); }
.admin { color: var(--color-admin); }
.moderator { color: var(--color-moderator); }
.uploader { color: var(--color-uploader); }
.vip { color: var(--color-vip); }
.tag { color: var(--color-tag); }
.felhasznalo { color: var(--color-felhasznalo); }

img.emoji { height: 1.2em !important; width: auto !important; vertical-align: -0.3em !important; }

/* Hasonló torrentek */
.similar-item        { width: 110px; }
.similar-poster-wrap { height: 155px; }
.similar-gradient    { background: linear-gradient(transparent, rgba(0,0,0,0.75)); }
.similar-title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.3; font-size: 0.72rem; }

/* Borító padding */
.poster-popover .popover-body { padding: .25rem !important; }

/* ====================================================================
   MODERN IDÉZET (format_quotes kimenete) – 2026
   Bootstrap 5.3 témaváltozókra épül, sötét/világos témán is jól néz ki.
   ==================================================================== 
*/
.bb-quote { margin: .75rem 0; border: 1px solid var(--bs-border-color); border-left: .25rem solid var(--bs-primary); border-radius: .5rem; background: var(--bs-tertiary-bg); overflow: hidden; }
.bb-quote-head { display: flex; align-items: center; gap: .5rem; padding: .4rem .75rem; font-size: .85rem; font-weight: 600; color: var(--bs-secondary-color); background: var(--bs-secondary-bg); border-bottom: 1px solid var(--bs-border-color); }
.bb-quote-head .fa-quote-left { color: var(--bs-primary); opacity: .8; }
.bb-quote-author { color: var(--bs-emphasis-color); }
.bb-quote-body { margin: 0; padding: .6rem .85rem; line-height: 1.55; }
/* Beágyazott idézet kicsit visszafogottabb */
.bb-quote .bb-quote { margin: .5rem 0 0; border-left-color: var(--bs-secondary); }


/* Húsvéti tojás */
.easter-egg { position: absolute; 
              z-index: 1050; /* Bootstrap modalok alatti, de kiemelt réteg */ 
              cursor: pointer; transition: transform 0.2s ease; user-select: none; width: auto; height: auto; max-width: 120px; /* Kontrollált maximális szélesség a dizájn miatt */ }
.easter-egg:hover { transform: scale(1.2); }
.bunny-overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(255, 255, 255, 0.95); z-index: 9999; opacity: 0; transition: opacity 0.4s ease-in-out; }
.bunny-overlay.show { opacity: 1; }
@keyframes bunnyHop { 0%, 100% { transform: translateY(0); } 25% { transform: translateY(-35px); } 50% { transform: translateY(0); } 75% { transform: translateY(-15px); } }
.bunny-anim { font-size: 6rem; animation: bunnyHop 1.2s infinite ease-in-out; }  
/* End */

/* Torrent név hossz szabályozás - Beállíthatod pixellel vagy százalékkal, ami a témádhoz a legjobban passzol */
.torrent-title { max-width: 570px; }

/* A Tooltip nyíl bal szélre igazítása a kategória tooltipjeinél */
.cat-tooltip .tooltip-arrow { left: 10px !important; transform: none !important; padding: 0px !important; }

/* Hír magassága */
.news-content { max-height: 350px; /* Tetszőleges maximális magasság */ overflow-y: auto;  /* Ha hosszabb a tartalom, görgethetővé válik */ padding-right: 0.5rem; /* Hely a görgetősávnak */ }


/* Spoiler box */
.spoiler-box { border: 1px solid var(--bs-border-color); border-radius: var(--bs-border-radius); background-color: var(--bs-body-bg); overflow: hidden; width: 100%; }

/* Fejléc */
.spoiler-box summary { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 0.5rem 0.75rem; background-color: var(--bs-tertiary-bg);
                       color: var(--bs-body-color); font-weight: 600; font-size: 0.875rem; cursor: pointer; user-select: none; list-style: none !important; }

/* Nyilak elrejtése a böngészőkben */
.spoiler-box summary::-webkit-details-marker, .spoiler-box summary::marker { display: none !important; }
.spoiler-box summary:hover { background-color: var(--bs-secondary-bg); }
.spoiler-box .spoiler-title { display: inline-flex; align-items: center; }

/* FontAwesome Nyíl azonnali forgatása */
.spoiler-box .spoiler-arrow { font-size: 0.8rem; opacity: 0.7; }
.spoiler-box[open] .spoiler-arrow { transform: rotate(180deg); }

/* Spoiler Tartalom */
.spoiler-content { padding: 0.75rem; border-top: 1px solid var(--bs-border-color); background-color: var(--bs-body-bg); }

/* nl2br miatti felesleges soremelések elrejtése */
.spoiler-content > br:first-child { display: none; }
.spoiler-content > br:last-child { display: none; }
/* Spoiler Konténer Vége */


/* ====================================================================
   ELVÁLASZTÓ VONAL SZÖVEGGEL (.divider)
   Reszponzív, lágy színátmenetes. A színt a téma-változókból veszi:
   --mx-accent  › az élénk, kiemelt szélső szakaszok
   --mx-border  › a halvány középső vonal
   Így mindhárom témában (kék / terra / matrix) automatikusan passzol.

   HASZNÁLAT:
   <div class="divider"><span class="divider-text">TEXT</span></div>

   Szöveg nélküli (csak vonal) változat:
   <div class="divider"></div>
   ==================================================================== */

.divider {
    /* Téma-független fallbackek, ha nincs változó (pl. más kontextusban) */
    --divider-accent: #d4af37; /* Arany szín */
    --divider-line:   var(--mx-border-strong, rgba(255, 255, 255, 0.18));

    display: flex;
    align-items: center;
    width: 100%;
    margin: 1.25rem 0;
    gap: 0;
    /* A vonalat a ::before és ::after adja (bal és jobb fél) */
}

/* A két oldal vonala: a szélen élénk akcentus › befelé elhalványul,
   így a középső, szöveg körüli rész halk. Reszponzív (flex: 1). */
.divider::before, .divider::after { content: ""; flex: 1; height: 2px; border-radius: 2px; min-width: 20px; }

/* Bal oldal: balról (élénk) jobbra (halvány) */
.divider::before { background: linear-gradient(to right, var(--divider-accent) 0%, var(--divider-accent) 12%, var(--divider-line) 45%, var(--divider-line) 100%); margin-right: 12px; }

/* Jobb oldal: a bal tükre — jobbról (élénk) balra (halvány) */
.divider::after { background: linear-gradient(to left, var(--divider-accent) 0%, var(--divider-accent) 12%, var(--divider-line) 45%, var(--divider-line) 100%); margin-left: 12px; }

/* Középső szöveg — az akcentus színével, a téma betűjével */
.divider-text { flex: 0 0 auto; white-space: nowrap; color: var(--divider-accent); font-size: 0.72rem; font-weight: 700; letter-spacing: 0.15em; text-transform: uppercase; 
    /* halk fény a szöveg mögé, hogy kiemelkedjen a vonalból */
    text-shadow: 0 0 12px color-mix(in srgb, var(--divider-accent) 40%, transparent);
}

/* Szöveg nélküli változat: ne legyen fölösleges belső margó,
   a vonal fusson végig egyben. */
.divider:not(:has(.divider-text))::before { margin-right: 0; }
.divider:not(:has(.divider-text))::after  { margin-left: 0; }

/* Reszponzív finomhangolás kis képernyőn */
@media (max-width: 575.98px) { .divider { margin: 1rem 0; } .divider-text { font-size: 0.66rem; letter-spacing: 0.1em; } .divider::before { margin-right: 8px; } .divider::after  { margin-left: 8px; } }

/* Elválasztó vonal a Letöltők után a Statisztikában - mobil nézetben */
@media (max-width: 767.98px) { .stat-right-col { border-top: 1px solid var(--bs-border-color); } }

/* Card Header fejléce */
.card-header { background: url("images/card-header.avif") center center / cover no-repeat; }

/* Hozzászólás fejléce */
.comment-header { background: url("images/comment-header.avif") center center / cover no-repeat; }

/* ====================================================================
   Letöltés oldal (torrenttable.php) — táblázat fejléce (.colhead)
   A .table-dark sötét hátterét semlegesíti, világos gradienssel,
   sötét szöveggel és lágy, áttetsző szegélyekkel.
   ==================================================================== */

/* Fejléc-cellák: világos gradiens háttér, sötét szöveg, lágy szegélyek */
thead.table-dark th.colhead,
.table-dark > tr > th.colhead,
tr > th.colhead { --bs-table-bg: transparent; --bs-table-color: #212529; background: linear-gradient(180deg, #e9ecef 0%, #dee2e6 50%, #ced4da 100%) !important; color: #212529 !important;
                  box-shadow: none !important; border-top: 1px solid rgba(0, 0, 0, 0.06) !important; border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important; 
                  border-left: 1px solid rgba(0, 0, 0, 0.06) !important; border-right: 1px solid rgba(0, 0, 0, 0.06) !important; }

/* A fejléc linkjei text-white-ok a PHP-ben — sötétre váltva a világos háttérhez */
th.colhead a, th.colhead a.text-white { color: #212529 !important; }

/* A thead egészének sötét háttere (.table-dark) semlegesítve */
thead.table-dark { --bs-table-bg: transparent; background: transparent !important; }

/* ====================================================================
   Finomabb, szürkés-kék primary (a rikító #0d6efd helyett) — TELJES
   ==================================================================== */
[data-bs-theme="light"], :root {
    --bs-primary:        #4a7bb5;
    --bs-primary-rgb:    74, 123, 181;
    --bs-primary-text-emphasis: #2c4a6e;
    --bs-primary-bg-subtle:     #dde7f2;
    --bs-primary-border-subtle: #a9c2de;

    --bs-link-color:        #4a7bb5;
    --bs-link-color-rgb:    74, 123, 181;
    --bs-link-hover-color:      #3a6294;
    --bs-link-hover-color-rgb:  58, 98, 148;
}

/* Tömör primary gomb (Keresés, Hírkezelő, stb.) */
.btn-primary {
    --bs-btn-bg:                  #4a7bb5;
    --bs-btn-border-color:        #4a7bb5;
    --bs-btn-hover-bg:            #3a6294;
    --bs-btn-hover-border-color:  #3a6294;
    --bs-btn-active-bg:           #33567f;
    --bs-btn-active-border-color: #33567f;
    --bs-btn-disabled-bg:         #4a7bb5;
    --bs-btn-disabled-border-color:#4a7bb5;
}

/* Keretes (outline) primary gomb */
.btn-outline-primary {
    --bs-btn-color:               #4a7bb5;
    --bs-btn-border-color:        #4a7bb5;
    --bs-btn-hover-bg:            #4a7bb5;
    --bs-btn-hover-border-color:  #4a7bb5;
    --bs-btn-active-bg:           #3a6294;
    --bs-btn-active-border-color: #3a6294;
    --bs-btn-disabled-color:      #4a7bb5;
    --bs-btn-disabled-border-color:#4a7bb5;
}

/* Link-primary hover/focus — a Bootstrap ide fixen a régi kéket égette be */
.link-primary:hover, .link-primary:focus { color: #3a6294 !important; -webkit-text-decoration-color: #3a6294 !important; text-decoration-color: #3a6294 !important; }

/* Focus-ring (mezők, gombok kattintáskori kék glow) */
.btn:focus-visible, .form-control:focus, .form-select:focus, .form-check-input:focus, .page-link:focus { border-color: #a9c2de !important; box-shadow: 0 0 0 0.25rem rgba(74, 123, 181, 0.25) !important; }

/* Checkbox / rádió / kapcsoló bepipálva */
.form-check-input:checked { background-color: #4a7bb5 !important; border-color: #4a7bb5 !important; }
.form-check-input:focus { border-color: #a9c2de !important; }

/* Range csúszka feje */
.form-range::-webkit-slider-thumb { background-color: #4a7bb5 !important; }
.form-range::-moz-range-thumb     { background-color: #4a7bb5 !important; }

/* Aktív lapozó és nav-pill */
.page-item.active .page-link { background-color: #4a7bb5 !important; border-color: #4a7bb5 !important; }
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { background-color: #4a7bb5 !important; }

/* A .nav-pills aláhúzás (light.css ::after) — a --bs-primary-t használja, követi, de ha explicit kell: */
.nav-pills .nav-link::after { background-color: #4a7bb5; }

/* Progress-bar (Szavazás sávok) — a finomabb szürkés-kékre */
.progress { --bs-progress-bar-bg: #4a7bb5; }
.progress-bar { background-color: #4a7bb5 !important; color: #fff; }