@charset "UTF-8";

/* ==========================================================================
   1. GLOBAL VARIABLES & ROOT
   ========================================================================== */
/* Nadpisanie kolorow */
:root {
	--brand-color: #e3001b;
	--brand-color-dark: #b30016; /* Dla efektu najechania mysza */
}

/* ==========================================================================
   2. TYPOGRAPHY & GENERAL SPACING
   ========================================================================== */
#about {
	padding: 80px 0;
}

.section-padding {
	padding: 50px 0;
}

/* Zmniejszenie rozmiaru glownych naglowkow na podstronach */
h1 {
	font-size: 2rem !important;
}

@media (max-width: 768px) {
	h1 {
		font-size: 1.75rem !important;
	}
}

/* Teksty (liczniki 20+, 500+) */
.text-primary {
	color: var(--brand-color) !important;
}

/* ==========================================================================
   3. COMPONENTS
   ========================================================================== */

/* --- ICONS --- */
.icon-size-lg {
	font-size: 3rem;
}

.icon-size-md {
	font-size: 2.5rem;
}

/* Tla (etykiety "Sala A", "Warsztaty") */
.bg-primary {
	background-color: var(--brand-color) !important;
}

/* --- BUTTONS --- */
/* Przyciski (Rejestracja, Wyslij) */
.btn-primary {
	background-color: var(--brand-color);
	border-color: var(--brand-color);
}

/* Efekt najechania na przycisk (Hover) */
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
	background-color: var(--brand-color-dark) !important;
	border-color: var(--brand-color-dark) !important;
}

/* Przycisk z obramowaniem (Outline) */
.btn-outline-primary {
	color: var(--brand-color) !important;
	border-color: var(--brand-color) !important;
}

/* Efekt najechania na przycisk z obramowaniem */
.btn-outline-primary:hover,
.btn-outline-primary:active {
	background-color: var(--brand-color) !important;
	border-color: var(--brand-color) !important;
	color: white !important;
}

/* --- LINKS --- */
/* Obnizenie podkreslenia dla linkow tekstowych w tresci, aby nie zlewalo sie z tekstem */
.container p a:not(.btn),
.container li a:not(.btn) {
	text-underline-offset: 4px;
	text-decoration-thickness: 1px;
	transition: text-decoration-color 0.2s ease-in-out;
}

.container p a:not(.btn):hover,
.container li a:not(.btn):hover {
	text-decoration-color: transparent;
}

/* Wyroznienie po najechaniu na linki komitetu organizacyjnego */
.list-group-item h4 a.text-dark {
	transition: color 0.2s ease-in-out;
}

.list-group-item h4 a.text-dark:hover {
	color: var(--brand-color) !important;
}

/* Efekt najechania dla linkow tekstowych w stopce (Kontakt i Adres) */
#contact a.text-white-50 {
	transition: color 0.3s ease-in-out;
}

#contact a.text-white-50:hover {
	color: white !important;
}

/* ==========================================================================
   4. LAYOUT SPECIFIC (HEADER, NAVIGATION, ETC)
   ========================================================================== */

/* --- CONFERENCE TOP BAR --- */
/* Pasek nad nawigacja */
.conference-top-bar {
	background-color: var(--brand-color);
	color: white;
	padding: 12px 0;
	font-size: 1.2rem;
	letter-spacing: 1.5px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}

@media (max-width: 768px) {
	.conference-top-bar {
		font-size: 0.95rem;
		padding: 10px 10px;
	}
}

/* --- SIDEBAR NAV --- */
#sidebar-nav.sticky-top {
	top: 20px;
}

/* --- DROPDOWN NAV --- */
/* Kolor aktywnego / kliknietego elementu w rozwijanym menu - taki sam jak hover */
.dropdown-menu-dark .dropdown-item.active,
.dropdown-menu-dark .dropdown-item:active {
	background-color: rgba(255, 255, 255, 0.15);
	color: white;
}

/* --- SCHEDULE TABS --- */
/* Aktywna zakladka w harmonogramie (Dzien 1 / Dzien 2) */
.nav-pills .nav-link.active {
	background-color: var(--brand-color) !important;
}

/* Kolor tekstu nieaktywnej zakladki */
.nav-pills .nav-link {
	color: #333;
}

/* Wyrownanie szerokosci godziny, aby tekst prelekcji zaczynal sie w tym samym miejscu */
.fw-bold.mb-1 {
	min-width: 110px;
	display: inline-block;
}

/* Nagłówek dnia w harmonogramie */
.schedule-day-header {
	letter-spacing: 1px;
}

/* ==========================================================================
   5. MISCELLANEOUS (LOGOS, SOCIALS, SCROLL TOP)
   ========================================================================== */

/* --- SPONSOR LOGO --- */
.sponsor-logo {
	max-height: 60px;
	opacity: 0.6;
	transition: opacity 0.3s;
}
.sponsor-logo:hover {
	opacity: 1;
}

/* --- SOCIAL BUTTONS --- */
/* Styl dla przyciskow spolecznosciowych */
.social-btn {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.2s ease-in-out; /* Dodatkowy efekt plynnosci */
}

.social-btn:hover {
	transform: scale(1.1); /* Delikatne powiekszenie przy najechaniu */
}

/* --- BACK TO TOP BUTTON --- */
/* Plywajacy przycisk Wroc na gore */
#backToTopBtn {
	position: fixed;
	bottom: 30px;
	right: 30px;
	width: 55px;
	height: 55px;
	z-index: 1050;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, transform 0.2s ease, background-color 0.15s ease-in-out;
}

/* Klasa aktywujaca widocznosc przydzielana przez JS */
#backToTopBtn.show-btn {
	opacity: 1;
	visibility: visible;
}

/* Efekt dla najechania myszka */
#backToTopBtn:hover {
	transform: translateY(-5px);
}