.wp-dropdown-list {
    counter-reset: componentlist;
    margin-top: 0;
    align-content: start;
}

.list {
    box-shadow: var(--box-shadow-list);
    border-radius: var(--border-radius);
    position: relative;
    margin: 2.05rem 0;
}

.casino-card p {
    max-width: none;
}

.casino-card p,
.casino-card li {
    line-height: 1.25rem;
}

.casino-details>p,
.casino-card__foldout p {
    margin: 0;
}

.casino-card {
    position: relative;
    border-radius: var(--border-radius);
    background: var(--card-bg-color);
    box-shadow: var(--box-shadow);
}

.casino-card__content__details .casino-details p {
    line-height: var(--line-height-body);
}

.casino-card__content__details .casino-details.casino-details--name p {
    font-size: 1rem;
    font-weight: var(--headers-weight);
}

.local-lang-support {
    width: 15px;
    height: 15px;
    margin-right: 5px;
}

.casino-details__special-offer {
    border-top: 1px solid var(--color-primary);
}

.content-wrapper .casino-details__special-offer,
.casino-details__special-offer {
    font-size: 0.75rem;
}

.casino-details .casino-details__special-offer p {
    line-height: 1.2;
}

.casino-details__special-offer>p {
    margin: 0.25rem 0;
    font-size: .75rem;
}

.casino-details .casino-details__title {
    font-weight: bold;
}

.casino-details__special-offer {
    padding: 3px 0;
}

.casino-details__copy-offer>span {
    display: flex;
    white-space: normal;
    max-width: 150px;
    justify-self: center;
}

.casino-details__bonus-svg {
    margin-right: 0.1rem;
    height: 16px;
}

.casino-details__bonus-svg>svg>path {
    stroke: var(--color-tooltip);
}

.casino-details__copy-offer-svg {
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.25rem;
    height: 16px;
}

.casino-details__copy-offer-svg>path {
    stroke: var(--color-cta);
}

.casino-logo-placeholder {
    background: linear-gradient(to right, var(--gray-100) 8%, var(--color-primary) 18%, var(--gray-100) 33%);
    background-size: 170px 104px;
    border-radius: var(--border-radius);
    height: 40%;
    margin: 10px;
    width: 100%;
}

.casino-card p,
.pros__list__item span,
.filter__item-header {
    color: var(--text-color-card);
}

.casino-card_content__payment-provider-logos {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));
    grid-column: 1 / span 3;
    margin: 0 0 0.75rem 0;
    padding-top: 0.75rem;
}

.providers-logo__folded {
    position: relative;
    text-align: center;
    background: var(--gray-50);
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: content-box;
    text-decoration: none;
    max-width: 80px;
}

.providers-logo__folded--link {
    cursor: pointer;
}

.providers-logo__folded--link:hover>.providers__counter-value {
    text-decoration: underline;
}

.providers-logo__folded>span {
    font-weight: 700;
    font-size: 0.635rem;
    color: var(--color-primary-dark);
}

.foldout-action--disabled {
    pointer-events: none;
    opacity: 0.5;
}

.foldout-action__title {
    font-size: 0.75rem;
    cursor: pointer;
}

.foldout-action__button {
    border-radius: var(--border-radius-largest);
    border: 1px solid var(--list-circle-color);
    background: var(--list-circle-color);
    transition: transform 200ms linear;
    cursor: pointer;
}

.foldout-action__title.list__expand-link {
    line-height: 1.25;
}

.foldout-action__button__arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.foldout-action__button--expanded {
    transform: rotate(-180deg);
}

.casino-card__terms {
    border-top: 1px solid var(--color-primary);
    text-align: center;
    padding: 5px 20px;
}

.casino-card__terms__title {
    color: var(--color-secondary-light);
    text-decoration: none;
}

/* List main styles second part: */

.casino-card__content-columns {
    background: var(--gray-50);
}

.content-columns__item {
    box-sizing: border-box;
    color: var(--text-color-card);
    border-top: 1px solid #E7E7E7;
}

.content-columns__item:first-child {
    border-top: 0;
}

.content-columns__otherinfo {
    grid-template-columns: auto;
    border-top: 1px solid #E7E7E7;
}

