:root {
    --svg-approve-color: var(--color-btn-link);
    --svg-pending-color: var(--color-text);
    --svg-declined-color: var(--color-error);
    --svg-regular-color: var(--color-btn-link);
    --color-input-placeholder: #bcbcbc;
}

/* general */
body,
.navbar,
footer {
    background-color: var(--color-background) !important;
    color: var(--color-text) !important;
}
a {
    color: var(--color-btn-link);
}
a:hover {
    color: var(--color-btn-link-hover);
    text-decoration: none;
}
.carousel-indicators li.active {
    background-color: var(--color-btn-link);
}

/* header */
.language-select .dropdown-menu .dropdown-item:hover,
.language-select .dropdown-menu .dropdown-item:focus {
    background-color: var(--color-btn-link) !important;
}
.breadcrumb a,
.navbar-light .navbar-nav .nav-link {
    color: var(--color-text);
}
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: var(--color-btn-link-hover);
}
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
    color: var(--color-btn-link);
}
.navbar-head {
    border-bottom-color: var(--color-line);
}
.navbar-toggler .icon-bar {
    background-color: var(--color-btn-link);
}
.navbar .navbar-footer .footer a {
    color: var(--link-color);
}
.item-arrow {
    color: var(--color-btn-link);
}
#dropdownMenuButton, #dropdownCurrencyButton,
#dropdownCurrency .dropdown-menu,
.language-select .dropdown-menu.show .dropdown-item {
    background-color: var(--color-modal-background);
    color: var(--color-text);
    border-color: var(--color-line);
}
#dropdownCurrency .dropdown-item {
    background-color: var(--color-modal-background);
    color: var(--color-text);
}
.card-body .card-desc {
    color: var(--color-text);
}


/* footer */
footer p {
    color: var(--color-text);
}
footer a[href] {
    color: var(--color-text);
}
footer a[href]:hover {
    color: var(--color-btn-link-hover);
}
footer #footer-address .fa-map-marker {
    color: var(--color-btn-link);
}
footer > .container > .row,
footer > .container-fluid > .row {
    border-top-color: var(--color-line);
}


/* modal */
.modal-content {
    background-color: var(--color-modal-background);
}
.modal button.close {
    background: none;
    padding: 0;
}


@media (hover: none) and (pointer: coarse) {
    .s2 .btn.btn-primary,
    .s2 .btn.btn-primary:focus,
    .s2 .btn.btn-primary:active,
    .s2 .btn.btn-primary:hover {
        background-color: var(--color-btn-link);
        border-color: var(--color-btn-link);
    }
}

body .customRadio .checkmark:after {
    background-color: var(--color-btn-link);
}

/* product card */

.card {
    box-shadow: 0 2px 16px 0 rgb(92 92 92 / 7%);
    background-color: var(--color-modal-background);
}
.card:hover {
    box-shadow: 2px 2px 16px 0  rgb(92 92 92 / 14%);
}

body .span-link {
    color: var(--color-btn-link);
}
body .span-link:hover {
    color: var(--color-btn-link-hover);
}
.shopping-basket {
    background-image: var(--icon-shopping-basket);
    background-color: var(--color-modal-background);
}
.card-body .card-basket {
    background-image: var(--icon-to-basket);
}


/* cart */
#empty-cart-message .empty-cart {
    background-image: var(--icon-empty-cart);
}

/* checkout page */
#checkout-container .checkoutFormPanel,
#checkout-container .panel {
    background-color: var(--color-modal-background);
    border: none;
}



/* form */
.s2 .form-group .control-label {
    background-color: var(--color-modal-background);
    color: var(--color-text);
}
.s2 .form-control,
.s2 .form-control-static {
    background-color: var(--color-modal-background);
    color: var(--color-text);
}
.s2 .form-group.active .form-control {
    border-color: var(--color-btn-link);
}
.s2 .form-group.active .control-label {
    color: var(--color-btn-link);
}
.form-control-plaintext {
    color: var(--color-text);
}
select {
    background-image: var(--icon-chevron-down);
}
.amount-select {
    background-image: var(--icon-input-number-arrow);
}
.quantity-button svg path {
    fill: var(--color-btn-link);
}
.form-group.has-error .form-control,
.form-group.has-error .help-block,
.has-error .select2-container--shop .select2-selection {
    border-color: var(--color-error);
}
.s2 .form-group .help-block {
    color: var(--color-error);
}
body .table thead th,
body .table tbody tr {
    color: var(--color-text);
}
/* хак для раскраски автозаполнения */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s, color 5000s ease-in-out 0s;
}



/* Select2 */
.select2-container--shop .select2-selection {
    background-color: var(--color-modal-background);
    color: var(--color-text);
    border-color: var(--color-text);
}
.select2-dropdown {
    background-color: var(--color-modal-background) !important;
    color: var(--color-text);
}
.select2-results__option {
    color: var(--color-text);
}
.select2-container--shop .select2-selection--single .select2-selection__arrow b {
    background-image: var(--icon-chevron-down);
}
.select2-search--dropdown .select2-search__field {
    background-color: var(--color-modal-background) !important;
    color: var(--color-text);
}
.select2-container--shop .select2-dropdown .select2-results__option[aria-selected=true] {
    background-color: var(--color-btn-link-hover);
    color: var(--color-background);
}
.select2-container--shop .select2-results__option--highlighted[aria-selected=false] {
    background-color: var(--color-dropdown-item-hover);
    color: var(--color-text);
}
.select2-container--shop.select2-container--disabled .select2-selection,
.select2-container--shop.select2-container--disabled.select2-container--focus .select2-selection {
    background-color: var(--color-modal-background);
}

