/*
Theme Name:   Handelsblatt-Review-Theme
Description:  Das Theme für die komplette Vergleichen- und Review-Funktionalität
Author:       FARN Digital GmbH
Author URI:   https://www.farn.de
Template:     hbfv-theme
Version: 1.0.9
Text Domain:  hbfv-review-theme
*/

.archive.tax-software-kategorie .wp-block-query .wp-block-post::after {
    display: none !important;
}
/* this fixes a weird bug with overlapping margins at the end of wp-site-blocks*/
.wp-site-blocks {
    padding-bottom: 1px;
}

/* general button styles */
.wp-block-post.type-software .wp-block-read-more,
.rating-link.is-style-button,
.rating-submit-button,
.wp-block-buttons .wp-block-button__link,
button.compareButton{
    display: flex;
    align-items: center;
    gap: 0.8rem;
    appearance: none;
    -webkit-appearance: none;
    width: fit-content !important;
    height: fit-content;
    border: none;
    color: white;
    padding: 0.7rem 1rem;
    font-size: var(--font-size-s);
    background-color: var(--wp--preset--color--primary);
    font-weight: bold;
    line-height: 1.2;
    font-size: 1.1rem;
    border-radius: 0;
}
.rating-link.is-style-button::after,
.rating-submit-button::after,
.wp-block-buttons .wp-block-button__link::after {
    content:'';
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 9'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; fill-rule: evenodd; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M9.15.15c.2-.2.51-.2.71,0l4,4c.09.09.15.22.15.35s-.05.26-.15.35l-4,4c-.2.2-.51.2-.71,0-.2-.2-.2-.51,0-.71l3.15-3.15H.5c-.28,0-.5-.22-.5-.5s.22-.5.5-.5h11.79l-3.15-3.15c-.2-.2-.2-.51,0-.71Z'/%3E%3C/svg%3E");   
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: contain;
    height:0.9rem;
    width:1.2rem;
    display: inline-block;
    position: relative;
    bottom: auto;
    top:auto;
    font-size: 1rem;
    line-height: 1;
    transform:translateY(-1px);
}
.wp-block-post.type-software .wp-block-read-more:hover,
.rating-link.is-style-button:hover,
.rating-submit-button:hover,
.wp-block-buttons .wp-block-button__link:hover,
button.compareButton:hover{
    background-color: var(--wp--preset--color--primary-dark);
}
.wp-block-buttons .is-style-outline .wp-block-button__link{
    border: 1px solid var(--wp--preset--color--primary);
    background-color: transparent;
    color:var(--wp--preset--color--primary);
}
.wp-block-buttons .is-style-outline .wp-block-button__link::after{
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 9'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23ef7c00; fill-rule: evenodd; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M9.15.15c.2-.2.51-.2.71,0l4,4c.09.09.15.22.15.35s-.05.26-.15.35l-4,4c-.2.2-.51.2-.71,0-.2-.2-.2-.51,0-.71l3.15-3.15H.5c-.28,0-.5-.22-.5-.5s.22-.5.5-.5h11.79l-3.15-3.15c-.2-.2-.2-.51,0-.71Z'/%3E%3C/svg%3E");   
}

