/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* ===== Stavy tlacitek a interaktivnich prvku (design system Vykup pozustalosti) ===== */
.bricks-button {
	transition: background-color var(--transition), color var(--transition), border-color var(--transition), transform var(--transition), box-shadow var(--transition);
}
.bricks-button:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 28px -14px rgba(19, 19, 19, 0.4);
}
.bricks-button:active {
	transform: translateY(0);
	box-shadow: 0 4px 12px -8px rgba(19, 19, 19, 0.4);
}
.bricks-button.bricks-background-primary:not(.outline):hover,
.brxe-form .bricks-button:hover {
	background-color: var(--green-d-1);
	color: #fff;
}
.bricks-button.bricks-background-secondary:not(.outline):hover {
	background-color: var(--gold-d-1);
	color: #fff;
}
.bricks-button.outline:hover {
	background-color: var(--green);
	border-color: var(--green);
	color: #fff;
}
.bricks-button:focus-visible,
.brxe-text-link:focus-visible,
.brxe-nav-nested a:focus-visible,
.brxe-toggle:focus-visible,
.brxe-form input:focus-visible,
.brxe-form textarea:focus-visible,
.brxe-form select:focus-visible {
	outline: 2px solid var(--gold);
	outline-offset: 3px;
}
.brxe-form input:focus,
.brxe-form textarea:focus {
	border-color: var(--green);
	box-shadow: 0 0 0 4px var(--green-l-4);
}
.brxe-form .bricks-button:disabled {
	opacity: 0.6;
	cursor: wait;
}
.brxe-nav-nested .brx-nav-nested-items > li > a,
.brxe-text-link {
	transition: color var(--transition);
}
.brxe-nav-nested .brx-dropdown-content > li > a:hover {
	color: var(--green);
	background-color: var(--green-l-4);
}
.brxe-icon.bricks-link-wrapper:hover,
a.bricks-link-wrapper:hover .brxe-icon {
	transform: scale(1.06);
}
@media (prefers-reduced-motion: reduce) {
	.bricks-button, .card, .brxe-text-link, .brxe-icon { transition: none !important; }
	.bricks-button:hover, .card:hover, .brxe-icon:hover { transform: none !important; }
}
/* Odkazy v kreditech paticky */
.site-footer__bottom a { color: var(--mist-l-1); text-decoration: underline; text-underline-offset: 2px; transition: color var(--transition); }
.site-footer__bottom a:hover { color: var(--gold-l-2); }

/* Dropdown v hlavicce */
.brxe-nav-nested .brx-dropdown-content { padding: 0.6rem; margin-top: 0.75rem; gap: 2px; }
.brxe-nav-nested .brx-dropdown-content > li > a { border-radius: 12px; display: block; line-height: 1.25; }
.brxe-nav-nested .brx-dropdown-content > li > a:hover, .brxe-nav-nested .brx-dropdown-content > li > a:focus-visible { background-color: var(--green-l-4); color: var(--green-d-1); }
.brxe-nav-nested .brx-dropdown-content > li:last-child > a { color: var(--green); font-weight: 700; }
.brxe-nav-nested .brx-dropdown-content > li:last-child > a::after { content: ' \2192'; }
.brxe-nav-nested .brx-submenu-toggle > span { transition: color var(--transition); }
.brxe-nav-nested .brxe-dropdown:hover > .brx-submenu-toggle > span, .brxe-nav-nested .brxe-dropdown.open > .brx-submenu-toggle > span { color: var(--green); }