.casino-details__copy-offer {
    position: relative;
    display: flex;
    font-weight: 700;
    cursor: pointer;
    width: max-content;
    color: var(--color-cta);
    border: 1px dashed var(--color-cta);
    border-radius: var(--border-radius);
}

.content-columns__terms:nth-child(2) {
    padding-top: 0;
}

.content-columns__item>p {
    color: var(--text-color-card);
    line-height: 1.25;
    font-size: 0.75rem;
    margin: 0;
    /* align-self: center; */
}

.content-columns__item>.content-columns__value {
    font-weight: bold;
}

.terms__readmore {
    cursor: pointer;
    color: var(--color-secondary-light);
}

/* logo and review link */
.secondary-links__link--review {
    color: var(--color-secondary-dark);
}

.casino-details {
    position: relative;
}

.casino-card__rank__value {
    background: #E7E7E7;
    font-weight: 700;
    color: var(--text-color-card);
    border-radius: var(--border-radius);
}

.casino-logo {
    position: relative;
    background: var(--gray-50);
    border-radius: 5px;
}

.providers__tooltip {
    position: absolute;
    top: -5px;
    right: -5px;
    z-index: 5;
    font-size: 0.65rem;
    padding: 0.3rem 0.4rem;
    background: var(--card-bg-color);
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
    color: var(--text-color-card);
}

.card-content__banner {
    color: #fff;
    background: var(--list-pay-n-play-color);
    border-radius: 1rem;
}

.card-content__banner--paynplay {
    background: var(--list-pay-n-play-color);
}

.card-content__banner--recommended {
    background: var(--color-secondary-light);
}

.list-tooltip {
    position: absolute;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: var(--text-color-tooltip);
    box-shadow: var(--box-shadow);
}

.list-tooltip span {
    font-weight: 500;
    background: var(--color-tooltip);
    border-radius: 25px;
    padding: 0.5rem 1.5rem;
    font-size: 0.65rem;
}

.list-tooltip:before {
    content: "";
    position: absolute;
    right: -15px;
    width: 20px;
    top: 9px;
    z-index: -2;
    height: 30px;
    border: 0;
    background-repeat: no-repeat;
    /* background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjUgMTQuNDk5NUM3IDE0LjQ5OTUgMy41IDguNDk5NTEgMCAwVjE0Ljk5OUw3IDE2Ljk5OUMxMy41IDE1LjY2NTcgMTYuNSAxNy45OTk1IDE2LjUgMTQuNDk5NVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=); */
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAxNyAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjUgMTVDNyAxNSAzLjUgOC40OTk1MSAwIDBWMjJINkMxMi41IDIyIDE2LjUgMTguNSAxNi41IDE1WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
    /* filter: drop-shadow(0px -1px 0.01rem var(--color-primary-dark)); */
    transform: rotate(2deg);
}

.list-tooltip:after {
    content: "";
    position: absolute;
    left: -12px;
    width: 20px;
    top: 9px;
    z-index: -2;
    height: 30px;
    border: 0;
    background-repeat: no-repeat;
    /* background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNyAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMTVDOS41IDE1IDEzIDkgMTYuNSAwLjUwMDQ4OFYxNS40OTk1TDkuNSAxNy40OTk1QzMgMTYuMTY2MiAtMS4xOTIwOWUtMDYgMTguNSAwIDE1WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==); */
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAxNyAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMTVDOS41IDE1IDEzIDguNDk5NTEgMTYuNSAwVjIySDEwLjVDNCAyMiAwIDE4LjUgMCAxNVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
    /* filter: drop-shadow(0px -1px 0.01rem var(--color-primary-dark)); */
    transform: rotate(-1deg);
}

.tooltip {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0.9rem;
    line-height: 1.15rem;
    width: 1rem;
    height: 1rem;
    background: #fff;
    border-radius: 50%;
    color: var(--color-secondary-light);
    cursor: pointer;
    margin: 0px 0px 1px 2px;
}

.tooltip__show .tooltip__show-msg {
    margin: 0;
    font-size: 0.75rem;
    color: #fff;
    line-height: 1.5;
    text-align: left;
}