button.back-button {
    padding: 0 !important;
    color: var(--wp--preset--color--primary);
    background-color: transparent;
    font-weight: 600;
    margin-left: 5% !important;
    display: inline-block;
    border:none;
    outline:none;
    box-shadow: none;
    width:auto !important;
    max-width: none !important;
}
/* software query loop ---------------------------------------------------------------------------- */
.wp-block-post-template:has(.wp-block-post.type-software) {
    counter-reset: item-counter;
}
.wp-block-post.type-software .wp-block-columns::after {
    counter-increment: item-counter;
    content: counter(item-counter);
    display: block;
    position: absolute;
    top:1rem;
    left: 1rem;
    background-color:#f6f6f6;
    border-radius: 9999px;
    font-size: 1rem;
    padding: 0.5rem;
    line-height: 1;
}
.wp-block-post.type-software  .wp-block-post-featured-image {
    text-align: center !important;
}
.wp-block-post.type-software  .wp-block-post-featured-image .wp-post-image {
    max-width: 150px;
    max-height: 80px;
}
.wp-block-post.type-software .taxonomy-software-kategorie a {
    background-color: transparent !important;
}
.metafield[data-metafield-name="software_stars_rating"]::after,
.rating-container .rating-row label::after {
    content:'';
    display: block;
    background-color: none;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
    width: 100px;
    height: 1rem;
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
}
.metafield[data-metafield-name="software_stars_rating"][data-metafield-value^="0"]::after {
    background-image:url('/software/wp-content/themes/hbfv-review-theme/images/stars/05.svg');
}
.metafield[data-metafield-name="software_stars_rating"][data-metafield-value^="0.8"]::after,
.metafield[data-metafield-name="software_stars_rating"][data-metafield-value^="0.9"]::after,
.metafield[data-metafield-name="software_stars_rating"][data-metafield-value^="1"]::after,
.rating-container label[for="rating-radio-1"]::after{
    background-image:url('/software/wp-content/themes/hbfv-review-theme/images/stars/10.svg');
}
.metafield[data-metafield-name="software_stars_rating"][data-metafield-value^="1.3"]::after,
.metafield[data-metafield-name="software_stars_rating"][data-metafield-value^="1.4"]::after,
.metafield[data-metafield-name="software_stars_rating"][data-metafield-value^="1.5"]::after,
.metafield[data-metafield-name="software_stars_rating"][data-metafield-value^="1.6"]::after,
.metafield[data-metafield-name="software_stars_rating"][data-metafield-value^="1.7"]::after{
    background-image:url('/software/wp-content/themes/hbfv-review-theme/images/stars/15.svg');
}
.metafield[data-metafield-name="software_stars_rating"][data-metafield-value^="1.8"]::after,
.metafield[data-metafield-name="software_stars_rating"][data-metafield-value^="1.9"]::after,
.metafield[data-metafield-name="software_stars_rating"][data-metafield-value^="2"]::after,
.rating-container label[for="rating-radio-2"]::after {
    background-image:url('/software/wp-content/themes/hbfv-review-theme/images/stars/20.svg');
}
.metafield[data-metafield-name="software_stars_rating"][data-metafield-value^="2.3"]::after,
.metafield[data-metafield-name="software_stars_rating"][data-metafield-value^="2.4"]::after,
.metafield[data-metafield-name="software_stars_rating"][data-metafield-value^="2.5"]::after,
.metafield[data-metafield-name="software_stars_rating"][data-metafield-value^="2.6"]::after,
.metafield[data-metafield-name="software_stars_rating"][data-metafield-value^="2.7"]::after {
    background-image:url('/software/wp-content/themes/hbfv-review-theme/images/stars/25.svg');
}
.metafield[data-metafield-name="software_stars_rating"][data-metafield-value^="2.8"]::after,
.metafield[data-metafield-name="software_stars_rating"][data-metafield-value^="2.9"]::after,
.metafield[data-metafield-name="software_stars_rating"][data-metafield-value^="3"]::after,
.rating-container label[for="rating-radio-3"]::after {
    background-image:url('/software/wp-content/themes/hbfv-review-theme/images/stars/30.svg');
}
.metafield[data-metafield-name="software_stars_rating"][data-metafield-value^="3.3"]::after,
.metafield[data-metafield-name="software_stars_rating"][data-metafield-value^="3.4"]::after,
.metafield[data-metafield-name="software_stars_rating"][data-metafield-value^="3.5"]::after,
.metafield[data-metafield-name="software_stars_rating"][data-metafield-value^="3.6"]::after,
.metafield[data-metafield-name="software_stars_rating"][data-metafield-value^="3.7"]::after {
    background-image:url('/software/wp-content/themes/hbfv-review-theme/images/stars/35.svg');
}
.metafield[data-metafield-name="software_stars_rating"][data-metafield-value^="3.8"]::after,
.metafield[data-metafield-name="software_stars_rating"][data-metafield-value^="3.9"]::after,
.metafield[data-metafield-name="software_stars_rating"][data-metafield-value^="4"]::after,
.rating-container label[for="rating-radio-4"]::after {
    background-image:url('/software/wp-content/themes/hbfv-review-theme/images/stars/40.svg');
}
.metafield[data-metafield-name="software_stars_rating"][data-metafield-value^="4.3"]::after,
.metafield[data-metafield-name="software_stars_rating"][data-metafield-value^="4.4"]::after,
.metafield[data-metafield-name="software_stars_rating"][data-metafield-value^="4.5"]::after,
.metafield[data-metafield-name="software_stars_rating"][data-metafield-value^="4.6"]::after,
.metafield[data-metafield-name="software_stars_rating"][data-metafield-value^="4.7"]::after {
    background-image:url('/software/wp-content/themes/hbfv-review-theme/images/stars/45.svg');
}
.metafield[data-metafield-name="software_stars_rating"][data-metafield-value^="4.8"]::after,
.metafield[data-metafield-name="software_stars_rating"][data-metafield-value^="4.9"]::after,
.metafield[data-metafield-name="software_stars_rating"][data-metafield-value^="5"]::after,
.rating-container label[for="rating-radio-5"]::after {
    background-image:url('/software/wp-content/themes/hbfv-review-theme/images/stars/50.svg');
}
/* swiper & favorite software without swiper*/
.swiper-container-wrapper .wp-block-post.type-software .metafield[data-metafield-name="software_review_count"], 
.wp-block-query .wp-block-post-template[class*="columns-"] .wp-block-post.type-software .metafield[data-metafield-name="software_review_count"]{
    white-space: nowrap;
    text-align: center;
    color: var(--wp--preset--color--shade-dark);
}
.swiper-container-wrapper .wp-block-post.type-software .metafield[data-metafield-name="software_stars_rating"],
.wp-block-query .wp-block-post-template[class*="columns-"] .wp-block-post.type-software .metafield[data-metafield-name="software_stars_rating"],
.single-software .metafield[data-metafield-name="software_stars_rating"],
.main-compare-container .metafield[data-metafield-name="software_stars_rating"] {
    font-size: 0 !important;
}
.swiper-container-wrapper .wp-block-post.type-software .metafield[data-metafield-name="software_stars_rating"]::after,
.wp-block-query .wp-block-post-template[class*="columns-"] .wp-block-post.type-software .metafield[data-metafield-name="software_stars_rating"]::after,
.single-software .metafield[data-metafield-name="software_stars_rating"]::after {
    margin:0 auto;
    background-position: center;
}
.swiper-container-wrapper .wp-block-post.type-software,
.wp-block-query .wp-block-post-template[class*="columns-"] .wp-block-post.type-software {
    align-self: stretch;
}
.swiper-container-wrapper .wp-block-post.type-software > .wp-block-group,
.wp-block-query .wp-block-post-template[class*="columns-"] .wp-block-post.type-software>.wp-block-group {
    height: 100%;
}
.swiper-container-wrapper .wp-block-post.type-software .wp-post-image,
.wp-block-query .wp-block-post-template[class*="columns-"] .wp-block-post.type-software .wp-post-image {
    max-width: 120px;
    height: 80px;
    max-height: 80px;
}
.swiper-container-wrapper .swiper-slide.wp-block-post.type-software,
.wp-block-query .wp-block-post-template[class*="columns-"] .swiper-slide.wp-block-post.type-software {
    padding:1rem;
}
.wp-block-query .wp-block-post-template[class*="columns-"] .wp-block-post-title {
    /* Hier müsste noch die entsprechende Variable rein */
    font-size: var(--wp--preset--font-size--h4);
}
.wp-block-query .wp-block-post-template[class*="columns-"] .wp-block-post:not(:last-child)::after {
    width: 0px; 
    height: 0px;
}

