/* Talismanonline.cz - úpravy šablony Perfect World (styles/style.css se nemění) */

:root {
	--zlato: #ffcd6d;
	--zlato-tmave: #c9964a;
	--seda: #868178;
	--pergamen-text: #312923;
	--cervena: #e05252;
	--zelena: #63df00;
}

input, button, select, textarea { font-family: 'PTSerif', Georgia, serif; }
body { min-height: 0; }

/* ozdobné šipky (průhlednost dřív ve style="..." - CSP ho nepovoluje) */
.arrows svg .s1 { opacity: .32; }
.arrows svg .s2 { opacity: .13; }

/* hlavička */
.nav .nav-item .nav-link { padding: 10px 18px; display: block; }
.nav .nav-item .nav-link.aktivni { color: var(--zlato); }
.header .logo img { height: 32px; width: auto; }
.header-buttons form { display: flex; }
.login-btn { background-image: none; color: #b9b2a6; }
.login-btn:hover { color: var(--zlato); }
.login-btn span { max-width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.oznameni { position: relative; z-index: 4; background: linear-gradient(90deg, #3a1d0c, #5a3212, #3a1d0c); color: #ffe6b0;
	text-align: center; padding: 10px 16px; font-size: 15px; border-bottom: 1px solid #7a4a1c; line-height: 1.4; }

/* horní blok: emblém a pod ním tlačítko Začít hrát */
.logo-big img { width: 597px; height: auto; max-width: 100%; }
.top-content { padding-top: 20px; }
.top-logo-blok { display: flex; flex-direction: column; align-items: center; width: max-content; max-width: 100%; margin-left: 40px; }
.top-logo-blok .logo-big { margin-left: 0; }
.top-logo-blok .start-block { margin-top: -18px; }
.server-info .stav-hodnota { position: relative; z-index: 2; font-weight: 700; text-transform: uppercase; }
.server-info .stav-hodnota small { font-size: 12px; opacity: .8; }
.server-info.offline { color: var(--cervena); }
.start-btn { text-align: center; }

/* úvodní obrázek místo videa */
.video-block { background-image: linear-gradient(90deg, rgba(4,5,5,.8) 0%, rgba(4,5,5,.35) 55%, rgba(4,5,5,0) 100%),
	url(../images/hero.jpg); background-position: center 18%; }
.video-block::after { display: none; }
.video-title { font-size: 42px; line-height: 1.1; text-shadow: 0 2px 12px #000; }
.video-des { opacity: .85; line-height: 1.4; max-width: 360px; text-shadow: 0 1px 6px #000; }

/* novinky na úvodu */
.news-row { gap: 12px; }
.news-row .news-title { flex: 1; white-space: nowrap; text-overflow: ellipsis; }
.news-row .news-data { white-space: nowrap; }
.news-row.prazdne { color: var(--seda); border-bottom: none; }
.pripnuto { color: var(--zlato); }
.tab-link:focus-visible { outline: 1px dashed var(--zlato); }

/* žebříček na pergamenu */
.rating-title { display: block; color: #000; }
a.rating-title:hover { color: #7a3a10; }
.rating-icon .img-container { width: 24px; height: 24px; }
.rating-icon .ikona-povolani { width: 24px; height: 24px; }
.rating-icon .img-container .arrows.right-arrows { right: -16px; }
.rating-icon .img-container .arrows.left-arrows { left: -16px; }
.rating-name { white-space: nowrap; text-overflow: ellipsis; font-weight: 700; }
.rating-class { padding-left: 10px; }
.rating-empty { color: var(--pergamen-text); text-align: center; padding: 60px 40px; font-size: 18px; line-height: 1.5; }
.rating-more { margin-top: auto; padding: 6px 20px; color: #7a3a10; font-size: 15px; }
.rating-more:hover { color: #000; }
.rating-block { height: 702px; padding: 45px 0 35px; }
.rating-block .rating-row:not(.rating-heading-row) { padding-top: 11px; padding-bottom: 11px; }
.rating-title { padding-bottom: 18px; }

/* průvodce (místo diskuzí) */
.forum-article .left-content .icon-container { background-image: url(../images/forum-ava.png); }
.forum-article .left-content .icon-container img { width: 30px; height: 30px; }
.forum-article .sipka-vpravo { font-size: 32px; color: var(--seda); padding-right: 10px; }
.forum-article:hover .sipka-vpravo { color: var(--zlato); }
.forum-btns .button.facebook-btn .icon-container { background-image: url(../images/icon-facebook.png); width: 40px; height: 40px;
	margin: 0 30px 0 20px; }

/* patička */
.footer-mid { height: auto; display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: 40px; padding: 45px 20px 35px; align-items: start; }
.footer-sloupec p { color: #a39c90; line-height: 1.7; font-size: 14px; }
.footer-nadpis { color: #fff; font-size: 16px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; margin-bottom: 16px; }
.footer-sloupec ul { display: flex; flex-direction: column; gap: 9px; }
.footer-sloupec li a { color: #a39c90; font-size: 14px; }
.footer-sloupec li a:hover { color: var(--zlato); }
.footer-copy { display: flex; align-items: center; gap: 25px; padding: 22px 20px 30px; border-top: 1px solid #272828; }
.footer-copy .footer-des { line-height: 1.5; font-size: 13px; }
.footer-number { font-weight: 700; font-size: 16px; }
.footer-brand { display: flex; }
.footer-top .nav { flex-wrap: wrap; justify-content: center; }

/* okna (přihlášení, registrace, video) */
.modal.otevreno { display: block; animation: fadeIn .3s both; }
.modal .close { background-color: transparent; border: 0; }
.modal-wrapper { padding: 0 90px; }
.modal-content { height: 702px; }
#log-modal .modal-title { margin-top: 0; }
.modal-info-submit .info a { text-transform: none; }
.modal-pata, .modal-text { color: #64564e; text-align: center; font-size: 14px; margin-top: 8px; line-height: 1.5; }
.modal-pata a, .souhlas a, .modal-text a { color: #9c4411; text-decoration: underline; }
.souhlas { color: #4d4038; font-size: 13px; line-height: 1.4; display: flex; gap: 8px; align-items: flex-start; }
.souhlas input { margin-top: 2px; accent-color: #9c4411; }
.registration-form .poznamka { color: #7b6a60; font-size: 12px; line-height: 1.4; margin: -6px 0 0; }
.registration-form { padding: 10px 0; gap: 12px; }
.form-input::placeholder { color: #7b6a60; opacity: .8; }
.hp { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.modal-video { background-color: rgba(0, 0, 0, .85); }
.video-okno { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: min(960px, 92vw);
	aspect-ratio: 16 / 9; background: #000; box-shadow: 0 0 40px #000; }
.video-okno iframe { width: 100%; height: 100%; border: 0; }
.video-okno .close { top: -50px; right: -10px; }

/* samostatná stránka s formulářem (registrace / přihlášení bez JS nebo po chybě) */
.formular-stranka { display: flex; justify-content: center; }
.formular-stranka .modal-content { position: relative; top: auto; left: auto; transform: none; margin: 0 auto; }
.formular-stranka .zprava { margin: 0 0 6px; }

/* hlášky */
.zpravy { margin-top: 30px; display: flex; flex-direction: column; gap: 10px; }
.zprava { padding: 14px 20px; line-height: 1.4; font-size: 15px; border: 1px solid; background: #0b0d0de6; }
.zprava.ok { border-color: #3f7a1c; color: #b5f08a; }
.zprava.chyba { border-color: #8a2a2a; color: #ffb3b3; }
.formular-stranka .zprava.chyba { background: #f3d6c9; color: #7a1f12; border-color: #c4876f; }

/* podstránky */
.download-title { font-weight: 400; line-height: 1.3; }
.breadcrumbs ul { flex-wrap: wrap; row-gap: 0; }
.breadcrumbs li > span { color: var(--seda); }
.uvodni-text, .poznamka-dole { color: #b9b2a6; line-height: 1.6; font-size: 15px; margin-bottom: 20px; }
.poznamka-dole { margin: 20px 0 0; font-size: 13px; color: var(--seda); }
.uvodni-text a, .dtop-update_text a, .postup a, .prazdne a { color: var(--zlato); }
.uvodni-text strong { color: #fff; }
.prazdne { color: var(--seda); padding: 20px 0; line-height: 1.5; }
td.prazdne { text-align: center; padding: 40px; }
.filtry { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 25px; }
.filtry a { display: inline-flex; align-items: center; gap: 6px; padding: 8px 16px; border: 1px solid #2a2321; color: #b9b2a6;
	font-size: 14px; background: #0a0c0c; }
.filtry a:hover, .filtry a.aktivni { border-color: var(--zlato-tmave); color: var(--zlato); }
.filtry .ikona-povolani { width: 20px; height: 20px; }
.filtry-povolani { margin-top: -12px; }

.seznam-novinek { display: flex; flex-direction: column; gap: 20px; }
.karta-novinky { display: flex; gap: 25px; padding: 25px; border: 1px solid #1e1e1e; background: #0a0c0c; }
.karta-obrazek { flex: 0 0 240px; }
.karta-obrazek img { width: 240px; height: 150px; object-fit: cover; display: block; }
.karta-text { flex: 1; min-width: 0; }
.karta-text h2 { font-size: 22px; margin: 8px 0 12px; line-height: 1.3; }
.karta-text h2 a:hover { color: var(--zlato); }
.karta-text p { color: #b9b2a6; line-height: 1.6; margin-bottom: 12px; }
.karta-meta { color: var(--seda); font-size: 14px; }
.karta-novinky.news .news-badge, .clanek-meta.news .news-badge, .filtry a.news { color: #c77a4c; }
.karta-novinky.update .news-badge, .clanek-meta.update .news-badge, .filtry a.update { color: #5cbfb7; }
.karta-novinky.event .news-badge, .clanek-meta.event .news-badge, .filtry a.event { color: #d377b8; }
.cist-dal { color: var(--zlato); font-size: 14px; }
.cist-dal:hover { text-decoration: underline; }
.strankovani { display: flex; gap: 8px; justify-content: center; margin-top: 30px; }
.strankovani a { min-width: 40px; padding: 10px; text-align: center; border: 1px solid #2a2321; color: #b9b2a6; }
.strankovani a.aktivni, .strankovani a:hover { border-color: var(--zlato-tmave); color: var(--zlato); }
.clanek-meta { margin: -10px 0 25px; display: flex; gap: 12px; }
.clanek-obrazek { display: block; max-width: 100%; height: auto; margin-bottom: 25px; border: 1px solid #1e1e1e; }
.dalsi-novinky .news-row { padding: 16px 0; }

/* text článků a stránek */
.clanek { color: #d6d0c4; font-size: 16px; line-height: 1.75; max-width: 860px; }
.clanek > * + * { margin-top: 1em; }
.clanek h2 { font-size: 22px; color: #fff; margin-top: 1.6em; line-height: 1.3; }
.clanek h3 { font-size: 18px; color: var(--zlato); margin-top: 1.4em; }
.clanek h4 { font-size: 16px; color: #fff; font-weight: 700; }
.clanek strong, .clanek b { color: #fff; font-weight: 700; }
.clanek em, .clanek i { font-style: italic; }
.clanek a { color: var(--zlato); text-decoration: underline; }
.clanek a:hover { opacity: .75; }
.clanek ul, .clanek ol { padding-left: 1.6em; }
.clanek ul { list-style: none; }
.clanek ul > li { position: relative; }
.clanek ul > li::before { content: '◆'; position: absolute; left: -1.3em; top: .1em; color: var(--zlato-tmave); font-size: .7em; }
.clanek ol { list-style: decimal; }
.clanek ol > li::marker { color: var(--zlato-tmave); font-weight: 700; }
.clanek li + li { margin-top: .35em; }
.clanek img { max-width: 100%; height: auto; }
.clanek blockquote { border-left: 3px solid var(--zlato-tmave); padding: 6px 0 6px 18px; color: #b9b2a6; font-style: italic; }
.clanek hr { border: 0; border-top: 1px dashed #2a2321; }
.clanek code { background: #15181a; padding: 1px 6px; font-family: Consolas, monospace; font-size: .9em; color: #f3d9a4; }
.clanek pre { background: #15181a; padding: 14px; overflow-x: auto; }
.clanek table { width: auto; border-collapse: collapse; }
.clanek th, .clanek td { border: 1px solid #2a2321; padding: 8px 14px; }
.clanek th { color: #fff; background: #0a0c0c; font-weight: 700; }

/* tabulky (žebříček, postavy) */
.table-zebricek thead tr::after { display: none; }
.table-zebricek thead td { border-bottom: 1px solid #5a4424; }
.table-zebricek td { padding: 14px 20px; }
.table-zebricek thead tr { height: 70px; }
.table-download td:first-child { width: auto; }
.table-zebricek td.cislo { text-align: right; }
.table-zebricek td.poradi { width: 50px; font-weight: 700; color: #fff; }
.table-zebricek td.jmeno { color: #fff; white-space: nowrap; }
.table-zebricek td.jmeno .ikona-povolani { width: 24px; height: 24px; vertical-align: middle; margin-right: 8px; }
.table-zebricek td.uroven { color: #b59be0; font-weight: 700; }
.table-zebricek td.uroven small { color: var(--zlato); font-size: 12px; }
.table-zebricek tr.top3 td.poradi { color: var(--zlato); }
.table-zebricek tbody tr:hover td { background: #0e1111; }

/* stáhnout */
.postup { list-style: decimal; padding-left: 1.4em; color: #d6d0c4; line-height: 1.7; font-size: 15px; }
.postup li + li { margin-top: 8px; }
.postup li::marker { color: var(--zlato-tmave); font-weight: 700; }
.postup code, .uvodni-text code { background: #15181a; padding: 1px 6px; font-family: Consolas, monospace; font-size: .9em; }
.postup strong { color: #fff; }
.dTop-cat_blocks { justify-content: center; }
.dTop-cat_block { max-width: 220px; }
.dTop-cat_block-img img { max-height: 43px; }
.dtop-update_text strong { color: #fff; }
.driverBlock { display: flex; }
.driverBlock img { width: 100%; height: 100%; object-fit: cover; }

/* můj účet (tmavé pozadí) */
.ucet-mrizka { display: grid; grid-template-columns: 1fr 1fr; gap: 25px; }
.ucet-panel { border: 1px solid #1e1e1e; background: #0a0c0c; padding: 25px 30px; }
.ucet-panel h2 { font-size: 20px; margin-bottom: 20px; }
.zlate { color: var(--zlato); }
.ucet-udaje { display: grid; grid-template-columns: auto 1fr; gap: 12px 25px; font-size: 15px; margin-bottom: 25px; }
.ucet-udaje dt { color: var(--seda); }
.ucet-udaje dd { color: #fff; font-weight: 700; }
.formular-tmavy { display: flex; flex-direction: column; gap: 14px; }
.formular-tmavy label { display: flex; flex-direction: column; gap: 6px; color: var(--seda); font-size: 13px; }
.tmavy .form-input { color: #fff; background-color: #ffffff0d; border: 1px solid #2a2321; height: 42px; }
.tmavy .form-input:hover:not([disabled]), .tmavy .form-input:focus:not([disabled]) { background-color: #ffffff14; border-color: var(--zlato-tmave); }
.formular-tmavy .poznamka { color: var(--seda); font-size: 12px; }
.formular-tmavy .forum-btn, .ucet-odhlasit .forum-btn { text-transform: uppercase; }
.chyba-stranka { min-height: 120px; }

@media (max-width: 1200px) {
	.nav .nav-item .nav-link { padding: 10px 12px; }
	.forum-block { margin-left: 0; }
}
@media (max-width: 1000px) {
	.logo-big { margin-left: 0; }
	.top-logo-blok { margin-left: 0; width: 100%; }
	.header-content .right-content .header-buttons { gap: 10px; }
}
@media (max-width: 800px) {
	.karta-novinky { flex-direction: column; }
	.karta-obrazek, .karta-obrazek img { width: 100%; flex-basis: auto; }
	.ucet-mrizka { grid-template-columns: 1fr; }
	.footer-mid { grid-template-columns: 1fr 1fr; }
	.video-title { font-size: 32px; }
	.logo-big img { width: 100%; }
}
@media (max-width: 768px) {
	.modal-wrapper { padding: 0 24px; }
	.modal-content { height: 100vh; }
	.formular-stranka .modal-content { height: auto; min-height: 640px; }
	.download-content { padding: 30px 15px; }
	.table-zebricek td { padding: 10px 12px; }
	.news-row .news-title { max-width: none; }
}
@media (max-width: 600px) {
	.header-buttons form { display: none; }
	.login-btn .icon-container { display: none; }
	.news-block-top { flex-wrap: wrap; }
	.news-block-top .tab-links { width: 100%; }
	.news-row { flex-wrap: wrap; row-gap: 4px; }
	.news-row .news-title { white-space: normal; flex-basis: 100%; order: 3; }
	.rating-class, .rating-heading-row .rating-class { display: none; }
	.rating-name { width: 40%; }
	.rating-block .rating-row { padding-left: 20px; padding-right: 20px; }
	.rating-heading-row { margin: 0 20px; }
	.footer-mid { grid-template-columns: 1fr; text-align: center; }
	.footer-sloupec ul { align-items: center; }
	.footer-copy { flex-direction: column; text-align: center; }
}
@media (max-width: 480px) {
	.login-btn span { max-width: 80px; }
	.header .reg-btn { width: 100px; }
	.video-block { padding: 30px 20px; }
}

/* mobilní menu - odhlášení je formulář */
.hamburger-menu-content .nav-item form { width: 100%; }
.hamburger-menu-content button.nav-link { width: 100%; text-align: left; font-size: 24px; font-weight: 700; text-transform: uppercase;
	padding: 10px 30px; cursor: pointer; }