/* =========================================================
   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,
.jaloin-site .wp-block-file__button {
  border-radius: 50px;
  line-height: 1em;
	padding: 12px 26px;
	font-size: 0.9rem;
}

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


/* ----- 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 ----- */
.jaloin-site .wp-block-kadence-accordion {
  margin-top: var(--global-spacing-lg);
  margin-bottom: var(--global-spacing-lg);
}


/* ----- 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: 50px !important;
}



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

.jaloin-site .wp-block-file__button {
  font-size: 0.8rem;
  line-height: 1;
}

/* ----- Gutenberg: Media and text ----- */
.jaloin-site .wp-block-media-text {
    margin: auto;
    width: 100%;
}

.jaloin-site .wp-block-media-text__content {
	padding: 0 10%;
}




@media (max-width: 600px) {
	.jaloin-site .wp-block-media-text__content {
	padding: 5% 0;
}
}


/* ----- Gutenberg: Table ----- */
.jaloin-site .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
  background-color: var(--global-palette8); 
}

.jaloin-site .wp-block-table {
  margin-block: var(--global-sm-spacing);
}


/* ----- Gutenberg: Quote & Pullquote ----- */
.jaloin-site .wp-block-quote,
.jaloin-site .wp-block-pullquote {
  margin-block: var(--global-spacing-md);
}

.jaloin-site .wp-block-pullquote {
  padding-block: var(--global-spacing-sm);
  padding-inline: 0;
}


/* ----- 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);
}