/*
	Blade Throwers z. s. – vizuální styl "Aréna" pro stránky soutěží.
	Načítá se až za templatemo-art-factory.css a bt.css a přebíjí původní šablonu;
	HTML stránek soutěží zůstává beze změn struktury.
*/

html,
body.bt {
	background: var(--bt-black);
	color: var(--bt-white);
	font-family: var(--bt-text);
}
html { scroll-padding-top: 0; scroll-behavior: auto; }

.bt p,
.bt .section-heading p,
.bt #about p,
.bt #about2 p,
.bt .event .left-text p,
.bt #frequently-question .left-text p {
	color: var(--bt-white);
	font-size: 19px;
	line-height: 1.4;
	letter-spacing: 0;
}
.bt li { font-size: 19px; }
.bt .rounded { border-radius: 0 !important; }

/* Odkazy v textu */
.bt .section p a,
.bt .section span a,
.bt .section .content a,
.bt .welcome-area p a {
	color: var(--bt-white);
	font-weight: 600;
	text-decoration: underline !important;
	text-decoration-color: var(--bt-red) !important;
	text-decoration-thickness: 2px !important;
	text-underline-offset: 4px;
	overflow-wrap: anywhere;
}
.bt .section p a:hover,
.bt .section span a:hover,
.bt .section .content a:hover,
.bt .welcome-area p a:hover { text-decoration-color: var(--bt-white) !important; }

/* Tlačítka */
.bt a.main-button-slider,
.bt a.main-button,
.bt button.main-button {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 6px 30px 2px;
	border-radius: 0;
	background: var(--bt-red);
	color: var(--bt-white);
	font-family: var(--bt-head);
	font-weight: 500;
	font-size: 24px;
	line-height: 1.05;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	clip-path: polygon(12px 0, 100% 0, calc(100% - 12px) 100%, 0 100%);
}
.bt a.main-button-slider:hover,
.bt a.main-button:hover,
.bt button.main-button:hover { background: var(--bt-white); color: var(--bt-black); }
/* vedlejší tlačítko je bílé */
.bt #about a.main-button,
.bt .welcome-area a.main-button-slider ~ a.main-button-slider { background: var(--bt-white); color: var(--bt-black); }
.bt #about a.main-button:hover,
.bt .welcome-area a.main-button-slider ~ a.main-button-slider:hover { background: var(--bt-muted); }

/* Hlavička */
.bt .header-area,
.bt .background-header {
	position: fixed !important;
	top: 0;
	left: 0;
	right: 0;
	height: 80px !important;
	min-height: 80px;
	background: var(--bt-black);
	border-bottom: 1px solid var(--bt-line);
	box-shadow: none !important;
}
.bt .header-area .main-nav .logo { line-height: 0; padding: 8px 0; }
.bt .header-area .main-nav .logo img { height: 64px; width: auto; }
.bt .header-area .main-nav .nav li a,
.bt .background-header .main-nav .nav li a {
	color: var(--bt-white) !important;
	font-family: var(--bt-text);
	font-weight: 700;
	font-size: 16px;
	letter-spacing: 0.16em;
}
.bt .header-area .main-nav .nav > li:hover > a,
.bt .background-header .main-nav .nav > li:hover > a { color: var(--bt-muted) !important; }
.bt .header-area.header-sticky .nav li a.active,
.bt .background-header .nav li a.active { color: var(--bt-white) !important; box-shadow: inset 0 -3px 0 var(--bt-red); }
.bt .header-area .main-nav .nav li.submenu:after,
.bt .header-area.background-header .main-nav .nav li.submenu:after { color: var(--bt-white); top: 13px; }
.bt .header-area .main-nav .nav li.submenu ul { box-shadow: none; border: 1px solid var(--bt-line); max-height: 80vh; overflow-y: auto; }
.bt .header-area .main-nav .nav li.submenu ul li a,
.bt .background-header .main-nav .nav li.submenu ul li a {
	background: var(--bt-asphalt);
	border-bottom: 1px solid var(--bt-line);
	font-size: 15px;
	letter-spacing: 0.08em;
	box-shadow: none;
}
.bt .header-area .main-nav .nav li.submenu ul li a:hover,
.bt .background-header .main-nav .nav > li > ul > li:hover > a { background: var(--bt-line); color: var(--bt-white) !important; }
.bt .header-area .main-nav .nav li.submenu ul li a:before { background: var(--bt-red); }
.bt .header-area .main-nav .menu-trigger span,
.bt .header-area .main-nav .menu-trigger span:before,
.bt .header-area .main-nav .menu-trigger span:after { background-color: var(--bt-white); }
.bt .header-area .main-nav .menu-trigger.active span { background-color: transparent; }

