/*
Theme Name: SpinCore
Theme URI: https://thejema.ru/branded/spincore
Author: TheJema
Author URI: https://shop.thejema.ru/
Description: Unique branded template
Version: 1.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: spincore
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


img:is([sizes="auto" i], [sizes^="auto," i]) {
    contain-intrinsic-size: 3000px 1500px
}

.alternative-pages {
    display: grid;
    gap: 20px;
    grid-template-columns:1fr;
    margin: 20px 0;
    padding: 5px
}

@media screen and (min-width: 576px) {
    .alternative-pages {
        grid-template-columns:1fr 1fr
    }
}

@media screen and (min-width: 768px) {
    .alternative-pages {
        grid-template-columns:1fr 1fr 1fr
    }
}

.alternative-pages__item {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .15);
    padding: 16px
}

.alternative-pages__bonus-desctiption {
    margin-bottom: 12px;
    text-align: center;
    width: 100%
}

.alternative-pages__title {
    background-color: var(--main-color);
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    margin: -16px -16px 20px;
    padding: 10px 0;
    text-align: center
}

.alternative-pages__rating {
    margin-bottom: 12px
}

.alternative-pages__rating, .alternative-pages__stars {
    align-items: center;
    display: flex;
    justify-content: center;
    text-align: center
}

.alternative-pages__stars {
    margin-left: 5px
}

.alternative-pages__image-wrap {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 12px;
    min-height: 100px
}

.alternative-pages__image-wrap img {
    height: auto;
    width: 100%
}

.alternative-pages__promo {
    align-items: center;
    display: grid;
    gap: 10px;
    grid-template-columns:1fr 1fr;
    margin-bottom: 12px;
    min-height: 42px
}

.alternative-pages__promo a {
    color: #000;
    display: block;
    text-decoration: none;
    width: 100%
}

.alternative-pages__button-wrap {
    margin-bottom: 10px
}

.alternative-pages__button-wrap a, .alternative-pages__button-wrap button {
    color: #000;
    text-decoration: unset;
    width: 100%
}

.alternative-pages__description {
    align-items: center;
    display: grid;
    grid-template-columns:1fr 7fr
}

.alternative-pages__description i {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 512 512%27 style=%27enable-background:new 0 0 512 512%27 xml:space=%27preserve%27%3E%3Cpath style=%27fill:%23a5eb78%27 d=%27M433.139 67.108 201.294 298.953c-6.249 6.249-16.381 6.249-22.63 0L78.861 199.15 0 278.011 150.547 428.56a55.766 55.766 0 0 0 78.861 0L512 145.968l-78.861-78.86z%27/%3E%3Cpath d=%27M485.921 119.888 187.59 418.22a61.044 61.044 0 0 1-29.847 16.391 55.755 55.755 0 0 0 32.235 10.28 55.766 55.766 0 0 0 39.43-16.333L512 145.966l-26.079-26.078z%27 style=%27opacity:.1%27/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 30px;
    width: 30px
}

.alternative-pages__description p {
    margin: 5px 0;
    white-space: pre-wrap
}

.alt-promocode {
    display: flex;
    flex-direction: row
}

.alt-promocode--button {
    position: relative
}

.alt-promocode--button svg {
    cursor: pointer;
    height: 20px;
    max-width: 20px;
    position: absolute;
    right: 5px;
    top: calc(50% - 10px);
    width: 20px
}

.alt-promocode--input {
    border: 1px dashed;
    border-radius: 5px;
    overflow: hidden;
    position: relative
}

.alt-promocode--input div, .alt-promocode--input input {
    border: unset;
    border-radius: var(--border-radius);
    font-size: 1rem;
    font-weight: 700;
    height: 40px;
    max-width: 150px;
    padding: 0 5px 0 0;
    text-align: center;
    text-decoration: unset
}

.alt-promocode--fake, .alt-promocode--input div {
    align-items: center;
    display: flex
}

.alt-promocode--fake {
    justify-content: center;
    max-width: 150px
}

.alt-promocode--fake:before {
    background-color: var(--main-accent-color);
    height: 100%;
    left: -12px;
    width: 69%
}

.alt-promocode--fake:after, .alt-promocode--fake:before {
    content: " ";
    position: absolute;
    top: 0;
    transform: skewX(10deg);
    z-index: 6
}

.alt-promocode--fake:after {
    border: 21px solid transparent;
    border-radius: 4px;
    border-right-color: #000;
    height: 0;
    left: 24%;
    opacity: .5;
    width: 10%
}


.wp-block-column > :not(:first-child) {
    margin-top: 0;
}

.codeblock-mini.align-center {
    margin: 20px auto;
}

@media (max-width: 768px) {
    .gift-block__text {
        line-height: 1.4;
        padding: 10px;
    }

    .site-button {
        font-size: 1.2rem;
        padding: 1rem 2rem;
    }
}


@font-face {
    font-family: 'SpinCore';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local(''),
    url('../fonts/8t6AxM9jBO2D.woff2') format('woff2'),
    url('../fonts/zmtxIpNKcTKj.woff') format('woff');
}

@font-face {
    font-family: 'SpinCore';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local(''),
    url('../fonts/xVtY3b35fhu6.woff2') format('woff2'),
    url('../fonts/SNaEXI1Kw1fz.woff') format('woff');
}

@font-face {
    font-family: 'SpinCore';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local(''),
    url('../fonts/ZPSTyDpmJngK.woff2') format('woff2'),
    url('../fonts/n10nikTokYpq.woff') format('woff');
}

@font-face {
    font-family: 'SpinCore';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: local(''),
    url('../fonts/DUm2vRHE9ldy.woff2') format('woff2'),
    url('../fonts/lyHNjIsmthZy.woff') format('woff');
}


.has-black-color {
    color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-color {
    color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-color {
    color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-color {
    color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-color {
    color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-color {
    color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-color {
    color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-color {
    color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-color {
    color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-color {
    color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-color {
    color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-color {
    color: var(--wp--preset--color--vivid-purple) !important;
}

.has-black-background-color {
    background-color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-background-color {
    background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-background-color {
    background-color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-background-color {
    background-color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-background-color {
    background-color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-background-color {
    background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-background-color {
    background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-background-color {
    background-color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-background-color {
    background-color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-background-color {
    background-color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-background-color {
    background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-background-color {
    background-color: var(--wp--preset--color--vivid-purple) !important;
}

.has-black-border-color {
    border-color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-border-color {
    border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-border-color {
    border-color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-border-color {
    border-color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-border-color {
    border-color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-border-color {
    border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-border-color {
    border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-border-color {
    border-color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-border-color {
    border-color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-border-color {
    border-color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-border-color {
    border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-border-color {
    border-color: var(--wp--preset--color--vivid-purple) !important;
}

.has-small-font-size {
    font-size: var(--wp--preset--font-size--small) !important;
}

.has-medium-font-size {
    font-size: var(--wp--preset--font-size--medium) !important;
}

.has-large-font-size {
    font-size: var(--wp--preset--font-size--large) !important;
}

.has-x-large-font-size {
    font-size: var(--wp--preset--font-size--x-large) !important;
}