/*
Theme Name: Sikika Child
Theme URI: https://dinomatic.com/themes/sikika
Author: DinoMatic
Author URI: https://dinomatic.com
Template: sikika
Description: Sikika: Child Theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sikika-child
*/

.sikika {
    --site-bg-color: #2b303a;
    --site-text-color: var(--color-gray-100);

    --header-bg-color: #363c47;
    --header-text-color: var(--color-gray-100);

    --menu-item-color: var(--color-gray-100);
    --menu-item-hover-color: white;
    --submenu-bg-color: #2b303a;

    --hero-gradient-start-color: #363c47;
    --hero-gradient-end-color: #1a1d24;
    --hero-highlight-color: #00b0fe;
    --hero-text-color: #ececec;
    --hero-dim-color: #7d8994;

    /* --footer-bg-color: #18191d; */

    --link-color: #ef798a;
    --link-hover-color: #cc6776;

    --button-bg-color: #00b0fe;
    --button-text-color: #fff;
    --button-hover-bg-color: #0c7c59;
    --button-hover-text-color: #111;
    --button-border-color: #10a878;
    --button-shadow: 0 4px 6px -1px #0c7c5980, 0 2px 4px -2px #0c7c5980;

    --color-gray-400: #454c5a;
    --color-gray-300: #454c5a;
    --color-gray-200: #454c5a;

    .sb-wrapper {
        --color-ghost: #454c5a;
    }
}

.sb-listing-popup {
    --listing_tools_popup_bg_color: #0c1832;
    --listing_tools_button_font_color: #fcfcfc;
    --listing_tools_footer_button_bg_color: #031832;
    --listing_tools_headings_bg_color: #101e3e;
    --listing_tools_button_bg_color: #101e3e;
    --listing_tools_button_border_color: #353c4d;

    input[data-filter-search] {
        background-color: var(--table_bg_color);
    }

    .sb-listing-filters-block[data-filter-key="rating"] ul li label {
        background-color: #101e3e;
    }
}

@media (min-width: 1280px) {
    .site-header .main-navigation>div>ul {
        justify-content: center;
    }
}

/*Payments Table */
.sb-table-payments {
    & .sb-item {
        --column-width-rating--base-5: 200px;
        --shadow: 0 0 2px rgba(155, 155, 155, 0.35);
        --shadow-hover: 0 0 6px rgba(155, 155, 155, 0.35);
        --color-light-gray: #334155;
        --color-dark-gray: #475569;
        --color-darker-gray: #64748b;
        --color-highlight-2: #cbd5e1;
        background-color: #1e293b;

        & .sb-item--rating {
            & .value {
                color: #1e293b;
            }
        }

        & .sb-item--bonus {
            background-image: none;
        }
    }
}

.sb-table-payments.narrow-payment-table .sb-item {
    --column-width-logo: 100px;
    --column-width-rating--base-5: 180px;
    --column-width-payments: 200px;
    --column-width-buttons: 120px;
}

/* Bonus Grid */
.sb-grid-bonus {
    --item-bg-color: #3a465b;
    --item-fg-color: #fff;
    --item-border-color: #3d4e6a;

    &.custom-bonus-grid {
        --item-border-color: #111;
        /*   	--item-bg-color: #333; */
        --bonus-bg-color: #191f28;
    }
}

/* Adjustments */
.site-hero img {
    margin-right: 0;
}

code,
kbd {
    color: #313131;
}

.sb-wrapper {
    --item-bg-color: #383d46;
    --item-border-color: var(--color-ghost);
    --item-fg-color: #f1f1f1;
    --bonus-bg-color: #1a1d24;
    --bonus-fg-color: #f1f1f1;
}

.sb-listing.sb-table-payments .sb-item--bonus {
    background-image: none;
    background-color: traansparent;
}