/* =========================================================
   THEME CSS – JALOIN (Kadence Child)

   ========================================================= */



@media (max-width:780px) {
/* Pakotetaan tasaus vasemmalle mobiilissa */	
	.has-text-align-center, .entry-hero .title-align-center, .front-hero-title, .hero-container header h1, .alignright, .kt-info-halign-center  {
	text-align: left !important;
	align-items: self-start !important;
	margin-left: 0 !important;
}

.hero-container header h1 {
	padding-top: 10px;
}

.kb-buttons-wrap {
	justify-content: flex-start !important;
}
	
.kt-info-halign-center {
	
	.kt-blocks-info-box-media-container {
		margin-left: 0;
		}
	.kt-blocks-info-box-media {
		padding-left: 0;
	}
	}

}




/* ----- Typografia: yleiset fonttimääritykset ----- */


.jaloin-site h1,
.jaloin-site h2,
.jaloin-site h3,
.jaloin-site h4,
.jaloin-site h5,
.jaloin-site h6,
.jaloin-site .wp-block-kadence-advancedheading h2,
.jaloin-site .wp-block-kadence-advancedheading h3,
.jaloin-site .wp-block-kadence-advancedheading h4,
.jaloin-site .wp-block-kadence-advancedheading h5,
.jaloin-site .wp-block-kadence-advancedheading h6 {
  	strong {
		font-weight: unset !important;
	}
}

.jaloin-site .primary-navigation {
  font-family: var(--global-primary-nav-font-family), var(--global-fallback-font);
}



/* =========================================================
   HEADER & NAVIGATION
   ========================================================= */


/* Hover-korjaus valikoissa */
.jaloin-site .header-menu-container a,
.jaloin-site .menu-item-has-children,
.jaloin-site .header-navigation ul li a:not([href]) {
    cursor: pointer;
}

/* Alavalikon viiva yläreunaan */
.jaloin-site #site-navigation .sub-menu {
    margin-top: -2px;
	border-radius: 15px; 
		li a:hover {
			border-radius: 15px;
		}
}



/* Header tyylittely */



/* Mobiili navigaatio */

.popup-drawer .drawer-content {
	padding: 0 0 1.5em !important;
}

.mobile-navigation ul ul {
	padding-left:0 !important;
}

.mobile-navigation a, .drawer-nav-drop-wrap .drawer-sub-toggle {
	padding: .6em 1.5em !important;
}



.mobile-navigation ul li.menu-item-has-children .drawer-nav-drop-wrap button.drawer-sub-toggle {
	border-left: 0;
}

.mobile-html .glink {
	padding-right: 10px;
}

/* =========================================================
   FOOTER
   ========================================================= */

.site-footer:before {
	content: "";
	display: block;
	width: 100vw;
	margin-left: calc(50% - 50vw);
	aspect-ratio: 2048 / 361;
	background-image: url('../img/gfx-bg-footer.png');
	background-size: contain;
	background-position: top center;
	background-repeat: no-repeat;
}


/* Footer asettelu */

.jaloin-site .site-middle-footer-inner-wrap {
	padding-left: 50px;
	padding-right: 50px;
}

@media (min-width: 1025px) {
.jaloin-site .site-footer-middle-section-2 {
	margin-left: auto;
	margin-right: auto;
}
}


/* Footer-menu pakotettuna näkyviin */
.jaloin-site #footer-menu {
    display: block;
}


.jaloin-site footer .kb-navigation {
	a {
		padding-left: 0;
	}
}

.jaloin-site .footer-widget-area img {
    max-width: 180px;
}




/* ----- Linkit ja hover-käyttäytyminen ----- */

.jaloin-site a {
  text-underline-offset: 2px;
}


/* =========================================================
   HERO AREA
   ========================================================= */


.jaloin-site .page-hero-section .entry-hero-container-inner,
.jaloin-site .post-archive-hero-section .entry-hero-container-inner {
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: scroll;
}


.article-post-thumbnail-caption {
	text-align: left !important;
}


/* Kaari */

.jaloin-site .entry-hero.page-hero-section .entry-header,
.jaloin-site .entry-hero.post-archive-hero-section .entry-header {
	min-height: 18vw;
}




@media (max-width: 1024px) {
.jaloin-site .entry-hero.page-hero-section .entry-header,
.jaloin-site .entry-hero.post-archive-hero-section .entry-header	{
	min-height: 20vw;
}
}

@media (max-width: 1024px) {
.jaloin-site .entry-hero.page-hero-section .entry-header,
.jaloin-site .entry-hero.post-archive-hero-section .entry-header	{
	min-height: 140px;
}
}


.jaloin-site .entry-hero {
	position: relative;
	overflow: visible;
}

