/**
 * Theme Name: Rey Child
 * Theme URI: http://reytheme.com/
 * Description: This is a child theme of Rey.
 * Author: Marius H.
 * Author URI:  https://twitter.com/mariushoria
 * Template: rey
 * Version: 1.0.0
 * License: General Public License
 * License URI: http://www.gnu.org/licenses/gpl.html
 * Text Domain: rey-child
 */

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.rey-swatchList .rey-swatchList-item--regular {
    background-color: transparent;
}

/* Product Attribute Badges (Effects, Mood, etc.) */
.product-attributes {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 10px;
    margin: 12px 0;
    flex-wrap: wrap;
}

.product-attributes__label {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
}

.product-attributes__list {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.product-attributes__item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 20px;
    font-size: 0.82em;
    letter-spacing: 0.03em;
    transition: border-color 0.2s ease;
}

.product-attributes__item:hover {
    border-color: rgba(255, 255, 255, 0.35);
}

.product-attributes__icon {
    width: 2rem;
    height: 2rem;
    object-fit: contain;
    flex-shrink: 0;
}

.product-attributes__name {
    white-space: nowrap;
    font-size: 14px;
}

:root {
    --inp-bgc: transparent;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    background-color: transparent;
}

/* .select2-search--dropdown, .select2-results {
    background-color: #292929;
} */

/* Product Gallery Arrows */
 .woocommerce-product-gallery .__arr-wrapper .rey-arrowSvg {
    color: rgba(19, 35, 44, 1);
    height: 1.5em;
    width: 1.5em;
}