/* =========================================================
   BLOCKS CSS – JALOIN THEME
   Kadence- ja Gutenberg-lohkojen hallittu säätö.
   Kaikki rajattu .jaloin-site -wrapperiin.
   Spacing nojaa Kadencen globaaleihin muuttujiin.
   ========================================================= */


/* ----- Block spacing basics ----- */

.jaloin-site .wp-block-spacer {
  /* jätetään säädettäväksi: ei pakotuksia */
}

.jaloin-site .wp-block-kadence-spacer {
  /* kevyt perusrytmi, jos lohkon oma asetus puuttuu */
  margin-bottom: var(--global-spacing-md);
}


/* ----- Kadence: Row Layout ----- */
.jaloin-site .wp-block-kadence-rowlayout {
  margin-top: 0;
  margin-bottom: 0;
}



/* ----- Kadence: Advanced Button ----- */
.jaloin-site .wp-block-kadence-advancedbtn .button:not(.kb-btn-global-outline),
.jaloin-site .wp-block-file__button {
  border-radius: 0;
  line-height: 1em;
	padding: 12px 26px;
	font-size: 1rem;
}

/* Poistetaan automaattiset “nuoli-jäljet” nappien perästä */
.jaloin-site .button::after {
  display: none;
}

/* Ikoni napissa rinnakkain tekstin kanssa */
.jaloin-site .wp-block-kadence-advancedbtn .button .kt-btn-svg-icon {
  display: inline-block;
}

.jaloin-site .kt-btn-has-svg-true .kt-btn-inner-text  {
	text-align: left;
}

a.kb-btn-global-outline:hover {
	padding-left: 5px !important;
}


/* ----- Kadence: Advanced Gallery ----- */
.jaloin-site .wp-block-kadence-advancedgallery {
  margin-inline: auto;
  margin-block: var(--global-spacing-lg);
}


/* ----- Kadence: Post Grid ----- */
.jaloin-site .wp-block-kadence-postgrid {
  margin-inline: auto;
  margin-block: var(--global-spacing-lg);
}

/* Otsikkolinkin hover-väri */
.jaloin-site .wp-block-kadence-postgrid .entry-title a:hover,
.jaloin-site .wp-block-kadence-postgrid .entry-title a:focus,
.jaloin-site .wp-block-kadence-postgrid .entry-title a:active {
  color: var(--global-palette-highlight-alt);
}

/* Related-posts karuselli */
.jaloin-site .entry-related-carousel .content-bg {
  background: transparent;
}
.jaloin-site .entry-related .tns-controls {
  display: none;
}


/* ==========================================
   Kadence Accordion – pakotettu globaali tyyli
   ========================================== */

