
/* Patterns */
.top-group .wp-block-group__inner-container {
    gap:1.2rem;
}
.short-heading  .h2 {
    max-width:22ch;
    align-self: center;
}
.wp-block-buttons {
    margin-top: 4rem;
    gap: 1.5rem;
}
.wp-block-button__link {
    padding: 1.2rem 2rem;
    font-family: "Cabin";
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: initial;
    font-size: 1.6rem;
    text-align: center;
    color: var(--white);
    border-radius: 0.8rem;
    gap: 0.8rem;
    align-items: center;
    display: inline-flex;
    justify-content: center;
}
h1, h2, h3, h4, h5, h6 {
    margin: initial;
}
.wp-block-columns {
    gap: 4rem;
    align-items: flex-start;
    column-gap: 10rem;
}
.wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
    row-gap: 3.2rem;
}
.sekcia > .wp-block-group__inner-container {
    row-gap: 4.6rem;
}
.has-text-align-center {
    text-align: center!important;;
}
.wp-block-heading {
    text-align: unset;
}
.heading-container {
    max-width: 42rem;
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}
.highlight-em em {
    font-family: parlare, sans-serif;
}
.h4.highlight-span {
    max-width: 49rem;
    text-align: center;
    align-self: center;
}

.blockquote  blockquote {
border-left: 3px solid var(--color-9);
background: var(--color-2);
padding:0.8rem 1.2rem;
font-family:inherit;
font-size:inherit;
font-weight:700;
}

.tagline {
    font-size: 1.4rem;
    line-height: 1.5;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    font-family: "Cabin";
    font-weight: 600;
    order: -1;
}
.brxe-text-basic {
    max-width: 75rem;
}
.justify-center {
    display: flex;
    flex-direction: column;
    row-gap: 2rem;
}
.wp-block-list {
    list-style-type: none;
    padding: 0;
}
.wp-block-list li {
    padding: 2rem 0;
    border-bottom: 0.1rem solid rgba(82, 70, 70, 0.20);
    font-size: 1.8rem;
    line-height: 1.5;
    font-family: "Cabin";
    font-weight: 400;
}
.check-list > li {
    display: flex;
    gap: 0.8rem;
}
.check-list strong {
    display:contents;
}
.check-list > li::before {
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 6L9 17L4 12' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    display: inline-flex;
}
.badge-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.8rem;
    justify-content: center;
}
.badge-list > li {
    display: flex;
    text-align: center;
    padding: 1rem 2rem!important;
    background: var(--color-2);
    font-weight: 800!important;
    border-radius: 50vw;
    border-width: 0;
}
.wp-block-column.img-default figure {
    aspect-ratio: initial;
}
.wp-block-column figure {
    max-width:60rem;
    border-radius: 2rem;
    overflow: hidden;
    aspect-ratio: 4 / 3.5;
    max-height: 100%;
    margin:initial;
}
.wp-block-column img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
/*
.wp-block-column:has(figure img) {
    max-width: 60rem;
}
.wp-block-column:has(figure img) > figure {
    border-radius: 2rem;
    overflow: hidden;
    aspect-ratio: 4 / 3.5;
    max-height: 100%;
}
.wp-block-column:has(figure img) img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
*/
@media (max-width: 767px) {
    .section-title-block, .section-column-block, .heading-container {
        display: flex;
        flex-wrap: wrap;
    }
    .wp-block-column:has(figure img) {
        max-width: unset;
    }
}
@media (max-width: 478px) {
    .h2 {
        font-size: 4.2rem;
    }
}

.wp-block-details {
    color: var(--color-1);
    border-bottom: 0.1rem solid rgba(82, 70, 70, 0.2);
    transition: all 0.2s ease-in-out;
}

summary {
  list-style: none;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  font-family: IvyMode;
  font-size: 3.2rem;
  font-style: normal;
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: 0.064rem;
  margin: 3.2rem 0;
}

summary::-webkit-details-marker {
  display: none;
}

summary::after {
  content: "+";
  display:inline-flex;
  transition: transform 0.2s ease;
  transform: rotate(0deg);
  font-size: 5rem;
  line-height: 0.6;
  align-self: center;
}

details[open] {
    padding-bottom:3.2rem;
}

details[open] summary::after {
  transform: rotate(90deg); /* or 180deg depending on icon */
}

details p {
    font-size: 1.8rem;
}