/* orange checklist */

ul.is-style-orange-check-list,
ul.is-style-pros-check-list,
ul.is-style-cons-check-list {
    list-style: none;
    margin-left: 0;
    padding: 0;
}
ul.is-style-orange-check-list li,
ul.is-style-pros-check-list li,
ul.is-style-cons-check-list li {
    padding-left: 2rem;
    margin: 5px 0;
}

ul.is-style-orange-check-list li:before,
ul.is-style-pros-check-list li:before,
ul.is-style-cons-check-list li:before {
    content: "";
    display: inline-block;
    width: 1.1rem;
    height: 1.1rem; 
    background-color: var(--wp--preset--color--primary);
    margin-left: -1.8rem;
    margin-right: 0.7rem;
    transform: translateY(0.15rem);
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='uuid-d70378f2-95e2-4462-a0e7-4b36b67f6cfe' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 25 25'%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %23fff; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M10.7,19.5c-.3,0-.6-.1-.8-.3l-6-5.3c-.5-.4-.6-1.2,0-1.7.4-.5,1.2-.6,1.7,0l5,4.5,8.8-10.6c.4-.5,1.2-.6,1.7-.2s.6,1.2.2,1.7l-9.6,11.6c-.2.3-.5.4-.9.4h0,0Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}
ul.is-style-pros-check-list li:before {
    background-color: var(--wp--preset--color--success);
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg fill='%23fff' id='uuid-8da90f53-1310-47e0-baf6-5b2eb7c11028' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 25 25'%3E%3Cpath d='M19.9,11.6h-6.3v-6.3c0-.6-.5-1.1-1.1-1.1s-1.1.5-1.1,1.1v6.3h-6.3c-.6,0-1.1.5-1.1,1.1s.5,1.1,1.1,1.1h6.3v6.3c0,.6.5,1.1,1.1,1.1s1.1-.5,1.1-1.1v-6.3h6.3c.6,0,1.1-.5,1.1-1.1s-.5-1.1-1.1-1.1Z'/%3E%3C/svg%3E");
}
ul.is-style-cons-check-list li:before {
    background-color: #db3f35;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg fill='%23fff' id='uuid-95ac55c6-8aaf-46b1-a6ae-6898e522200f' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 25 25'%3E%3Cpath d='M19.4,11.5H5.7c-.7,0-1.2.5-1.2,1.3s.5,1.2,1.2,1.2h13.7c.7,0,1.2-.5,1.2-1.2s-.5-1.3-1.2-1.3Z'/%3E%3C/svg%3E");
}


@media only screen and (min-width: 1024px){

    .swiper-container-wrapper:has(.wp-block-post.type-software) {
        width:calc(100% + 2rem) !important;
        max-width: calc(800px + 2rem);
    }
    .swiper-container-wrapper:has(.wp-block-post.type-software).alignwide {
        max-width: calc(900px + 2rem);
    }
    .swiper-container-wrapper:has(.wp-block-post.type-software) .swiper-pagination {
        width:calc(100% - 2rem);
        margin:2rem auto 0 auto;
        position: relative;
    }
    .swiper-container-wrapper:has(.wp-block-post.type-software) .swiper-button-next {
        right:1rem;
    }
    .swiper-container-wrapper:has(.wp-block-post.type-software) .swiper-button-prev {
        left:1rem;
    }
}
/* end software teaser box ---------------------------------------------------------------------------- */

/* external link */
.metafield[data-metafield-name="software_external_link"] {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--wp--preset--color--primary);
    color: #fff;
    font-weight: normal;
}
.metafield[data-metafield-name="software_external_link"] a{
    background-color: var(--wp--preset--color--primary);
    color: #fff;
    font-weight: normal;
    padding: 0.2rem 1rem;
    display: flex;
    align-items: center;
    gap:0.8rem;
    font-size: 1.125rem;
}
.metafield[data-metafield-name="software_external_link"] a::after{
    content:'';
    display: inline-block;
    width: 0.9rem;
    height: 0.9rem;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.9621 0.308609C15.9377 0.249636 15.9015 0.194385 15.8536 0.146447C15.8056 0.0985081 15.7504 0.062339 15.6914 0.0379391C15.6324 0.0134925 15.5678 0 15.5 0H10.5C10.2239 0 10 0.223858 10 0.5C10 0.776142 10.2239 1 10.5 1L14.2929 1L7.64645 7.64645C7.45118 7.84171 7.45118 8.15829 7.64645 8.35355C7.84171 8.54882 8.15829 8.54882 8.35355 8.35355L15 1.70711V5.5C15 5.77614 15.2239 6 15.5 6C15.7761 6 16 5.77614 16 5.5V0.50098C16 0.497577 16 0.494174 15.9999 0.490771C15.9988 0.428726 15.9862 0.366852 15.9621 0.308609Z' fill='%23ffffff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0.5C0 0.223858 0.223857 0 0.5 0H5.5C5.77614 0 6 0.223858 6 0.5C6 0.776142 5.77614 1 5.5 1H1V15H15V10.5C15 10.2239 15.2239 10 15.5 10C15.7761 10 16 10.2239 16 10.5V15.5C16 15.7761 15.7761 16 15.5 16H0.5C0.223858 16 0 15.7761 0 15.5V0.5Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.metafield[data-metafield-name="software_external_link"]:hover,
.metafield[data-metafield-name="software_external_link"]:hover a {
    background-color: var(--wp--preset--color--primary-dark);
}
.taxonomy-software-kategorie a{
    padding: 0.4rem 1.2rem;
    background: #DCF6E7;
    font-size: 1rem;
}
.taxonomy-software-kategorie a:hover{
    color:black;
}
.metafield[data-metafield-name="software_external_link"] + .software_external_link_info,
.sticky-toc-external-link .software_external_link_info,
.price .software_external_link_info {
    font-size: 0.7rem;
    text-align: center;
    max-width: 200px;
    display: inline-block;
    margin-top: 0.5rem;
    line-height: 1.2;
}
.sticky-toc-external-link .software_external_link_info {
    max-width: 150px;
}
.price .software_external_link_info {
    text-align: left;
}
/* categories as buttons */
.wp-block-categories-list.is-style-buttons {
    margin: 0;
    margin-top: 2rem;
    padding: 0;
    column-count: unset;
    column-gap: unset;
    column-rule: unset;
    display: flex;
    gap:0rem 0.5rem;
    flex-wrap: wrap;
}
.wp-block-categories-list.is-style-buttons .cat-item{
    border: 1px solid var(--wp--preset--color--primary);
    padding:0.6rem 1.2rem;
    border-radius: 999px;
    display: inline-block;
}
.wp-block-categories-list.is-style-submenu {
    column-count: unset;
    column-gap: unset;
    column-rule: unset;
    display: flex;
    gap:0;
    flex-wrap: wrap;
    justify-content: center;
}
.wp-block-categories-list.is-style-submenu .cat-item{
    font-size: 1rem;
}
.wp-block-categories-list.is-style-submenu .cat-item a{
    font-weight: bold;
    color:var(--wp--preset--color--shade-dark);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    border-right:1px solid var(--wp--preset--color--primary);
    display: block;
}
.wp-block-categories-list.is-style-submenu .cat-item a:hover{
    color:var(--wp--preset--color--primary);
}
.wp-block-categories-list.is-style-submenu .cat-item:first-child a{
    padding-left: 0;
}
.wp-block-categories-list.is-style-submenu .cat-item:last-child a{
    padding-right: 0;
    border-right:none;
}

.wp-block-post-terms.is-style-buttons,
.wp-block-post-terms.is-style-compare-buttons {
    margin: 0;
    padding: 0;
    column-count: unset;
    column-gap: unset;
    column-rule: unset;
    display: flex;
    gap:1rem;
}
.wp-block-post-terms.is-style-buttons a,
.wp-block-post-terms.is-style-compare-buttons a{
    border: 1px solid var(--wp--preset--color--primary);
    padding:0.6rem 1.2rem;
    border-radius: 0;
    display: inline-block;
    background-color: transparent !important;
    color: var(--wp--preset--color--primary) !important;
}
.wp-block-post-terms.is-style-buttons a:hover,
.wp-block-post-terms.is-style-compare-buttons a:hover{
    border: 1px solid var(--wp--preset--color--primary-dark);
    color: var(--wp--preset--color--primary-dark) !important;
}
.wp-block-post-terms.is-style-compare-buttons a::after {
    content:' vergleichen';
    display: inline-block;
    margin-left: 0.3rem;
}

/* comments block */
.wp-block-comment-content .metafield[data-metafield-name="software_stars_rating"]::after {
    width: 100%;
}
.wp-block-comment-content .wp-block-comment-author-name {
    font-size: 1.2rem;
}
.wp-block-comment-content {
    margin-top: 0.2rem;
}
.comment_text_short,
.comment_text_full {
    margin-top: 1rem;
    hyphens: auto;
}
.comment_text_full {
    display: none;
}
.comment_text_load_more,
.comment_text_close {
    margin-top: 1rem;
    display: block;
    font-weight: normal;
    color:var(--wp--preset--color--primary);
}
.comment_text_load_more:hover,
.comment_text_close:hover {
    color:var(--wp--preset--color--primary-dark);
}
.swiper-wrapper:has(.comment.swiper-slide) {
    align-items: stretch !important;
}
.swiper-wrapper .comment.swiper-slide {
    height: unset;
}
.swiper-wrapper .comment.swiper-slide .wp-block-group {
    height: 100%;
    margin-top: 0 !important;
}

/* query pagination */
.wp-block-query-pagination {
border-top:1px solid var(--wp--preset--color--shade-light);
  padding-top: 2rem;
}
.wp-block-query-pagination .page-numbers.current{
    font-weight: bold;
}
.wp-block-query-pagination-numbers {
    margin-left: auto !important;
    display: flex;
    gap:0.5rem;
}
.wp-block-query-pagination-previous + .wp-block-query-pagination-numbers {
    margin-left: 0 !important;
}
.wp-block-query-pagination-next-arrow,
.wp-block-query-pagination-previous-arrow {
    font-size: 0;
    height: 25px;
    width: 25px;
    background-size: contain;
    display: block !important;
    background-repeat: no-repeat;
}
.wp-block-query-pagination-next-arrow {
    background-position: right;
    background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='44' height='44' fill='%23EF7C00'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.1336 28.8402C17.9457 28.6379 17.9574 28.3215 18.1598 28.1336L24.7652 22L18.1598 15.8664C17.9574 15.6785 17.9457 15.3621 18.1336 15.1598C18.3215 14.9574 18.6379 14.9457 18.8402 15.1336L25.8402 21.6336C25.9421 21.7282 26 21.861 26 22C26 22.139 25.9421 22.2718 25.8402 22.3664L18.8402 28.8664C18.6379 29.0543 18.3215 29.0426 18.1336 28.8402Z' fill='white'/%3E%3C/svg%3E%0A");
}
.wp-block-query-pagination-previous-arrow {
    background-position: left;
    background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='43' height='43' stroke='%23EEEEEE'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.8664 15.1598C26.0543 15.3621 26.0426 15.6785 25.8402 15.8664L19.2348 22L25.8402 28.1336C26.0426 28.3215 26.0543 28.6379 25.8664 28.8402C25.6785 29.0426 25.3621 29.0543 25.1598 28.8664L18.1598 22.3664C18.0579 22.2718 18 22.139 18 22C18 21.861 18.0579 21.7282 18.1598 21.6336L25.1598 15.1336C25.3621 14.9457 25.6785 14.9574 25.8664 15.1598Z' fill='%23AFAFAF'/%3E%3C/svg%3E%0A");
}
.wp-block-query-pagination-numbers .page-numbers.dots {
    color:var(--wp--preset--color--shade);
}

@media only screen and (min-width: 1024px){
    .wp-block-query-pagination-next-arrow,
    .wp-block-query-pagination-previous-arrow {
      height: 40px;
      width: 40px;
    }
}

/* single software page */

.single-software .entry-content + .wp-block-group.alignfull.has-background {
    margin-top: 0 !important;
}
.single-software .dynamic-toc {
    max-width: none !important;
}

.single-software .dynamic-toc-header {
    max-width: none;
}

.single-software .dynamic-toc-header.sticky-reached .dynamic-toc::after {
    right: 1rem;
}

#hmg-channelizer-content-area {
    overflow: visible !important;
}