@media (max-width: 991px) {
	.bt .header-area .main-nav { overflow: visible; }
	.bt .header-area .logo { margin-left: 0; }
	.bt .header-area .main-nav .menu-trigger { right: 15px; }
	.bt .header-area .main-nav .nav { max-height: calc(100vh - 80px); overflow-y: auto; }
	.bt .header-area .main-nav .nav li,
	.bt .header-area .main-nav .nav li:first-child { background: var(--bt-black); border-color: var(--bt-line); }
	.bt .header-area .main-nav .nav li a { background: var(--bt-black) !important; color: var(--bt-white) !important; }
	.bt .header-area .main-nav .nav li a:hover { background: var(--bt-asphalt) !important; }
	.bt .header-area .main-nav .nav li.submenu ul { border: 0; max-height: none; }
	.bt .header-area .main-nav .nav li.submenu ul li a { background: var(--bt-asphalt) !important; }
	.bt .header-area .main-nav .nav li.submenu:after { color: var(--bt-white); }
}

/* Úvod */
.bt #welcome {
	background: var(--bt-panel);
	background-image: none;
	border-bottom: 1px solid var(--bt-line);
	height: auto;
	min-height: 100vh;
	margin-top: 0;
	padding: 120px 0 60px;
}
.bt .welcome-area .header-text,
.bt .welcome-area .header-text[class] {
	position: static;
	transform: none !important;
	text-align: left;
}
.bt .welcome-area .header-text .left-text { border-left: 10px solid var(--bt-red); padding-left: 28px; }
.bt .welcome-area .header-text h1 {
	font-family: var(--bt-head);
	font-weight: 700;
	font-size: clamp(40px, 5.2vw, 68px) !important;
	line-height: 0.9 !important;
	letter-spacing: 0;
	text-transform: uppercase;
	margin-bottom: 22px !important;
}
.bt .welcome-area .header-text h1 strong { color: var(--bt-red); font-weight: 700; }
.bt .welcome-area .header-text h3 {
	display: inline-block;
	margin-bottom: 22px;
	padding: 6px 24px 2px;
	background: var(--bt-white);
	color: var(--bt-black);
	font-size: 28px;
	letter-spacing: 0.1em;
	clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%);
}
.bt .welcome-area .header-text p {
	font-weight: 500;
	font-size: 19px;
	line-height: 1.4;
	letter-spacing: 0;
	margin-bottom: 28px;
	text-align: left;
}
.bt .welcome-area .header-text img { width: 100%; max-width: 440px; margin-top: 0; }
@media (max-width: 765px) {
	.bt .welcome-area { margin-bottom: 0; }
	.bt #welcome { min-height: 0; padding-top: 110px; }
	.bt .welcome-area .header-text .left-text { border-left-width: 6px; padding-left: 18px; margin: 0 15px 30px; }
	.bt .welcome-area .header-text img { max-width: 260px; }
	.bt .welcome-area .header-text h3 { font-size: 21px; letter-spacing: 0.06em; padding: 6px 18px 2px; }
}

/* Sekce */
.bt .section,
.bt #about,
.bt #about2,
.bt .event,
.bt #frequently-question { padding: 80px 0; border-bottom: 1px solid var(--bt-line); background: var(--bt-black); filter: none; }
.bt #frequently-question { background: var(--bt-panel); }
.bt #map { padding: 0; }
.bt #map iframe { display: block; }
.bt .hr { display: none; }

.bt .section-heading h2 {
	text-align: left;
	font-family: var(--bt-head);
	font-weight: 700;
	font-size: clamp(40px, 6vw, 56px);
	line-height: 0.9;
	color: var(--bt-white);
	margin-bottom: 18px;
	padding-left: 18px;
	border-left: 8px solid var(--bt-red);
}
.bt .section .offset-lg-3.col-lg-6 { margin-left: 0; flex: 0 0 100%; max-width: 100%; }
.bt .section-heading p,
.bt .section-heading h5 { text-align: left; max-width: 46em; }
.bt .section-heading h5 { font-family: var(--bt-text); font-weight: 600; font-size: 19px; line-height: 1.4; color: var(--bt-muted); }
.bt .event .section-heading p,
.bt #frequently-question .section-heading p { margin-bottom: 40px; color: var(--bt-muted); }

