/**
 * Llamabyte Site Plugin CSS
 *
 * @package Llamabyte_Site
 */

/* Main plugin styles */
.llamabyte-plugin {
    /* Add your styles here */
}

/* Colour swatches for WooCommerce products */
.llamabyte-swatches {
    display: flex;
    gap: 6px;
    margin-top: 8px;
}

.llamabyte-swatch {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #ccc;
    box-sizing: border-box;
    display: inline-block;
}

/* Individual colour swatch styles */
.llamabyte-swatch-sand {
    background-color: #e6d4b8;
}

.llamabyte-swatch-maroon {
    background-color: #800020;
}

.llamabyte-swatch-dark-chocolate {
    background-color: #3e2723;
}

.llamabyte-swatch-forest-green {
    background-color: #228b22;
}

.llamabyte-swatch-navy {
    background-color: #000080;
}

.llamabyte-swatch-bay {
    background-color: #8f9b7a;
}

.llamabyte-swatch-black {
    background-color: #111111;
}

.llamabyte-swatch-blossom {
    background-color: #e8b7bd;
}

.llamabyte-swatch-blue-jean {
    background-color: #6f879d;
}

.llamabyte-swatch-chambray {
    background-color: #9eb6c4;
}

.llamabyte-swatch-charcoal {
    background-color: #4a4a4a;
}

.llamabyte-swatch-ivory {
    background-color: #f4f0df;
}

.llamabyte-swatch-military-green {
    background-color: #596348;
}

.llamabyte-swatch-pepper {
    background-color: #555451;
}

.llamabyte-swatch-purple {
    background-color: #5b3a70;
}

.llamabyte-swatch-seafoam {
    background-color: #a8c9bc;
}

.llamabyte-swatch-true-navy {
    background-color: #18233d;
}

.llamabyte-swatch-white {
    background-color: #ffffff;
}

/* Selected swatch styling */
.llamabyte-swatch-selected {
    outline: 2px solid #333;
    outline-offset: 2px;
}