/*
Theme Name: ShopStack Store
Theme URI: 
Author: Kelly Jones
Author URI: 
Description: 
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: shopstack-store
Tags: 
*/

:root {
    --wc-icon-size: 16px;
}

body {
    overflow-x: hidden;
}

header .wp-block-search__inside-wrapper {
    background-color: #d9d9d9;
    border: none;
    border-radius: 4px;
    flex-direction: row-reverse;
    overflow: hidden;
    padding: 0px;
    height: 33px;
}

header .wp-block-search__button {
    background-color: transparent;
    color: #a0a0a0;
    display: flex;
    align-items: center;
    margin-inline: 5px;
    padding-inline: 0px;
    width: var(--wc-icon-size);
}

header .wp-block-search__button svg {
    width: var(--wc-icon-size);
    height: var(--wc-icon-size);
}

header .wp-block-search__input {
    background-color: transparent;
    color: #a0a0a0;
    font-size: 14px;
}

header .wp-block-search__input::placeholder {
    color: #a0a0a0;
}

header button.wp-block-navigation__responsive-container-open {
    background-color: var(--wp--preset--color--custom-color-4) !important;
    border-radius: 8px;
    color: #fff !important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
}

/* Accordions */

.wp-block-group.has-custom-color-2-background-color .wp-block-greenshift-blocks-accordionitem {
    border: none !important;
    border-top: solid 1px var(--wp--preset--color--custom-color-1) !important;
    margin: 0px !important;
}

.wp-block-group.has-custom-color-2-background-color .wp-block-greenshift-blocks-accordionitem:first-child {
    border-top: none !important;
}

.wp-block-group.has-custom-color-2-background-color .gs-accordion-item__title, 
.wp-block-group.has-custom-color-2-background-color .gs-accordion-item__content, 
.wp-block-group.has-custom-color-2-background-color .gs-accordion-item__text {
    padding-inline: 0px !important;
}

.wp-block-group.has-custom-color-2-background-color .gs-accordion-item__title {
    background-color: transparent !important;
    border: none !important;
    margin: 0px !important;
    padding-block: 25px !important;
}

.wp-block-group.has-custom-color-2-background-color .gs-accordion-item__content {
    background-color: transparent !important;
    border: none !important;
    padding-top: 0px !important;
}

.wp-block-group.has-custom-color-2-background-color .gs-accordion-item__text {
    padding-top: 0px !important;
}

.wp-block-group.has-custom-color-2-background-color .gs-accordion-item__text *:first-child {
    margin-top: 0px !important;
}

/* Tabs */

.gs_tabs_list {
    --border-color: #222;
    background-color: var(--border-color) !important;
    border: solid 1px var(--border-color);
    border-radius: 14px !important;
    gap: 1px !important;
    margin-inline: auto !important;
    overflow: hidden;
    width: max-content !important;
    max-width: 100vw !important;
}

@media all and (max-width: 768px) {

    .gs_tabs_list {
        flex-direction: column !important;
        width: 200px !important;
    }

}

.gs_tabs_list .gs_tab {
    background-color: var(--wp--preset--color--custom-color-1) !important;
    font-size: 14px !important;
    height: 33px;
}

.gs_tabs_list .gs_tab.active, 
.gs_tabs_list .gs_tab:hover {
    background-color: #ddd !important;
    color: #000 !important;
}

/* Carousels */

.swiper-button-next,
.swiper-button-prev {
    box-shadow: none !important;
}

/* WooCommerce */

.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button {
    margin-bottom: 0px !important;
}