/* ============================================================
   PENTACRAT — единая тема оформления
   Подключать ПОСЛЕ styles.css на всех страницах.
   Красит шапку, фон, кнопки, панели и контентные блоки
   под стиль главной (index.php). Логику не затрагивает.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=PT+Sans:ital,wght@0,400;0,700;1,400&display=swap');

/* ---------- Font Awesome (чтобы иконки работали на всех страницах) ---------- */
@font-face{font-family:'Font Awesome 5 Brands';font-style:normal;font-weight:400;font-display:block;
  src:url("webfonts/fa-brands-400.woff2") format("woff2"),url("webfonts/fa-brands-400.ttf") format("truetype");}
@font-face{font-family:'Font Awesome 5 Free';font-style:normal;font-weight:400;font-display:block;
  src:url("webfonts/fa-regular-400.woff2") format("woff2"),url("webfonts/fa-regular-400.ttf") format("truetype");}
@font-face{font-family:'Font Awesome 5 Free';font-style:normal;font-weight:900;font-display:block;
  src:url("webfonts/fa-solid-900.woff2") format("woff2"),url("webfonts/fa-solid-900.ttf") format("truetype");}
.fab{font-family:'Font Awesome 5 Brands'!important;font-weight:400;}
.far{font-family:'Font Awesome 5 Free'!important;font-weight:400;}
.fa,.fas{font-family:'Font Awesome 5 Free'!important;font-weight:900;}
.fa,.fas,.far,.fab{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;}

:root{
    --pt-bg-deep:#0a0e14;
    --pt-panel:rgba(14,18,24,.72);
    --pt-panel-solid:rgba(12,16,22,.92);
    --pt-gold:#e8b54a;
    --pt-gold-bright:#ffd479;
    --pt-gold-dim:#9a7b3a;
    --pt-txt:#cdd6e0;
    --pt-txt-dim:#8b97a5;
    --pt-border-gold:rgba(180,130,50,.45);
    --pt-border-soft:rgba(255,255,255,.07);
    --pt-red:#d63a2e;
    --pt-ff-display:'Cinzel','Trajan Pro',Georgia,serif;
    --pt-ff-body:'PT Sans','Segoe UI',Tahoma,Arial,sans-serif;
}

/* ---------- база ---------- */
body{
    background:var(--pt-bg-deep) url('../images/hero-bg.png') center top/cover no-repeat fixed!important;
    color:var(--pt-txt);
    font-family:var(--pt-ff-body);
}

/* ---------- общий фон стихий с лёгким затемнением ---------- */
.video-background{
    position:fixed!important;inset:0!important;z-index:-2!important;
}
.video-background img,
#background-image{
    width:100%!important;height:100%!important;object-fit:cover!important;
    filter:brightness(.82) saturate(1.05)!important;
}
/* прячем старые img фона (the_final_bg / the_final_bg1) — фон даёт body */
.video-background img,
#background-image{opacity:0!important;}
.video-background .overlay,
.overlay{
    position:absolute!important;inset:0!important;
    background:
      radial-gradient(ellipse at 50% 35%,rgba(10,14,20,.15) 0%,rgba(10,14,20,.55) 100%),
      linear-gradient(180deg,rgba(10,14,20,.35) 0%,rgba(10,14,20,.30) 55%,rgba(10,14,20,.6) 100%)!important;
}

/* ============================================================
   ШАПКА (единая для всех страниц)
   ============================================================ */
header{
    position:relative;z-index:50;
    display:flex!important;align-items:center;justify-content:space-between;
    gap:24px;
    padding:14px clamp(16px,3vw,48px)!important;
    background:linear-gradient(180deg,rgba(8,11,16,.85) 0%,rgba(8,11,16,0) 100%);
}
header::after{display:none!important;}

.pt-logo{display:flex;align-items:center;flex-shrink:0;text-decoration:none;}
.pt-logo img{height:46px;width:auto;display:block;filter:drop-shadow(0 2px 10px rgba(0,0,0,.6));transition:transform .3s;}
.pt-logo:hover img{transform:scale(1.04);}

header nav{flex:1;display:flex;justify-content:center;}

