@charset "utf-8";
/* CSS Document */
/* Style Yoast HowTo as an accordion */

.wp-block-yoast-how-to-block {
	/* border-bottom: 1px solid #ccc; */
}

/* Celujemy w element <strong> z klasą schema-how-to-step-name */
.wp-block-yoast-how-to-block .schema-how-to-step-name {
    display: block;
    color: var(--Primary, #0073aa); /* Używam domyślnej niebieskiej, jeśli var nie działa */
    padding: .125em 0;
    font-size: 1.25em;
    cursor: pointer;
    /* Usuwamy domyślne style listy */
    list-style: none;
}

.wp-block-yoast-how-to-block .schema-how-to-step-name:hover,
.wp-block-yoast-how-to-block .schema-how-to-step-name:active {
	color: var(--Secondary, #005177);
}

/* Styl dla przycisku wewnątrz <strong> */
.wp-block-yoast-how-to-block .schema-how-to-step-name button {
    border: 0;
    display: inline-block;
    width: 100%;
    padding: 10px 20px 10px 25px;
    text-align: left;
    font-size: 15px;
    background: #f9f9f9;
}

/* Reszta stylów dla przycisku i SVG pozostaje taka sama */
.wp-block-yoast-how-to-block .schema-how-to-step-name button svg {
  height: 1em;
  width: 1em;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: .125em;
}
.wp-block-yoast-how-to-block .schema-how-to-step-name button:focus svg {
  outline: 1px solid;
}
.wp-block-yoast-how-to-block .schema-how-to-step-name [aria-expanded="true"] svg {
  transform: rotate(90deg);
}

/* Styl dla chowanej treści (elementu P z klasą schema-how-to-step-text, teraz wewnątrz div.schema-how-to-content) */
.wp-block-yoast-how-to-block .schema-how-to-content .schema-how-to-step-text {
    padding: 5px 5px 5px 5px;
    border: 1px solid #dbdada;
    margin: 10px 20px 5px 30px;
    font-size: 14px;
    text-align: justify;
    color: #232323;
}

/* Dodatkowo: Resetowanie stylów listy dla całego bloku HowTo */
.wp-block-yoast-how-to-block ol.schema-how-to-steps {
    list-style: none;
    padding-left: 0;
}
.wp-block-yoast-how-to-block ol.schema-how-to-steps li.schema-how-to-step {
    margin-bottom: 10px;
    padding: 0;
}