/* Всички правила са обхванати в .pcd — класът стои и на шаблоните на плъгина,
   и около изхода на всеки widget или шорткод. Така стилът важи еднакво,
   независимо дали страницата е сглобена от PHP шаблон или в Elementor.

   Обхватът е и защита: темата задава глобален цвят на текста през Elementor kit
   (`.elementor-kit-N p`, `label` — специфичност 0,1,1) и се зарежда след този
   файл. При равна специфичност печели по-късният, затова всяко правило тук е
   поне 0,2,x.

   Правилото: където слагаме собствен фон, задаваме и цвят на текста. Където
   текстът стои върху фона на страницата, наследяваме, за да работи и на тъмна,
   и на светла тема. */

.pcd {
	/* Следва глобалните цветове на Elementor (Site Settings), за да върви
	   директорията с дизайна на сайта. Резервните стойности важат, ако темата
	   се смени с такава, която не ги дефинира. */
	--pcd-brand: var(--e-global-color-primary, #1b4ea8);
	--pcd-accent: var(--e-global-color-accent, #1b4ea8);

	--pcd-ink: #1d2327;
	--pcd-ink-soft: #5c6670;
	--pcd-surface: #fff;
	--pcd-surface-alt: #f6f7f8;
	--pcd-line: #e3e5e8;
}

.pcd-archive,
.pcd-profile {
	max-width: 1100px;
	margin: 0 auto;
	padding: 2rem 1rem 4rem;
}

/* Върху фона на страницата: наследява, за да е четимо и на двете теми. */
.pcd .pcd-archive__header p {
	color: inherit;
	opacity: .8;
	margin-top: .25rem;
}

/* Филтри ------------------------------------------------------------------ */

.pcd .pcd-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	align-items: flex-end;
	margin: 2rem 0;
	padding: 1rem;
	background: var(--pcd-surface-alt);
	border-radius: 6px;
	color: var(--pcd-ink);
}

.pcd .pcd-filters label {
	display: flex;
	flex-direction: column;
	gap: .25rem;
	font-size: .85rem;
	color: var(--pcd-ink);
}

.pcd .pcd-filters select {
	color: var(--pcd-ink);
	background: var(--pcd-surface);
	border: 1px solid var(--pcd-line);
	border-radius: 4px;
	padding: .4rem .5rem;
}

/* Списък ------------------------------------------------------------------ */

.pcd .pcd-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 1.5rem;
}

.pcd .pcd-card {
	border: 1px solid var(--pcd-line);
	border-radius: 8px;
	padding: 1.25rem;
	background: var(--pcd-surface);
	color: var(--pcd-ink);
}

.pcd .pcd-card h2 {
	font-size: 1.1rem;
	margin: .5rem 0;
}

/* Акцентният цвят върху бяла карта дава около 2.3:1 — под праговете за
   достъпност. Основният брандов цвят е контрастен и също е от палитрата. */
.pcd .pcd-card h2 a {
	color: var(--pcd-brand);
	text-decoration: none;
}

.pcd .pcd-card h2 a:hover {
	color: var(--pcd-accent);
	text-decoration: underline;
}

.pcd .pcd-card p {
	color: var(--pcd-ink);
}

/* Карта в Loop Grid. Контейнерът е на Elementor и носи и двата класа, затова
   правилата се пишат като .pcd.pcd-card-el: така дават 0,2,x и бият
   .elementor-kit-N, който задава бял текст глобално. Цветът на текста се
   задава изрично, защото картата има собствен светъл фон. */
.pcd.pcd-card-el {
	border: 1px solid var(--pcd-line);
	border-radius: 8px;
	padding: 1.25rem;
	background: var(--pcd-surface);
	color: var(--pcd-ink);
}

.pcd.pcd-card-el h1,
.pcd.pcd-card-el h2,
.pcd.pcd-card-el h3,
.pcd.pcd-card-el h4,
.pcd.pcd-card-el p,
.pcd.pcd-card-el li,
.pcd.pcd-card-el span {
	color: var(--pcd-ink);
}

.pcd.pcd-card-el h3 {
	font-size: 1.1rem;
	margin: 0 0 .5rem;
}

/* Elementor задава `color: inherit` на връзката в заглавието със селектор от
   три класа, затова тук са нужни четири. Не се разчита на конкретен таг, за да
   издържи смяна на h3 с друго ниво от редактора. */