.tooltip__show {
    position: absolute;
    bottom: 36px;
    left: auto;
    right: 0px;
    width: 100%;
    min-width: 200px;
    background: var(--color-secondary-light);
    border-radius: var(--border-radius);
    color: #fff;
    padding: 0.6rem;
    box-shadow: var(--box-shadow);
    z-index: 10;
    width: 100%;
    box-sizing: border-box;
}

.card-content__banner--recommended.tooltip-open .tooltip__show {
    right: 0;
    left: auto;
}

.tooltip-open .tooltip:before {
    content: "";
    position: absolute;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 10px solid var(--color-secondary-light);
    /* box-shadow: var(--box-shadow); */
    top: -17px;
    right: 0;
    left: 0;
    z-index: 11;
}

.content-columns__value.content-columns__value--rating .content-columns__value-label {
    font-weight: normal;
}

.content-columns__value--rating__stars {
    display: inline-block;
    vertical-align: middle;
}

.content-columns__value--rating {
    display: flex;
    align-items: center;
    gap: 0.1rem;
}

.value-val__bonus--freespins {
    display: block;
}

.content-columns__title {
    position: relative;
}

.content-columns__item .content-columns__title--wagering {
    display: inline;
}

.tooltip-wagering {
    background: #ABB0BA;
    color: #fff;
    text-align: center;
}

.tooltip-open .tooltip-wagering:before {
    top: -20px;
}


.casino-card__foldout .cta-action__button {
    min-width: 100px;
}

.foldout-action__button.list__expand-link,
.foldout-action__button--expanded {
    background: transparent;
    border: 0;
    z-index: 9;
}

.foldout-action .foldout-action__title,
.cta-columns .foldout-action__title {
    color: var(--color-secondary-light);
    line-height: 1.2;
}

.foldout-action .foldout-action__title:hover,
.cta-columns .foldout-action__title:hover {
    text-decoration: none;
}

.foldout__sticky--wrap .foldout-action {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0px;
    z-index: 10;
    border-bottom-right-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius);
}

.tooltip__wrapper {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    width: 100vw;
    height: 100vh;
    z-index: 0;
}

.list-tooltip span:after {
    content: "";
    width: 100%;
    height: 35px;
    position: absolute;
    left: 0;
    bottom: -5px;
    background: #fff;
    border-radius: 17px 15px 0 0;
    z-index: -1;
}

@media (min-width: 480px) {
    .tooltip__show {
        left: 50%;
        right: 0px;
        max-width: 300px;
        transform: translateX(-50%);
    }
}

@media (min-width: 860px) {
    .casino-card__rank__value {
        margin-top: 0;
    }

    .casino-logo {
        width: 108px;
        height: 92px;
    }

    .casino-card__content__actions {
        margin-top: 0;
        grid-template-columns: 1fr 0.8fr;
        justify-content: flex-end;
        grid-row: 1;
        grid-column: 3;
    }

    .casino-details__special-offer {
        border-top: none;
    }

    .casino-details .casino-details__special-offer p {
        line-height: var(--line-height-body);
    }

    .casino-details__title,
    .casino-details__special-offer {
        padding-bottom: 0;
    }

    .foldout-action,
    .cta-action {
        flex-basis: auto;
    }

    .casino-card__content-columns {
        border-radius: 5px;
    }

    .content-columns__otherinfo {
        display: grid;
        grid-template-columns: 1fr;
        color: var(--text-color-card);
        line-height: 1.25;
        font-size: 0.75rem;
        border: 0;
    }

    .content-columns__special-offer {
        padding: 0 0 0.75rem 0;
    }

    .content-columns__terms {
        padding: 0.75rem 0;
    }

    /* .content__details--brand {
        display: block;
    } */

    .casino-details__copy-offer .casino-details__copy-msg {
        left: auto;
        right: 0;
        top: -38px;
        width: calc(100% + 150px)
    }

    .content__details--brand .casino-details {
        width: 100%;
    }

    .content__details--brand .casino-logo {
        width: auto;
    }

    .cta-action {
        margin-top: .5rem;
    }

    .tooltip__show {
        bottom: 35px;
        padding: 0.6rem;
        min-width: 240px;
    }

    .card-content__banner--recommended.tooltip-open .tooltip__show {
        right: 0;
        left: 0;
    }

    .card-content__banner {
        box-shadow: var(--box-shadow);
    }
}