/*
 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
*/

.brxe-image,
.brxe-image img {
	transition: transform 0.3s ease-out;
}

/* FAQ (UKK) accordion: keep title + icon readable on the blue hover background.
   Bricks puts the hover background on .accordion-title-wrapper but the hover text
   color only on .accordion-title:hover .title — so hovering the wrapper padding,
   or hovering an open (active) item, left blue text on a blue background.
   Trigger the paper color from the wrapper instead, beating the .brx-open active rule. */
#brxe-khacc0 .accordion-title-wrapper:hover .title,
#brxe-khacc0 .accordion-title-wrapper:hover .icon {
	color: var(--paper);
}


/* Liity nyt -popup (#256): bottom sheet slide-up + sisäinen vieritys */
.brxe-popup-256 .brx-popup-content {
	overflow-y: auto;
	/* korkeusraja Bricksin omalla viewport-muuttujalla -> huomioi mobiilin osoiterivin, ei leikkaudu */
	max-height: calc(var(--bricks-vh, 1vh) * 90);
}
/* Animaatio vain kun popup on auki: Bricks piilottaa popupin opacity/visibility-arvolla (ei display:none),
   joten display-pohjainen animaation toisto ei toimi. Skooppaus :not(.hide) -tilaan -> soi joka avauksella. */
.brxe-popup-256:not(.hide) .brx-popup-content {
	animation: lnSheetUp .34s cubic-bezier(.2,.8,.2,1);
}
@keyframes lnSheetUp {
	from { transform: translateY(100%); }
	to { transform: translateY(0); }
}