.pcd.pcd-card-el .elementor-widget-heading .elementor-heading-title > a {
	color: var(--pcd-brand);
	text-decoration: none;
}

.pcd.pcd-card-el .elementor-widget-heading .elementor-heading-title > a:hover {
	color: var(--pcd-accent);
	text-decoration: underline;
}

.pcd .pcd-card__logo img {
	max-height: 48px;
	width: auto;
}

.pcd .pcd-card p.pcd-card__city {
	color: var(--pcd-ink-soft);
	font-size: .85rem;
}

/* Профил ------------------------------------------------------------------ */

.pcd .pcd-profile__header {
	display: flex;
	gap: 1.5rem;
	align-items: flex-start;
	border-bottom: 1px solid rgba(127, 127, 127, .35);
	padding-bottom: 1.5rem;
}

.pcd .pcd-profile__logo img {
	max-height: 80px;
	width: auto;
}

.pcd .pcd-profile__pitch {
	font-size: 1.1rem;
	color: inherit;
}

.pcd .pcd-profile__meta {
	font-size: .85rem;
	color: inherit;
	opacity: .8;
}

/* Собствен фон, за да не зависят от това дали страницата е тъмна или светла. */
.pcd .pcd-verified,
.pcd .pcd-unverified {
	display: inline-block;
	padding: .15em .6em;
	border-radius: 999px;
	font-weight: 600;
	font-size: .85rem;
	opacity: 1;
}

.pcd .pcd-verified {
	background: #dcf5e5;
	color: #0b6b2e;
}

.pcd .pcd-unverified {
	background: #fde2e1;
	color: #a1241f;
}

.pcd .pcd-section {
	margin-top: 2rem;
}

.pcd .pcd-section h2,
.pcd .pcd-section__title {
	font-size: 1rem;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: inherit;
	opacity: .7;
	margin: 0 0 .5rem;
}

/* Полета ------------------------------------------------------------------ */

.pcd .pcd-field {
	color: inherit;
	margin: 0 0 .35rem;
}

.pcd .pcd-field__label {
	opacity: .7;
	font-size: .85rem;
}

/* Тагове ------------------------------------------------------------------ */

.pcd .pcd-tags {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
	list-style: none;
	margin: .75rem 0 0;
	padding: 0;
}

.pcd .pcd-tags li {
	background: #f1f3f5;
	border-radius: 999px;
	padding: .3rem .75rem;
	font-size: .9rem;
	color: var(--pcd-ink);
}

.pcd .pcd-tags li a {
	color: var(--pcd-ink);
	text-decoration: none;
}

.pcd .pcd-tags li a:hover {
	text-decoration: underline;
}

.pcd .pcd-tags--core li {
	background: #e7f0ff;
	font-weight: 600;
}

.pcd .pcd-tags--small li {
	font-size: .8rem;
	padding: .2rem .6rem;
}

.pcd .pcd-badge {
	margin-left: .4rem;
	font-size: .7rem;
	text-transform: uppercase;
	letter-spacing: .03em;
}

.pcd .pcd-tag--verified .pcd-badge {
	color: #0b6b2e;
}

.pcd .pcd-tag--declared .pcd-badge {
	color: #8a6d00;
}

.pcd .pcd-note {
	font-size: .8rem;
	color: inherit;
	opacity: .7;
	margin-top: .75rem;
}

/* Контакт ----------------------------------------------------------------- */

/* Бяло върху акцентното бирюзово е под 2.5:1; брандовото тъмносиньо върху него
   е четимо и остава в палитрата. */
.pcd .pcd-button {
	display: inline-block;
	padding: .6rem 1.2rem;
	background: var(--pcd-accent);
	color: var(--pcd-brand);
	font-weight: 600;
	border-radius: 4px;
	text-decoration: none;
}

.pcd .pcd-button:hover {
	filter: brightness(1.08);
	color: var(--pcd-brand);
}

/* Само в редактора: казва какво ще се появи на мястото при истински член. */
.pcd .pcd-placeholder {
	margin: 0;
	padding: .6rem .8rem;
	border: 1px dashed rgba(127, 127, 127, .6);
	border-radius: 4px;
	font-size: .85rem;
	color: inherit;
	opacity: .75;
}

@media (max-width: 600px) {
	.pcd .pcd-profile__header {
		flex-direction: column;
	}
}