@import "../main.css";

/*** UI ***/
.button {
    font-weight: 700;
    border-radius: 100px;
    background-color: var(--button-secondary);
    transition: .3s;
    display: inline-block;
    color: var(--white);
    fill: var(--white);
    border: none;
    font-family: var(--font-family), sans-serif;
    cursor: pointer;
}

.button:hover {
    transform: scale(1.2);
}

.button.primary {
    background-color: var(--button-primary);
}

.button.small {
    padding: 6px 18px;
}

.button.large {
    padding: 12px 24px;
}

.content table th,
.content table td {
    border-color: var(--border);
}

.content blockquote {
    border-color: var(--button-secondary);
    background-color: var(--border);
    border-radius: 12px;
}

.content-aside-block {
    border-color: var(--border);
    border-radius: 12px;
}

.content-aside-block a {
    color: var(--font);
}

.content-aside-block a:hover {
    color: var(--button-primary);
}

/*** Header ***/
.header,
.header__menu-ul {
    background-color: var(--header);
}

.header__menu-ul a {
    color: var(--header-font);
}

.header__mobile-btn div {
    background-color: var(--button-secondary);
}

.header__mobile-btn div {
    border-radius: 4px;
}

/*** Footer ***/
.footer,
.footer-payments {
    border-color: var(--border);
    background-color: var(--footer);
}

.footer a,
.footer__menu-ul a,
.footer__copyright,
.bottom-bar__wrapper-item span {
    color: var(--footer-font);
}

.bottom-bar {
    background-color: var(--footer);
}

/*** FAQ ***/
.faq-question {
    padding: 12px 16px;
    border-radius: 8px;
    background: var(--button-secondary);
    color: var(--white);
}

.faq-question:hover {
    opacity: .7;
}

.faq-question-icon {
    fill: var(--white);
}

/*** Bonuses ***/
.slider,
.bonuses {
    margin-bottom: 24px;
}

.swiper-pagination-bullet {
    width: 12px !important;
    height: 12px !important;
    border-radius: 6px !important;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--button-primary) !important;
    width: 36px !important;
}

/*** Slots ***/
.slots,
.slots h2 {
    margin-bottom: 24px;
}

/*** Casino ***/
.casinos__item {
    border-radius: 24px;
    border-color: var(--border);
}

.casinos__bonus,
.review-cta__bonus {
    background-color: var(--button-secondary);
    border-radius: 12px;
    color: var(--white);
}

.casinos__buttons a {
    color: var(--font);
}

.review-cta__advantages {
    border-color: var(--border);
}

/** Author */
.author {
    border-radius: 8px;
}

/** Radius */
.toc,
.slots-item,
.slots__img,
.providers-item,
.monetization-modal__container,
.monetization-modal__bonus,
.wins-table-tr,
.wins-table-td:nth-child(5) button,
.slider__item,
.bonuses-item,
.mono-slot__wrap,
.mono-slot__image {
    border-radius: 24px;
}

.casinos__logo,
.footer-social a,
.review-cta__logo,
.wins-table-td:nth-child(1) img,
.author-profile img,
.top-profile img {
    border-radius: 50%;
}