.jaloin-site .wp-block-kadence-accordion {
	--jaloin-acc-border: var(--global-palette3, #1A202C);
	--jaloin-acc-hover: #474747;
	--jaloin-acc-active: #474747;
	--jaloin-acc-bg: transparent;
	--jaloin-acc-icon: var(--global-palette4, #2D3748);
	  margin-top: var(--global-spacing-lg);
  margin-bottom: var(--global-spacing-lg);
}

.jaloin-site .wp-block-kadence-accordion .kt-accordion-inner-wrap{
	row-gap: 10px !important;
}

.jaloin-site .wp-block-kadence-accordion .kt-accordion-panel-inner{
	border-top: 0 !important;
	border-right: 0 !important;
	border-bottom: 0 !important;
	border-left: 0 !important;
	background: var(--jaloin-acc-bg) !important;
}

.jaloin-site .wp-block-kadence-accordion .kt-blocks-accordion-header{
	border-top: 0 !important;
	border-right: 0 !important;
	border-left: 0 !important;
	border-bottom: 1px solid var(--jaloin-acc-border) !important;

	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	border-bottom-left-radius: 0 !important;

	background: var(--jaloin-acc-bg) !important;

	font-size: var(--global-kb-font-size-md, 1.25rem) !important;
	font-family: HurmeGeometricSans3, Helvetica !important;
	font-weight: 400 !important;
	color: var(--global-palette3, #1A202C) !important;

	padding-top: var(--global-kb-spacing-xs, 1rem) !important;
	padding-right: var(--global-kb-spacing-xs, 1rem) !important;
	padding-bottom: var(--global-kb-spacing-xs, 1rem) !important;
	padding-left: var(--global-kb-spacing-xs, 1rem) !important;
}

/* Hover + focus */
.jaloin-site .wp-block-kadence-accordion .kt-blocks-accordion-header:hover,
.jaloin-site body:not(.hide-focus-outline) .wp-block-kadence-accordion .kt-blocks-accordion-header:focus-visible{
	color: var(--jaloin-acc-icon) !important;
	background: var(--jaloin-acc-bg) !important;
	border-bottom-color: var(--jaloin-acc-border) !important;
}

/* Active + focus-visible */
.jaloin-site .wp-block-kadence-accordion .kt-blocks-accordion-header.kt-accordion-panel-active,
.jaloin-site .wp-block-kadence-accordion .kt-accordion-header-wrap .kt-blocks-accordion-header:focus-visible{
	color: #333333 !important;
	background: var(--jaloin-acc-bg) !important;
	border-bottom-color: var(--jaloin-acc-border) !important;
}

/* Icon (sekä wrapper että viivat) */
.jaloin-site .wp-block-kadence-accordion .kt-blocks-accordion-icon-trigger{
	background: transparent !important;
}

.jaloin-site .wp-block-kadence-accordion .kt-blocks-accordion-icon-trigger:before,
.jaloin-site .wp-block-kadence-accordion .kt-blocks-accordion-icon-trigger:after{
	background: var(--jaloin-acc-icon) !important;
}

.jaloin-site .wp-block-kadence-accordion .kt-accordion-panel-inner {
	background-color: transparent !important;
}

/* Pakota header-wrap flexiksi ja keskitys */
.jaloin-site .wp-block-kadence-accordion .kt-accordion-header-wrap{
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 1rem !important;
}

/* Pakota itse nappi/otsikkopinta flexiksi */
.jaloin-site .wp-block-kadence-accordion .kt-blocks-accordion-header{
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	width: 100% !important;
}

/* Otsikkoteksti */
.jaloin-site .wp-block-kadence-accordion .kt-blocks-accordion-title,
.jaloin-site .wp-block-kadence-accordion .kt-blocks-accordion-header h3{
	display: block !important;
	flex: 1 1 auto !important;
	min-width: 0 !important;
	margin: 0 !important; 
	text-transform: none !important; 
}

/* Ikoni: pysy omassa kolossaan oikealla */
.jaloin-site .wp-block-kadence-accordion .kt-blocks-accordion-icon-trigger{
	flex: 0 0 auto !important;
	margin-left: 1rem !important;
}

/* Varmistetaan ettei joku pseudo-elementti puske ikonia seuraavalle riville */
.jaloin-site .wp-block-kadence-accordion .kt-blocks-accordion-icon-trigger::before,
.jaloin-site .wp-block-kadence-accordion .kt-blocks-accordion-icon-trigger::after{
	display: block !important;
}

/* Responsive */
@media all and (max-width: 1024px){
	.jaloin-site .wp-block-kadence-accordion .kt-accordion-panel-inner{
		border: 0 !important;
	}
	.jaloin-site .wp-block-kadence-accordion .kt-blocks-accordion-header{
		border-top: 0 !important;
		border-right: 0 !important;
		border-left: 0 !important;
		border-bottom: 1px solid var(--jaloin-acc-border) !important;
	}
}

@media all and (max-width: 767px){
	.jaloin-site .wp-block-kadence-accordion .kt-accordion-panel-inner{
		border: 0 !important;
	}
	.jaloin-site .wp-block-kadence-accordion .kt-blocks-accordion-header{
		border-top: 0 !important;
		border-right: 0 !important;
		border-left: 0 !important;
		border-bottom: 1px solid var(--jaloin-acc-border) !important;
	}
}


/* ----- Kadence: Split Content ----- */
.jaloin-site .wp-block-kadence-splitcontent {
  margin-bottom: var(--global-spacing-lg);
}


/* ----- Kadence: SVG Icon List ----- */
.jaloin-site .kt-svg-icon-list-item-wrap a {
  text-decoration: none;
}


/* ----- Kadence: Info box ----- */

.jaloin-site .kt-blocks-info-box-media {
	border-radius: 0px !important;
}


/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */

/* ----- Gutenberg: Columns ------ */


.jaloin-site :where(.wp-block-columns.is-layout-flex) {
    gap: 4em;
}

.jaloin-site :where(.wp-block-columns.is-layout-grid) {
    gap: 4em;
}

.jaloin-site .wp-block-columns:has(.wp-block-column .huomio) {
	gap: 1.5em;
}

@media (max-width: 780px) {
	

.jaloin-site :where(.wp-block-columns.is-layout-flex) {
	gap: 1.5em;
}

.jaloin-site .wp-block-columns:has(.wp-block-column .huomio) {
	gap: 0;
}

}



/* ----- Gutenberg: File block ----- */

.jaloin-site .wp-block-file__button {
  font-size: 0.8rem;
  line-height: 1;
  	border: solid 1px var(--global-palette-btn-bg);
}

.jaloin-site .wp-block-file__button:hover {
	border: solid 1px var(--global-palette3);
}


/* ----- Gutenberg: Social Links ----- */
.jaloin-site .wp-block-social-links,
.jaloin-site .wp-block-social-links .wp-social-link a {
  padding-left: 0;
}

.jaloin-site a.wp-block-social-link-anchor {
  text-decoration: none;
  border-bottom: 0 none;
  background: transparent;
}
.jaloin-site a.wp-block-social-link-anchor:hover {
  background: transparent;
  color: var(--global-palette-btn-bg-hover);
}


/* =========================================================
  Gutenberg: Quote block (wp-block-quote)
   ========================================================= */


.jaloin-site .wp-block-quote,
.jaloin-site .wp-block-pullquote {
  border-left: 0 !important;
  padding: 0 !important;
  margin: 0;
  max-width: 900px;
}

/* Asettelu: iso merkki vasemmalle + teksti */
.jaloin-site .wp-block-quote,
.jaloin-site .wp-block-pullquote {
  position: relative;
  padding-left: clamp(56px, 6vw, 84px) !important;
}

/* Iso lainausmerkki */
.jaloin-site .wp-block-quote::before,
.jaloin-site .wp-block-pullquote blockquote::before {
  content: "“";
  position: absolute;
  left: 0;
  top: -0.1em;
 font-size: clamp(100px, 12vw, 100px);
  line-height: 1;
  color: var(--global-palette7, #ffc629);
  font-weight: 700;
  font-family:'Times', serif;
}



/* Teksti */
.jaloin-site .wp-block-quote p,
.jaloin-site .wp-block-pullquote p {
  margin: 0;
}

/* Tekijä/cite */
.jaloin-site .wp-block-quote cite,
.jaloin-site .wp-block-pullquote cite {
  display: block;
  margin-top: var(--global-kb-spacing-md, 1.5rem);
  font-style: normal;
  font-size: 1rem;
}