/* scrollbar */
#modalCart .modal-body::-webkit-scrollbar-thumb,
#modalCheckout .modal-body::-webkit-scrollbar-thumb {
    background-color: var(--color-btn-link);
}


/* LOADER */
.cart-loader .dot-floating,
.cart-loader .dot-floating::before,
.cart-loader .dot-floating::after {
    background-color: var(--color-btn-link);
    color: var(--color-btn-link);
}



/* product page */
#terms > div > a {
    color: var(--color-text);
}
.fancybox-bg {
    background: var(--color-modal-background);
}

/* SVG */
.cls-svg {
    stroke: var(--color-btn-link);
}
.svg-stroke {
    stroke: var(--color-btn-link);
}
.svg-fill {
    fill: var(--color-btn-link);
}


/******** LANDING ********/
.navbar.navbar-shadow {
    box-shadow: 0 0 8px 0 var(--block-shadow);
}

/*--- block buttons ---*/
.block-description .block-button .btn {
    color: var(--block-btn-color);
    background-color: var(--block-btn-bg);
    border: 2px solid var(--block-btn-bg);
    box-shadow: 2px 2px 10px var(--block-shadow);
}
.block-description .block-button .btn:nth-child(2) {
    color: var(--block-btn-bg);
    background-color: transparent;
    border: 2px solid var(--block-btn-bg);
    box-shadow: 2px 2px 10px var(--block-shadow);
}
.block-description .block-button .btn:hover {
    box-shadow: 4px 4px 15px var(--block-shadow);
}
.block-description .block-button .btn:nth-child(2):hover {
    background-color: var(--block-btn-bg);
    color: var(--block-btn-color);
}

.blockWithText .block-description-wrapper.hasBackground .block-button .btn {
    color: var(--color-text);
    background-color: var(--color-modal-background);
}
.blockWithImageBig .block-description .block-button .btn:nth-child(2) {
    border-color:var(--color-text);
    color:var(--color-text);
}
.blockWithImageBig .block-description .block-button .btn:nth-child(2):hover {
    border-color:var(--block-btn-bg);
    background-color: var(--block-btn-bg);
    color: var(--block-btn-color);
}


/*--- blockProducts ---*/
/*.blockProducts .card {*/
/*    box-shadow: 0 2px 16px 0 rgb(6 2 102 / 7%);*/
/*}*/
/*.blockProducts .card:hover {*/
/*    box-shadow: 0 4px 16px 0  rgb(6 2 102 / 24%);*/
/*}*/
.blockProducts .card .product-description {
    border-top: 5px solid var(--block-btn-bg);
}

/*--- blockWithText ---*/
.blockWithText .block-description-wrapper.hasBackground {
    background-color: var(--block-img-bg);
}

/*--- blockWithVideo ---*/
.blockWithVideo .block-description {
    background-color: var(--block-img-bg);
}

.blockProducts .product-action .btn,
#checkoutForm .checkout.toPay.btn,
#modalInfo .close-info,
.s2 .btn.btn-primary {
    color: var(--block-btn-color);
    background-color: var(--block-btn-bg);
    box-shadow: 2px 2px 10px var(--block-shadow);
    border: none;
}
.blockProducts .product-action .btn:hover,
#checkoutForm .checkout.toPay.btn:hover,
#modalInfo .close-info:hover,
.s2 .btn.btn-primary:hover,
.s2 .btn.btn-primary:active,
.s2 .btn.btn-primary:focus,
.s2 .btn.btn-primary:active:focus {
    color: var(--block-btn-color);
    background-color: var(--block-btn-bg);
    box-shadow: 4px 4px 15px var(--block-shadow);
    border: none;
}

#checkoutForm .prod-price {
    color: var(--color-btn-link);
}
.blockFeedback .card-wrapper {
    background-color: var(--block-img-bg);
}

.s2 .form-control, .s2 .form-control-static {
    border-color: var(--color-text);
}
.s2 .form-control::placeholder, .s2 .form-control-static::placeholder {
    color: var(--color-input-placeholder);
}

svg .colorStroke {
    stroke: var(--color-btn-link);
}
svg .colorFill {
    fill: var(--block-btn-bg);
}

.pswp .pswp__icn-shadow {
    stroke: none;
}

body #feedbackWidget #feedbackPanel {
    background-color: var(--color-modal-background);
    color: var(--color-text);
    border-color: var(--color-modal-background);
}
body #feedbackWidget #feedbackPanel .panel-header,
body #feedbackWidget #feedbackPanel .feedbackSended .title {
    color: var(--color-btn-link);
}
body #feedbackWidget #feedbackPanel .feedbackSended .sub-title {
    color: var(--text-color);
}
body #feedbackWidget .btn-feedback {
    background-color: var(--block-btn-bg);
    box-shadow: 0 4px 16px 0 var(--block-shadow);
}