header nav ul.menu,
header ul.menu{
    list-style:none!important;margin:0!important;padding:0!important;
    display:flex!important;gap:clamp(8px,1.4vw,26px)!important;align-items:center;
    flex-wrap:wrap;justify-content:center;background:none!important;border:none!important;
}
header ul.menu li{margin:0!important;}
header ul.menu li a{
    color:var(--pt-txt)!important;text-decoration:none!important;opacity:1!important;
    font-family:var(--pt-ff-display)!important;
    font-size:14px!important;font-weight:600!important;letter-spacing:1.4px!important;text-transform:uppercase!important;
    padding:6px 2px!important;position:relative;white-space:nowrap;transition:color .25s;
}
header ul.menu li a::after{
    content:"";position:absolute;left:0!important;right:auto!important;bottom:-2px!important;
    width:0;height:2px;transform:none!important;
    background:linear-gradient(90deg,var(--pt-gold-dim),var(--pt-gold-bright),var(--pt-gold-dim));
    transition:width .28s;
}
header ul.menu li a:hover,
header ul.menu li a.active{color:var(--pt-gold-bright)!important;}
header ul.menu li a:hover::after,
header ul.menu li a.active::after{width:100%;}

/* кнопки в шапке */
.pt-actions{display:flex;align-items:center;gap:14px;flex-shrink:0;}
.pt-login{
    background:none;border:none;cursor:pointer;
    color:var(--pt-txt);font-family:var(--pt-ff-display);font-size:14px;font-weight:600;letter-spacing:1px;
    text-transform:uppercase;display:flex;align-items:center;gap:7px;padding:8px 6px;transition:color .25s;text-decoration:none;
}
.pt-login:hover{color:var(--pt-gold-bright);}
.pt-play{
    cursor:pointer;border:1px solid var(--pt-gold);
    background:linear-gradient(180deg,#3a2b12 0%,#1c150a 100%);
    color:var(--pt-gold-bright)!important;text-decoration:none;
    font-family:var(--pt-ff-display);font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase;
    padding:11px 24px;border-radius:4px;
    box-shadow:inset 0 1px 0 rgba(255,210,120,.25),0 6px 18px rgba(0,0,0,.5);
    transition:all .25s;
}
.pt-play:hover{background:linear-gradient(180deg,#5a4018 0%,#2c2010 100%);color:#fff!important;box-shadow:0 0 18px rgba(232,181,74,.5);transform:translateY(-1px);}

/* бургер */
.mobile-menu-toggle,.mobile-toggle{display:none;background:none;border:none;color:var(--pt-gold-bright);font-size:24px;cursor:pointer;}

/* ============================================================
   ОБЩИЕ КОНТЕНТНЫЕ БЛОКИ
   ============================================================ */
main{position:relative;z-index:10;}

/* заголовок страницы */
.pt-page-title{
    font-family:var(--pt-ff-display);font-size:clamp(26px,3.4vw,42px);font-weight:700;
    letter-spacing:1.5px;text-transform:uppercase;text-align:center;
    color:var(--pt-gold-bright);
    text-shadow:0 2px 12px rgba(0,0,0,.8),0 0 28px rgba(232,181,74,.25);
    margin:26px 0 4px;
}
.pt-page-sub{text-align:center;color:var(--pt-txt-dim);font-size:14px;margin:0 0 26px;}

/* универсальная панель/карточка контента */
.pt-card,
.content,
.rating-bg,
.brd.dbgl{
    background:var(--pt-panel)!important;
    border:1px solid var(--pt-border-gold)!important;
    border-radius:10px!important;
    backdrop-filter:blur(8px);
    box-shadow:0 10px 30px rgba(0,0,0,.45)!important;
}

/* ссылки золотом */
a{color:var(--pt-gold);transition:color .2s;}
a:hover{color:var(--pt-gold-bright);}

/* ============================================================
   РЕЙТИНГ (rating.php)
   ============================================================ */
.rating-table{
    width:100%;border-collapse:collapse;
    background:var(--pt-panel-solid)!important;
    border:1px solid var(--pt-border-gold);border-radius:10px;overflow:hidden;
}
.rating-table th{
    font-family:var(--pt-ff-display)!important;
    background:linear-gradient(180deg,rgba(58,43,18,.6),rgba(28,21,10,.6))!important;
    color:var(--pt-gold-bright)!important;
    text-transform:uppercase;letter-spacing:1px;font-size:12px;
    padding:12px 10px!important;border-bottom:1px solid var(--pt-border-gold)!important;
}
.rating-table td{
    padding:10px!important;border-bottom:1px solid var(--pt-border-soft)!important;
    color:var(--pt-txt)!important;
}
.rating-table tr.bg_l,.rating-table .bg_l{background:rgba(255,255,255,.025)!important;}
.rating-table tr:hover td{background:rgba(232,181,74,.06)!important;}
.rating-place{font-family:var(--pt-ff-display);font-weight:700;color:var(--pt-gold-bright)!important;}
.rating-table .nick a,.nick a{color:var(--pt-gold)!important;font-weight:600;}
.bg_l3{background:rgba(232,181,74,.12)!important;}

/* кнопки/фильтры рейтинга */
.btn-rating,.butt1,.btn-rating.active{
    font-family:var(--pt-ff-display)!important;letter-spacing:.5px;
    border:1px solid var(--pt-border-gold)!important;
    background:rgba(255,255,255,.04)!important;color:var(--pt-txt)!important;
    border-radius:6px!important;padding:8px 16px!important;transition:all .2s;
}
.btn-rating:hover,.butt1:hover{background:rgba(232,181,74,.12)!important;color:var(--pt-gold-bright)!important;}
.btn-rating.active{background:linear-gradient(180deg,#3a2b12,#1c150a)!important;color:var(--pt-gold-bright)!important;border-color:var(--pt-gold)!important;}
.rating-search input,.filterField,.ff__input-wrap-input{
    background:rgba(255,255,255,.05)!important;border:1px solid var(--pt-border-soft)!important;
    color:#fff!important;border-radius:8px!important;padding:10px 12px!important;
}

/* ============================================================
   ФОРУМ (forum.php)
   ============================================================ */
.forum-section,.forum-block,.forum-row,.f-topic,.topic-row{
    background:var(--pt-panel)!important;border:1px solid var(--pt-border-soft)!important;
    border-top:2px solid var(--pt-border-gold)!important;border-radius:8px!important;
    margin-bottom:12px;transition:transform .2s,border-color .2s;
}
.forum-section:hover,.f-topic:hover,.topic-row:hover{border-top-color:var(--pt-gold-bright)!important;transform:translateY(-2px);}
.forum-title,.f-title,.section-title{
    font-family:var(--pt-ff-display)!important;color:var(--pt-gold-bright)!important;
    letter-spacing:.6px;text-transform:uppercase;
}

/* ============================================================
   БИБЛИОТЕКА (library.php)
   ============================================================ */
.lib-article,.article,.lib-card,.news-item{
    background:var(--pt-panel)!important;border:1px solid var(--pt-border-soft)!important;
    border-top:2px solid var(--pt-border-gold)!important;border-radius:8px!important;
    padding:18px 20px;margin-bottom:14px;
}
.lib-article h2,.lib-article h3,.article h2,.article h3{
    font-family:var(--pt-ff-display)!important;color:var(--pt-gold-bright)!important;
}

/* ============================================================
   РЕГИСТРАЦИЯ (register.php) — карточка под тему
   ============================================================ */
.reg-card{
    background:var(--pt-panel-solid)!important;
    border:1px solid var(--pt-border-gold)!important;
    border-radius:14px!important;
    box-shadow:0 20px 60px rgba(0,0,0,.6)!important;
}
/* центрирование карточки регистрации (перебиваем старый main из styles.css) */
body:has(.reg-wrap) main,
main:has(.reg-wrap){
    display:flex!important;flex-direction:row!important;
    align-items:flex-start!important;justify-content:center!important;
    padding:40px 16px 80px!important;
}
.reg-wrap{width:100%!important;max-width:540px!important;margin:0 auto!important;}
.reg-title{font-family:var(--pt-ff-display)!important;color:var(--pt-gold-bright)!important;letter-spacing:1px;}
.reg-sub{color:var(--pt-txt-dim)!important;}
.finput{
    background:rgba(255,255,255,.05)!important;border:1px solid var(--pt-border-soft)!important;
    color:#fff!important;border-radius:10px!important;
}
.finput:focus{border-color:var(--pt-gold)!important;box-shadow:0 0 0 2px rgba(232,181,74,.18)!important;}
.btn-reg{
    background:linear-gradient(180deg,#7a1d18 0%,#4a0f0c 100%)!important;
    border:1px solid #b8442e!important;
    font-family:var(--pt-ff-display)!important;letter-spacing:1px!important;
    color:#ffe2c0!important;border-radius:10px!important;
}
.btn-reg:hover{background:linear-gradient(180deg,#9a2620 0%,#5e1310 100%)!important;color:#fff!important;box-shadow:0 0 22px rgba(214,58,46,.45)!important;}
.race-card{background:rgba(255,255,255,.04)!important;border:1px solid var(--pt-border-soft)!important;border-radius:12px!important;}
.race-card:hover{border-color:var(--pt-border-gold)!important;}
.reg-card .links a{color:var(--pt-gold)!important;}

/* ============================================================
   НОВОСТИ (news.php)
   ============================================================ */
main.news-container{margin-top:40px!important;}
.news-card{
    background:var(--pt-panel-solid)!important;
    border:1px solid var(--pt-border-soft)!important;
    border-top:2px solid var(--pt-border-gold)!important;
    border-radius:10px!important;
    box-shadow:0 12px 30px rgba(0,0,0,.5)!important;
}
.news-card:hover{
    border-color:var(--pt-border-soft)!important;
    border-top-color:var(--pt-gold-bright)!important;
    box-shadow:0 18px 40px rgba(0,0,0,.7)!important;
}
.news-content h3{
    font-family:var(--pt-ff-display)!important;
    color:var(--pt-gold-bright)!important;letter-spacing:.4px;
}
.news-content p{color:var(--pt-txt)!important;}
.news-date{
    background:rgba(10,14,20,.85)!important;
    color:var(--pt-gold-bright)!important;
    border:1px solid var(--pt-border-gold);
}
.read-more{
    background:linear-gradient(180deg,#3a2b12 0%,#1c150a 100%)!important;
    color:var(--pt-gold-bright)!important;
    border:1px solid var(--pt-gold)!important;
    font-family:var(--pt-ff-display)!important;letter-spacing:1px;
}
.read-more:hover{
    background:linear-gradient(180deg,#5a4018 0%,#2c2010 100%)!important;
    color:#fff!important;box-shadow:0 0 16px rgba(232,181,74,.35)!important;
}
.news-full-text{color:var(--pt-txt)!important;line-height:1.7;}
.news-full-text a{color:var(--pt-gold)!important;}
/* пагинация */
.pagination a{
    border:1px solid var(--pt-border-gold)!important;
    background:rgba(255,255,255,.04)!important;color:var(--pt-txt)!important;
}
.pagination a:hover,.pagination a.active{
    background:linear-gradient(180deg,#3a2b12,#1c150a)!important;
    color:var(--pt-gold-bright)!important;border-color:var(--pt-gold)!important;
}

/* ============================================================
   ФУТЕР
   ============================================================ */
.pt-footer{
    position:relative;z-index:10;text-align:center;padding:22px 16px 28px;
    color:var(--pt-txt-dim);font-size:12px;border-top:1px solid var(--pt-border-soft);margin-top:30px;
}
.pt-footer a{color:var(--pt-txt-dim);margin:0 8px;text-decoration:none;}
.pt-footer a:hover{color:var(--pt-gold-bright);}

/* ============================================================
   АДАПТИВ
   ============================================================ */
@media (max-width:980px){
    header ul.menu{gap:8px!important;}
    header ul.menu li a{font-size:12px!important;letter-spacing:1px!important;}
}
@media (max-width:820px){
    header nav{
        position:fixed;top:0;right:-100%;width:74%;max-width:320px;height:100vh;
        background:var(--pt-panel-solid);backdrop-filter:blur(12px);
        border-left:1px solid var(--pt-border-gold);
        flex-direction:column;justify-content:flex-start;padding-top:80px;
        transition:right .3s;z-index:60;
    }
    header nav.open{right:0;}
    header ul.menu{flex-direction:column!important;gap:4px!important;width:100%;}
    header ul.menu li{width:100%;}
    header ul.menu li a{font-size:16px!important;padding:14px 24px!important;display:block;text-align:center;}
    .mobile-menu-toggle,.mobile-toggle{display:block!important;}
    .pt-actions .pt-login span{display:none;}
    .pt-logo img{height:38px;}
    .rating-table th,.rating-table td{font-size:12px;padding:8px 6px!important;}
}