.bt #about h5,
.bt #about2 h5,
.bt .event .left-text h5,
.bt #frequently-question .left-text h5,
.bt .section h5 {
	font-family: var(--bt-head);
	font-weight: 500;
	font-size: 32px;
	line-height: 1;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--bt-white);
	margin-bottom: 18px;
}
.bt .section-heading h5 { text-transform: none; letter-spacing: 0; }
.bt .event .left-text,
.bt #frequently-question .left-text { align-self: flex-start !important; }
.bt .event .left-text span,
.bt #frequently-question .left-text span { color: var(--bt-white); font-size: 19px; margin-bottom: 24px; }

/* Nákresy disciplín mají bílý podklad – bílá karta se zkoseným rohem */
.bt .section img.img-fluid {
	background: var(--bt-white);
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--bt-cut)), calc(100% - var(--bt-cut)) 100%, 0 100%);
}
.bt .welcome-area img { background: none; }

/* Harmonogram */
.bt #about2 ul li .text { margin-left: 0; margin-bottom: 20px; padding: 18px 22px 12px; background: var(--bt-asphalt); }
.bt #about2 ul li .text h6 {
	padding-top: 0;
	margin-bottom: 12px;
	font-family: var(--bt-head);
	font-weight: 500;
	font-size: 28px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--bt-white);
}
.bt #about2 ul li .text p { margin-bottom: 0; }
.bt #about2 ul ul li { padding: 5px 0; border-top: 1px solid var(--bt-line); font-size: 18px; }

/* Rozbalovací pravidla */
.bt .accordions { background: var(--bt-asphalt); }
.bt .accordion-head {
	padding: 16px 20px 14px;
	border-bottom: 1px solid var(--bt-line);
	border-left: 6px solid transparent;
	font-weight: 700;
	font-size: 17px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--bt-white);
}
.bt .accordion-head:hover { background: var(--bt-line); }
.bt .accordion-head.is-open { color: var(--bt-white); border-left-color: var(--bt-red); border-bottom: none; }
.bt .accordion-head .icon { color: var(--bt-muted); }
.bt .accordion-head.is-open .icon { transform: rotate(90deg); color: var(--bt-white); }
.bt .accordion-body { border-bottom: 1px solid var(--bt-line); border-left: 6px solid var(--bt-red); }
.bt .accordion-body > .content { padding: 4px 20px 20px; }
.bt .accordion-body p { margin-bottom: 0; }

/* Registrovaní vrhači, formuláře, sponzoři */
.bt .contact-form {
	padding: 60px 24px !important;
	background: var(--bt-panel);
	filter: none;
}
.bt .contact-form h3 { font-family: var(--bt-head); font-weight: 700; font-size: clamp(40px, 6vw, 56px); line-height: 0.9; letter-spacing: 0; }
.bt .contact-form #registeredthrowers h3 { font-weight: 500; font-size: 32px; letter-spacing: 0.04em; }
.bt .contact-form h4 { margin-top: 2em; }
.bt .contact-form table { max-width: 900px; margin: 0 auto; table-layout: auto; }
.bt th {
	padding: 12px 10px;
	border-bottom: 2px solid var(--bt-red);
	color: var(--bt-muted);
	font-weight: 700;
	font-size: 15px;
	letter-spacing: 0.18em;
	text-align: center;
}
.bt td,
.bt #registeredthrowersmain td {
	padding: 8px 10px;
	border-bottom: 1px solid var(--bt-line);
	color: var(--bt-white);
	font-weight: 500;
	font-size: 18px;
}
.bt .contact-form input,
.bt .contact-form textarea,
.bt .contact-form select {
	background: var(--bt-asphalt);
	border: 1px solid var(--bt-line);
	color: var(--bt-white);
	font-family: var(--bt-text);
	font-size: 18px;
}
.bt .contact-form ::placeholder { color: var(--bt-muted); }
.bt #spons li { background: var(--bt-white); padding: 14px 18px; vertical-align: middle; margin: 12px !important; }
.bt #spons li a { display: block; }
.bt #spons li img { display: block; max-height: 90px; object-fit: contain; }

/* Patička */
.bt footer { background: var(--bt-black); padding: 32px 0; }
.bt footer .copyright {
	margin: 10px 0 0;
	color: var(--bt-muted);
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 0.18em;
	text-transform: uppercase;
}
.bt footer .social li a { background: var(--bt-white); color: var(--bt-black); border-radius: 0; width: 44px; height: 44px; line-height: 44px; }
.bt footer .social li a:hover { background: var(--bt-red); color: var(--bt-white); }

/* Načítání */
.bt #preloader { background: var(--bt-black); }
.bt #preloader .jumper > div { background-color: var(--bt-red); }
