/*

Theme Name: Ccity Hello Elementor Child

Theme URI: https://github.com/elementor/hello-theme/

Description: Hello Elementor Child is a child theme of Hello Elementor, created by CyberCity 

Author: CyberCity

Author URI: https://cybercity.co.il/

Template: hello-elementor

Version: 1.0.1

Text Domain: cybercity-hello-elementor-child

License: GNU General Public License v3 or later.

License URI: https://www.gnu.org/licenses/gpl-3.0.html

*/

/* */
@import url("../hello-elementor/style.css");

#s_btn{
    cursor: pointer;
}

#s_bar, #close_btn{
    display: none;
}


.woocommerce-product-attributes-item__label, .woocommerce-product-attributes-item__value{
    background-color: white;
    text-align: center;
    border: 1px solid black !important;
}

.variations .label, .variations .value{
    background-color: white !important;
}

.wdp-family-products {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.wdp-family-item {
    position: relative;
    display: block;
    flex: 0 0 65px;
    width: 65px;
    height: 80px;
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
}

.wdp-family-item img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

.wdp-family-item.is-active {
    border: 2px solid #000;
}

.wdp-family-item.is-active::after {
    content: "";
    position: absolute;
    z-index: 2;
    width: 140%;
    height: 2px;
    background: #222;
    left: -20%;
    top: 50%;
    transform: rotate(-45deg);
    pointer-events: none;
}