/* version 1.0.1 */

:root {
	--wp-accordion-icon-width: 2rem;
	--wp-accordion-icon-height: 2rem;
	--wp-accordion-icon-marginright: 10px;
	--wp-accordion-icon-color: currentColor;
	--wp-accordion-icon-svg: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2015.18%2028.02'%3E%3Cpolygon%20points='3.02%2028.02%200%2025.4%209.88%2014.01%200%202.62%203.02%200%2015.18%2014.01%203.02%2028.02'%20fill='%23000'/%3E%3C/svg%3E");
}


/* mobile-only classes ------------------------------- */
@media (max-width: 782px){

	* > .mgznkr-mobile-hide{
		display: none !important;
	}
	* > .mgznkr-mobile-column-reverse{
		flex-direction: column-reverse !important;
	}
}



/* WP 6.9 Accordion -  add Animation ------------------------------- */


.wp-block-accordion-panel {
  display: grid !important;
  grid-template-rows: 0fr;
  overflow: hidden !important;
  opacity: 0;
  transition: grid-template-rows .25s ease, opacity .15s ease;
}

.wp-block-accordion-item.is-open > .wp-block-accordion-panel{
  grid-template-rows: 1fr;
  opacity: 1;
}
/* We target the direct child of the panel (the via JS newly added .mgznkr-inner-accordion) */
.wp-block-accordion-panel > .mgznkr-inner-accordion {
  overflow: hidden;
  min-height: 0;
}


/* Bilder: blocken + kein Extra-Spacing */
.wp-block-accordion-panel img {
  display:block;
  max-width:100%;
  height:auto;
}



/* WP 6.9 Accordion -  Change the Icon ------------------------------- */

.wp-block-accordion .wp-block-accordion-heading__toggle-icon {
    /* 1. Layout & Size */
    display: inline-block;
    width: var(--wp-accordion-icon-width);
    height: var(--wp-accordion-icon-height);
	margin-right: var(--wp-accordion-icon-marginright);
    vertical-align: middle;

    /* 2. Hide the text */
    font-size: 0 !important;

    /* 3. Color Logic (Inherit from parent text) */
    background-color: var(--wp-accordion-icon-color);

    /* 4. The Mask */
    -webkit-mask-image:  var(--wp-accordion-icon-svg);
    mask-image:  var(--wp-accordion-icon-svg);

    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;

    /* 5. Animation */
    transition: transform 0.3s ease;
    transform-origin: center;
    transform: rotate(0deg);
}

/* Rotate 180deg when open */
.wp-block-accordion button[aria-expanded="true"] .wp-block-accordion-heading__toggle-icon {
    transform: rotate(90deg) !important;
}

/* Adjust the default transition time */
.wp-block-accordion .wp-block-accordion-item > .wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon {
	transition: transform .3s ease-in-out;
}

/* Alternative Style and Icon for Icon-Position: right */
/*
.wp-block-accordion-heading__toggle-title + .wp-block-accordion-heading__toggle-icon {
	background-color: currentColor;
	-webkit-mask-image: url("/site/wp-content/themes/magaziniker/img/arrow-to-left.svg");   
	mask-image: url("/site/wp-content/themes/magaziniker/img/arrow-to-left.svg");
}

.wp-block-accordion-item.is-open > .wp-block-accordion-heading .wp-block-accordion-heading__toggle-title + .wp-block-accordion-heading__toggle-icon {
     transform: rotate(90deg);
}
*/





/* WP 6.9 Accordion - Change the Style ------------------------------- */

.wp-block-accordion {
  margin: 2rem 0 4rem;
}

.wp-block-group.alignwide .wp-block-accordion, 
.wp-block-group.alignfull .wp-block-accordion  {
  max-width: 100%;
}

.wp-block-accordion .wp-block-accordion-item h3 {
  padding: 0.2em 0;
}

.wp-block-accordion-item:has(.wp-block-accordion-heading__toggle-icon + .wp-block-accordion-heading__toggle-title) > .wp-block-accordion-panel > .mgznkr-inner-accordion  {
  padding: 2rem 3rem;
  padding-top: 0;
  padding-bottom: 0;       
  transition: padding .25s ease;
}

.wp-block-accordion-item.is-open:has(.wp-block-accordion-heading__toggle-icon + .wp-block-accordion-heading__toggle-title) > .wp-block-accordion-panel > .mgznkr-inner-accordion  {
  padding: 1rem 3rem;
}

.wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {
  text-decoration: none;
}

.wp-block-accordion:not(.is-autoclose-off) .wp-block-accordion-item.is-open h3 {
  pointer-events: none;
}

.wp-block-accordion.is-autoclose-off .wp-block-accordion-item {
    margin: 1rem 0 2rem;
}

.wp-block-accordion .mgznkr-inner-accordion > *:last-child {
  margin-bottom: 0;
}