.single-software .dynamic-toc-header {
    position: sticky;
    top: 50px;
}

.single-software .dynamic-toc-header .sticky-toc-image,
.single-software .dynamic-toc-header .sticky-toc-metadata-wrapper,
.single-software .dynamic-toc-header .sticky-toc-metadata,
.single-software .dynamic-toc-header .sticky-toc-external-link {
    display: none;
}

.single-software .dynamic-toc-header.sticky-reached {
    width: 100%;
    max-width: 100%;
    padding: 0.5rem var(--page-padding);
    display: flex;
    background: var(--wp--preset--color--white);
    gap: 1rem;
    z-index: 10;
}

.single-software .dynamic-toc-header.sticky-reached::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 1rem;
    right: 1rem;
    height: 1px;
    background-color: var(--wp--preset--color--shade-light);
    z-index: 15;
}
.single-software .dynamic-toc-header.sticky-reached .dynamic-toc-wrapper::before {
    display: none;
}

@media only screen and (min-width: 768px) {
    .single-software .dynamic-toc-header.sticky-reached .dynamic-toc {
        flex-shrink: 1;
        min-width: 0;
        border-right: 1px solid var(--wp--preset--color--shade-light);
        border-left: 1px solid var(--wp--preset--color--shade-light);
        padding: 0 1rem;
    }

    .single-software .dynamic-toc-header.sticky-reached .sticky-toc-image {
        display: block;
        max-width: 100px;
        object-fit: contain;
    }
    .single-software .dynamic-toc-header.sticky-reached .sticky-toc-metadata-wrapper {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
        line-height: 1.25;
        align-self: center;
    }
    .single-software .dynamic-toc-header.sticky-reached .sticky-toc-metadata {
        display: flex;
        flex-direction: column;
        line-height: 1.25;
        align-self: center;
    }
    .sticky-toc-metadata:has(> .metafield[data-metafield-name="software_stars_rating"][data-metafield-value=""]){
        display: none;
    }

    .single-software .dynamic-toc-header.sticky-reached .sticky-toc-title {
        font-weight: 700;
    }
    .single-software .dynamic-toc-header.sticky-reached .sticky-toc-external-link {
        display: block;
        flex-shrink: 0;
        align-self: center;
    }
    .single-software .dynamic-toc-header.sticky-reached .sticky-toc-external-link {
  
    }
    .single-software .dynamic-toc-header.sticky-reached .sticky-toc-external-link a {
        color: var(--wp--preset--color--primary);
        border: 1px solid var(--wp--preset--color--primary);
        font-weight: normal;
        padding: 0.2rem 1rem;
        display: flex;
        align-items: center;
        gap: 0.8rem;
    }
    .wp-block-categories-list.is-style-submenu .cat-item a{
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

/* software header */

.single-software-header>.wp-block-group {
    border-left: none !important;
    padding-left: 0 !important;
}

.single-software-header .wp-block-group:has(+.rating-link):not(:has(>.metafield)) {
    display: none;
}

@media only screen and (min-width: 1024px){
    .single-software .dynamic-toc-header.sticky-reached {
        top: 70px;
    }
    .single-software-header>.wp-block-group {
        /* border-left-color: 1px solid var(--wp--preset--color--shade) !important; */
        border-left-color: var(--wp--preset--color--shade) !important; 
        border-left-width: 1px !important;
        border-left-style: solid !important;
        padding-left: var(--wp--preset--spacing--two) !important;
    }
    .single-software-header>.wp-block-group>.taxonomy-software-kategorie, 
    .single-software-header>.wp-block-group>h1 {
        text-align: left !important;
    }
    .single-software-header>.wp-block-group>.wp-block-group {
        justify-content: flex-start !important;
    }
}