/* ==========================================================================
   Bricks Child – main.css (Haritev) · всички страници
   --------------------------------------------------------------------------
   Глобалните класове в Bricks носят само нативни настройки (layout, цветове,
   типография, отстояния). Тук е целият допълнителен CSS:
   1. нулиране на браузърните стилове по подразбиране за таговете от Bricks;
   2. hover/състояния и свойства, които нямат нативна настройка;
   3. по-специфичното за хедъра, футъра и мобилната лента.
   Когато правило презаписва нативна настройка на клас, селекторът е с два
   класа, за да не зависи от реда на зареждане.
   ========================================================================== */

/* 1. База
   ========================================================================== */
html {
	scroll-behavior: smooth;
	scroll-padding-top: calc(var(--rh-header-height) + var(--rh-space-m));
}

:focus-visible {
	outline: 3px solid var(--rh-accent);
	outline-offset: 3px;
	border-radius: var(--rh-radius-s);
}

a {
	text-underline-offset: 3px;
}

/* 2. Нулиране на браузърните стилове за таговете, които извеждаме от Bricks
   (p, ul/ol, li, figure, blockquote, figcaption). Специфичност 0 – всеки клас
   ги презаписва.
   ========================================================================== */
:where(.brxe-text-basic, .brxe-heading) {
	margin: 0;
}

:where(.brxe-text) > p {
	margin: 0;
}

:where(ul.brxe-block, ol.brxe-block) {
	margin: 0;
	padding: 0;
	list-style: none;
}

:where(ul.brxe-container, ol.brxe-container) {
	margin-top: 0;
	margin-bottom: 0;
	list-style: none;
}

:where(figure.brxe-block) {
	margin: 0;
}

/* 3. Бутони
   ========================================================================== */
.rh-btn {
	cursor: pointer;
	text-decoration: none;
	transition: background-color 0.2s, border-color 0.2s, color 0.2s;
}

.rh-btn.rh-btn--primary:hover {
	background-color: var(--rh-primary-dark);
}

.rh-btn.rh-btn--accent:hover {
	background-color: var(--rh-accent-light);
}

.rh-btn.rh-btn--ghost {
	border-color: currentColor;
	color: inherit;
}

.rh-btn.rh-btn--ghost:hover {
	background-color: var(--rh-overlay);
}

/* 4. Секции
   ========================================================================== */
.rh-section--dark .rh-section-head__text {
	color: var(--rh-text-inverse-muted);
}

.rh-hero__actions {
	flex-wrap: wrap;
}

@media (max-width: 478px) {
	.rh-hero__actions > .rh-btn {
		width: 100%;
	}
}

/* 5. Плейсхолдъри за снимки (до качването на реалните снимки)
   ========================================================================== */
.rh-placeholder {
	position: relative;
	overflow: hidden;
	background:
		repeating-linear-gradient(135deg, color-mix(in srgb, var(--rh-ink) 5%, transparent) 0 12px, transparent 12px 24px),
		var(--rh-border);
}

.rh-placeholder.rh-placeholder--dark {
	background:
		repeating-linear-gradient(135deg, color-mix(in srgb, var(--rh-surface) 4%, transparent) 0 12px, transparent 12px 24px),
		var(--rh-ink-alt);
}

.rh-placeholder--4x5 {
	aspect-ratio: 4 / 5;
}

.rh-placeholder--4x3 {
	aspect-ratio: 4 / 3;
}

.rh-placeholder--16x9 {
	aspect-ratio: 16 / 9;
}

.rh-placeholder__label {
	background-color: color-mix(in srgb, var(--rh-surface) 85%, transparent);
}

.rh-placeholder--dark .rh-placeholder__label {
	background-color: color-mix(in srgb, var(--rh-ink-deep) 60%, transparent);
}

/* Реални снимки (Image елемент с клас rh-img) */
.rh-img {
	display: block;
	overflow: hidden;
	object-fit: cover;
}

.rh-img--4x5 {
	aspect-ratio: 4 / 5;
}

.rh-img--4x3 {
	aspect-ratio: 4 / 3;
}

.rh-img--16x9 {
	aspect-ratio: 16 / 9;
}

.rh-img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* 6. Помощни класове
   ========================================================================== */
.rh-u-nowrap {
	white-space: nowrap;
}

.rh-u-visually-hidden {
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

/* 7. Header
   ========================================================================== */
.rh-header__logo {
	flex-shrink: 0;
	color: inherit;
	text-decoration: none;
}

.rh-header__logo-mark,
.rh-hero__kicker-badge {
	flex-shrink: 0;
}

.rh-header__logo-name,
.rh-header__logo-sub,
.rh-header__call {
	white-space: nowrap;
}

.rh-header .rh-header__call i {
	font-size: 2rem;
}

/* Nav menu – вътрешната маркировка на елемента; мобилно меню ≤991px */
.rh-header__nav .bricks-nav-menu {
	gap: 0;
}

.rh-header__nav .bricks-nav-menu > li {
	margin: 0;
}

.rh-header__nav .bricks-nav-menu > li > a {
	display: block;
	padding: var(--rh-space-xs);
	border-radius: var(--rh-radius-s);
	color: var(--rh-surface);
	font-size: var(--rh-text-s);
	font-weight: 500;
	text-decoration: none;
	white-space: nowrap;
}

.rh-header__nav .bricks-nav-menu > li > a:hover {
	background-color: var(--rh-overlay);
}

.rh-header__nav .bricks-mobile-menu-toggle {
	width: 44px;
	height: 44px;
	color: var(--rh-surface);
}

.rh-header__nav .bricks-mobile-menu-wrapper {
	background-color: var(--rh-ink);
}

.rh-header__nav .bricks-mobile-menu > li > a {
	display: block;
	padding: var(--rh-space-m) var(--rh-container-pad);
	border-bottom: 1px solid var(--rh-overlay);
	color: var(--rh-surface);
	font-size: var(--rh-text-l);
}

/* Бутонът на мобилното меню застава най-вдясно */
@media (max-width: 991px) {
	.rh-header .rh-header__nav {
		order: 3;
	}
}

/* Под 768px обаждането е в долната лента */
@media (max-width: 767px) {
	.rh-header .rh-header__actions {
		display: none;
	}
}

/* 8. Footer
   ========================================================================== */
.rh-footer__inner,
.rh-footer__links {
	flex-wrap: wrap;
}

.rh-footer__link.rh-footer__link:hover {
	color: var(--rh-surface);
}

/* 9. Мобилна лента за обаждане (Footer шаблон)
   ========================================================================== */
.rh-callbar {
	display: none;
}

@media (max-width: 767px) {
	body {
		padding-bottom: 7.6rem;
	}

	.rh-callbar {
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 60;
		display: flex;
		flex-direction: row;
		gap: var(--rh-space-xs);
		padding: var(--rh-space-s) var(--rh-container-pad) calc(var(--rh-space-s) + env(safe-area-inset-bottom, 0px));
		background-color: var(--rh-ink);
		border-top: 1px solid var(--rh-overlay-strong);
	}

	.rh-callbar > .rh-btn {
		flex: 1 1 auto;
	}

	.rh-callbar .rh-callbar__secondary {
		flex: 0 0 52px;
		width: 52px;
		padding: 0;
	}

	.rh-callbar .rh-callbar__secondary i {
		font-size: 2rem;
	}
}

/* 10. Намалено движение
   ========================================================================== */
@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		transition: none !important;
		animation: none !important;
	}
}