.jaloin-site .entry-hero::after {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -20px;
	width: 100vw;
	height: clamp(60px, 7vw, 110px);
	background: var(--global-palette9, #f7f4ed);
	z-index: 3;
	pointer-events: none;

	-webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1440 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,50 C300,15 600,15 900,45 C1150,75 1300,65 1440,50 L1440,100 L0,100 Z' fill='black'/%3E%3C/svg%3E");
	-webkit-mask-size: 100% 100%;
	-webkit-mask-repeat: no-repeat;

	mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1440 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,50 C300,15 600,15 900,45 C1150,75 1300,65 1440,50 L1440,100 L0,100 Z' fill='black'/%3E%3C/svg%3E");
	mask-size: 100% 100%;
	mask-repeat: no-repeat;
}



.jaloin-site .post-hero-section::after {
	display:none !important;
}



/* isot näytöt */
@media (min-width: 1500px) {
.jaloin-site .entry-hero::after {
		bottom: -60px;
		height: 220px;
	}
	
	.jaloin-site .rank-math-breadcrumb {
		margin-top: 2vw;
	}
}


.jaloin-site .content-area {
	margin-top: 0;
}

.jaloin-site .rank-math-breadcrumb {
	margin-bottom: 3rem;
	font-size: 0.9rem;
}




/* =========================================================
   PAGINATION
   ========================================================= */

.jaloin-site .pagination .nav-links {
    text-align: center;
}

.jaloin-site .pagination .page-numbers {
    border: 1px solid var(--global-palette4);
    border-radius: 0;
}

.jaloin-site .pagination .page-numbers:hover {
    border-color: var(--global-palette1);
    background: transparent;
    color: var(--global-palette1);
}

.jaloin-site .pagination .current {
    border-color: var(--global-palette4);
    background: var(--global-palette7);
    color: var(--global-palette4);
}




/* =========================================================
   JALOIN: Grid helpers (opt-in) 
   Käyttö: lisää Gutenbergin Lisäluokkiin esim. "jaloin-grid-3 gap-md"
   ========================================================= */

.jaloin-site .jaloin-grid-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--global-xl-spacing);
}

.jaloin-site .jaloin-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--global-xl-spacing);
}

.jaloin-site .jaloin-grid-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--global-xl-spacing);
}

.jaloin-site .jaloin-grid-auto {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: var(--global-xl-spacing);
}

/* Keskitysapu esim. hero-sisällölle */
.jaloin-site .jaloin-grid-center {
  display: grid;
  place-items: center;
}

/* Gap-modifierit */
.jaloin-site .gap-sm { gap: var(--global-sm-spacing); }
.jaloin-site .gap-md { gap: var(--global-md-spacing); }
.jaloin-site .gap-lg { gap: var(--global-lg-spacing); }
.jaloin-site .gap-xl { gap: var(--global-xl-spacing); }

/* Media-koot */
@media (max-width: 1024px) {
  .jaloin-site .jaloin-grid-4 { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 767px) {
  .jaloin-site .jaloin-grid-4,
  .jaloin-site .jaloin-grid-3 { grid-template-columns: repeat(2, 1fr); }
  .jaloin-site .jaloin-grid-2 { grid-template-columns: 1fr; }
}


/* =========================================================
   404 PAGE
   ========================================================= */

.jaloin-site .error404 #secondary {
    display: none;
}

.jaloin-site .error404 .content-container {
    display: block;
}


/* =========================================================
   ACCESSIBILITY
   ========================================================= */

.jaloin-site .sr-only,
.jaloin-site .visuallyhidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}




/* ----- Ulkoiset linkit ----- */
/* Visuaalinen nuolimerkintä ulkoisiin linkkeihin */
.jaloin-site a.external-link {
  position: relative;
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 4px;
  transition: color 0.2s ease;
}

.jaloin-site a.external-link::after,
.jaloin-site a.external-link .ajankohtaista-card__more::after {
  content: '';
  display: inline-block;
  width: 0.6em;
  height: 0.6em;
  margin-left: 0.25em;
  background-color: currentColor;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 7 7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.0426 6.8097L0.3778 6.1449L5.3210 1.1932H1.5028L1.5114 0.2727H6.9063V5.6761H5.9773L5.9858 1.8580L1.0426 6.8097Z'/%3E%3C/svg%3E") no-repeat center;
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 7 7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.0426 6.8097L0.3778 6.1449L5.3210 1.1932H1.5028L1.5114 0.2727H6.9063V5.6761H5.9773L5.9858 1.8580L1.0426 6.8097Z'/%3E%3C/svg%3E") no-repeat center;
  background-size: contain;
  vertical-align: baseline;
  transition: background-color 0.2s ease-in-out;
}

.jaloin-site a.external-link:hover {
  color: var(--global-palette-highlight-alt);
}

/* Poista nuoli, jos halutaan erikseen estää */
.jaloin-site a.no-ext-icon::after {
  content: none !important;
}

/* Ei nuolta painikkeisiin ja ikoneihin */
.jaloin-site .wp-block-kadence-advancedbtn a.external-link::after,
.jaloin-site a.button.external-link::after,
.jaloin-site .wp-social-link a::after,
.jaloin-site a.social-button::after,
.jaloin-site a.ajankohtaista-card::after,
.jaloin-site .mec-event-image a::after,
.jaloin-site .kt-blocks-info-box-link-wrap::after  {
	display: none !important;
	height: 0 !important;
} {
  content: none !important;
}

/* Ei nuolta headerin navigaatioon */
.jaloin-site header a.external-link::after,
.jaloin-site .site-header a.external-link::after {
  content: none !important;
}