/**
 * Theme Name: Iff Inside
 * Template: sarmant-iff
 * Version: 1.0.5
 *
 */

body {
	/*background: linear-gradient(180deg, var(--wp--preset--color--base) 0%, hsl(from var(--wp--preset--color--accent-1) h 20 l / 1) 50%, var(--wp--preset--color--base) 80%);*/
	/*background: linear-gradient(180deg, var(--wp--preset--color--base) 0%, hsl(from var(--wp--preset--color--base) h s l / 1) 50%, var(--wp--preset--color--base) 80%);*/
	background: var(--wp--preset--color--base);
}

body {
    &.page-template-page-light, &.page-template-page-light.editor-styles-wrapper, &.page-template-nav-cards-page, &.page-template-nav-cards-page.editor-styles-wrapper {
        background: var(--wp--preset--color--base);
        background: linear-gradient(180deg, var(--wp--preset--color--base) 0%, hsl(from var(--wp--preset--color--custom-inside-green) h s l / 1) 50%, var(--wp--preset--color--base) 80%) !important;
    }
}

main.has-global-padding {
	padding-inline: var(--wp--preset--spacing--xxs);
}

@media (max-width: 1199px) {
    div.wp-block-group :has(> nav[aria-label="Inside - Top Nav"]) {
        display: none;
    }
}

.wp-block-group:has(> nav.nav-main-bottom) {

	@media(min-width: 1200px) {
		ul.nav-main-bottom {
			display: flex;
			gap: min(max(2em)) !important;
		}
	}
}

.wp-block-navigation__overlay-container {
	div > ul {
		padding-block: 0.25em;
		justify-content: space-between;
		gap: 0.75em;
	}
	hr {
		display: block!important;
	}
}

.wp-block-navigation__responsive-container-content > .wp-block-navigation__overlay-container > div > :not(div.wp-block-site-logo) {
	nav {
		padding-top: 2em!important;
		justify-content: space-between;
		gap: 3em;
	}
}

header nav {
	width: -webkit-fill-available;
}

body > div.wp-site-blocks > header > div > div.wp-block-group > .top-right {

	& .wp-block-buttons {
		text-wrap: nowrap;
		word-break: unset;
	}
	@media(max-width: 1220px) {
		justify-content: end;
	}
	@media(min-width:1220px) {
		flex-wrap: nowrap;
	}
}

.wp-block-group.arrows-bg > * {
	position: relative;
	/*z-index: 2;*/
}

.arrows-bg > .wp-block-group {
	@media(max-width: 782px) {
		backdrop-filter: blur(2px);

		.wp-block-heading, p {
			text-shadow: 1px 1px 5px black;
		}
	}
}

.wp-block-group.arrows-bg {
	position: relative;
	background: linear-gradient( 132deg in hsl,hsl(180 100% 33%) 0%, 33%,hsl(197 100% 11%) 100%)!important;
	overflow: clip;

	&::before {
        content: "";
        background: url("assets/images/nuolet_bw_45kulma.png") no-repeat center center/cover;
        position: absolute;
        width: 100%;
        height: 100%;
        inset: 0;
        left: -50%;
        mix-blend-mode: overlay;
        opacity: 0.7;
	}

	@media(max-width: 782px) {
		&::before {
		left: unset;
		opacity: 0.4;
		}
	}
}

.organizers-fit4future.is-layout-grid.wp-block-group-is-layout-grid {
	 box-shadow: none;


	@media(max-width: 1096px) {
		> :last-child > .wp-block-group {
			height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
		}
		> :last-child > .wp-block-group > .wp-block-group {
			aspect-ratio: 3 / 2;
			padding-inline: 0!important;

			:where(figure.wp-block-image) img {
				object-fit: contain!important;
    			aspect-ratio: var(--wp--preset--aspect-ratio--3-2)!important;
			}
		}
	}
	@media(max-width: 782px) {
		grid-template-columns: 1fr;
	}
}

.is-style-sarmant-iff-ball-bg {
	&::before, &::after {
		background: center / contain no-repeat url(/wp-content/uploads/sites/2/2026/07/IFF_pallo_white.png);
	}
}

.events-section-featured .wp-block-cover {
	@media(max-width: 782px) {
		min-height: 16em!important;
	}
}
p.has-contrast-color a:where(:not(.wp-element-button)) {
	text-decoration-color: inherit;

	&:hover {
		text-decoration-color: var(--wp--preset--color--accent-1);
	}
}

.nav-card-page-hero .wp-block-heading {
	@media(max-width: 782px) {
		padding-left: 0!important;
	}
}

.hero-group {
	& > .wp-block-columns {
		mask-image: linear-gradient(0deg, transparent 0%, black 25%);

		@media(max-width: 782px) {
			display: none;
			pointer-events: none;
		}
		& .wp-block-cover img {
			mask-image: linear-gradient(-90deg, transparent 0%, black 25%);
			@media(max-width: 782px) {
				mask-image: none;
			}
		}
	}
	& > .wp-block-cover {
		@media(min-width: 782px) {
			display: none;
			pointer-events: none;
		}
		.wp-block-cover__inner-container {
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			position: absolute;
			place-content: center;
			/*backdrop-filter: blur(1px);*/
			text-shadow: var(--ts);
			
			h1, p, span {
				text-align: left;
			}
		}
	}
}

div.rules-and-regulations-cta {
    background-image: url(assets/images/rink_lines_turquoise-small.png), url(assets/images/rink_lines_turquoise-small.png);
    background-repeat: no-repeat, no-repeat;
    background-position: -18em 0, 14em 0;

	@media(max-width: 782px) {
		background-position: -24em 0, 14em 0;
	}
}

.sponsors-and-partners {
	.wp-block-group .wp-block-group.is-layout-constrained {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		row-gap: 1.25em;
		column-gap: 1em;
	}
	figure {
		flex-basis: 16%;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
	}
	img {
		vertical-align: middle;
		min-width: 140px;
		max-width: 90%;
		border-radius: 0;
	}
}

nav.nav-main-bottom li.wp-block-navigation-item.has-child:last-of-type > .wp-block-navigation__submenu-container.wp-block-navigation-submenu {
	@media(max-width: 1400px) {

	}
}


@media(min-width: 1200px) {
	li.wp-block-navigation-item.before-vertical.wp-block-navigation-link:before {
	    content: "";
	    height: 100%;
	    width: 3px;
	    background: var(--wp--preset--color--accent-4);
	    position: absolute;
	    left: -25%;
	}
}