/*
 * aktualizacja: 2026-03-29 g. 18:10
 *
 * Cel pliku:
 * - stylowanie widoku pojedynczej spółki,
 * - obsługa nagłówka strony spółki,
 * - utrzymanie lekkiego, zwartego układu mobile first,
 * - dopasowanie wyglądu nagłówka do zaakceptowanego wzoru.
 *
 * Funkcjonalność:
 * - styl nagłówka spółki,
 * - styl sektorów,
 * - styl badge tickera i ISIN,
 * - styl kopiowania badge,
 * - styl linków oficjalnych i social media.
 *
 * Technicznie:
 * - plik dotyczy wyłącznie widoku single spolka,
 * - nie zawiera stylów osi czasu,
 * - nie zawiera stylów listy spółek,
 * - bazuje na klasach renderowanych przez frontend.php.
 */

/* =====================================
   GŁÓWNY OBSZAR PODSTRONY SPÓŁKI
   ===================================== */

.pj-spolka-single {
	padding-top: 0.25rem;
	padding-bottom: 1rem;
}

/* =====================================
   NAGŁÓWEK SPÓŁKI
   ===================================== */

.pj-spolka-naglowek {
	margin-top: 0.5rem;
	margin-left: 0.85rem;
	margin-bottom: 1rem;
}

.pj-spolka-tytul {
	margin: 0;
	font-size: 1.55rem;
	line-height: 1.08;
	font-weight: 700;
	letter-spacing: -0.01em;
	color: #1f1f1f;
	word-break: break-word;
}

.pj-spolka-sektory {
	margin-top: 0.42rem;
	margin-bottom: 0.68rem !important;
	gap: 0.3rem !important;
}

.pj-spolka-sektor {
	display: inline;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: #9f7a52;
	font-size: 0.84rem;
	line-height: 1.2;
	font-weight: 400;
}

.pj-spolka-meta {
	margin-top: 0;
	margin-bottom: 0.7rem !important;
	gap: 0.52rem !important;
}

.pj-spolka-chip {
	display: inline-flex;
	align-items: center;
	gap: 0.36rem;
	min-height: 1.82rem;
	padding: 0.18rem 0.68rem 0.18rem 0.74rem;
	border-radius: 999px;
	background-color: #ead7bf;
	border: 1px solid #b88956;
	color: #8b5f31;
	font-size: 0.84rem;
	line-height: 1;
	font-weight: 500;
	word-break: break-word;
}

.pj-spolka-chip-tekst {
	display: inline-block;
	line-height: 1;
}

.pj-spolka-chip-ikona {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 0.9rem;
	height: 0.9rem;
	border-radius: 999px;
	border: 1px solid #c59b6f;
	color: #946b40;
	font-size: 0.54rem;
	line-height: 1;
	flex: 0 0 0.9rem;
	background: rgba(255, 255, 255, 0.28);
}

.pj-spolka-linki {
	margin-top: 0;
	gap: 0.85rem !important;
}

.pj-spolka-link {
	display: inline;
	min-height: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: #9b6d3c;
	text-decoration: underline;
	text-underline-offset: 0.12em;
	font-size: 0.84rem;
	line-height: 1.28;
	font-weight: 400;
}

.pj-spolka-link:hover,
.pj-spolka-link:focus {
	color: #7f5630;
	text-decoration: underline;
	background: transparent;
}

/* =====================================
   KOPIOWANIE BADGE
   ===================================== */

.pj-spolka-chip-kopiuj {
	appearance: none;
	-webkit-appearance: none;
	border: 1px solid #b88956;
	background-color: #ead7bf;
	cursor: pointer;
	font-family: inherit;
	text-align: left;
	box-shadow: none;
}

.pj-spolka-chip-kopiuj:hover,
.pj-spolka-chip-kopiuj:focus {
	background-color: #e4ceb2;
	color: #7f5630;
	outline: none;
	box-shadow: none;
}

.pj-spolka-chip-kopiuj:hover .pj-spolka-chip-ikona,
.pj-spolka-chip-kopiuj:focus .pj-spolka-chip-ikona {
	border-color: #b88956;
	color: #8b6842;
}

.pj-spolka-chip-skopiowano {
	background-color: #dfc6a5;
	border-color: #a87540;
	color: #7f5630;
}

.pj-spolka-chip-skopiowano .pj-spolka-chip-ikona {
	border-color: #a87540;
	color: #7f5630;
}

/* =====================================
   TABLET I WIĘCEJ
   ===================================== */

@media (min-width: 768px) {
	.pj-spolka-single {
		padding-top: 0.5rem;
		padding-bottom: 1.5rem;
	}

	.pj-spolka-naglowek {
		margin-left: 1rem;
		margin-bottom: 1.1rem;
	}

	.pj-spolka-tytul {
		font-size: 1.65rem;
	}
}