/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
body, p, span, div, a, input, button, select, textarea, li,
.nav > li > a, .header-main, .header-top, .header-bottom {
    font-family: 'DM Sans', sans-serif !important;
}
h1, h2, h3, h4, h5, h6,
.entry-title, .product-title, .woocommerce-loop-product__title,
.heading-font {
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 600;
    letter-spacing: -0.02em;
}




@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
/* ── Variation Swatches: Renk (color) ── */
.gwvs-swatches .gwvs-swatch-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 4px 4px 4px 0;
    cursor: pointer;
}
.gwvs-swatches .gwvs-swatch-item .gwvs-swatch-color {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 2px solid #e0e0e0;
    flex-shrink: 0;
    transition: border-color .15s;
}
.gwvs-swatches .gwvs-swatch-item.selected .gwvs-swatch-color,
.gwvs-swatches .gwvs-swatch-item:hover .gwvs-swatch-color {
    border-color: #333;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #333;
}
.gwvs-swatches .gwvs-swatch-item .gwvs-swatch-label {
    font-size: 13px;
    color: #444;
    line-height: 1;
}
.gwvs-swatches .gwvs-swatch-item.selected .gwvs-swatch-label {
    font-weight: 600;
    color: #111;
}
.gwvs-swatches .gwvs-swatch-item.disabled { opacity: .35; cursor: not-allowed; }

/* ── Variation Swatches: Beden (button) ── */
.gwvs-swatches .gwvs-swatch-button {
    display: inline-block;
    min-width: 42px;
    padding: 7px 12px;
    margin: 4px 4px 4px 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 13px;
    text-align: center;
    cursor: pointer;
    background: #fff;
    color: #333;
    transition: background .15s, border-color .15s, color .15s;
}
.gwvs-swatches .gwvs-swatch-button:hover { border-color: #333; background: #f5f5f5; }
.gwvs-swatches .gwvs-swatch-button.selected {
    background: #111;
    border-color: #111;
    color: #fff;
    font-weight: 600;
}
.gwvs-swatches .gwvs-swatch-button.disabled { opacity: .35; cursor: not-allowed; text-decoration: line-through; }

/* ── Genel ── */
.variations select { display: none !important; }
.gwvs-swatches-container { margin-bottom: 8px; }