/**
 * Geek Product Attributes Display - Styles
 * Ensures product attribute labels are visible and properly styled
 *
 * @package Geek_Product_Attributes_Display
 * @since 1.0.0
 */

/* ============================================
   PRODUCT VARIATIONS TABLE
   ============================================ */

/* Ensure variations table is visible */
.variations_form.cart .variations,
.geek-attr-enhanced .variations {
    display: table;
    width: 100%;
    margin-bottom: 1.5rem;
    border-collapse: separate;
    border-spacing: 0;
}

/* Table rows */
.variations_form.cart .variations tr,
.geek-attr-enhanced .variations tr {
    display: table-row;
    margin-bottom: 1rem;
}

/* Attribute label (e.g., "Color:", "Flavor:") */
.variations_form.cart .variations .label,
.geek-attr-enhanced .variations .label {
    display: table-cell !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 120px;
    padding: 0.75rem 1rem 0.75rem 0;
    font-size: 0.875rem;
    font-weight: 700;
    text-transform: capitalize;
    color: #333;
    vertical-align: middle;
    text-align: left;
}

/* Hide the label tag but show its content */
.variations_form.cart .variations .label label,
.geek-attr-enhanced .variations .label label {
    display: inline-block;
    margin: 0;
    padding: 0;
    font-weight: 700;
    color: #333;
}

/* Attribute value (dropdown or buttons) */
.variations_form.cart .variations .value,
.geek-attr-enhanced .variations .value {
    display: table-cell !important;
    visibility: visible !important;
    opacity: 1 !important;
    padding: 0.5rem 0;
    vertical-align: middle;
}

/* Dropdown select styling */
.variations_form.cart .variations select,
.geek-attr-enhanced .variations select {
    width: 100%;
    max-width: 100%;
    padding: 0.75rem 1rem;
    font-size: 0.875rem;
    border: 1px solid #d0d0d0;
    border-radius: 6px;
    background-color: #ffffff;
    color: #333;
    transition: border-color 0.2s ease;
}

.variations_form.cart .variations select:hover,
.geek-attr-enhanced .variations select:hover {
    border-color: #666;
}

.variations_form.cart .variations select:focus,
.geek-attr-enhanced .variations select:focus {
    outline: none;
    border-color: #000;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}

/* ============================================
   VARIATION SWATCHES SUPPORT
   (If using color/image swatches plugins)
   ============================================ */

/* Ensure swatch labels are visible */
.variations_form.cart .variations .swatch-label,
.geek-attr-enhanced .variations .swatch-label {
    display: block;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
    font-weight: 700;
    color: #333;
}

/* Color swatches container */
.variations_form.cart .variations .tawcvs-swatches,
.geek-attr-enhanced .variations .tawcvs-swatches {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

/* ============================================
   RESET VARIATIONS LINK
   ============================================ */

.variations_form.cart .reset_variations,
.geek-attr-enhanced .reset_variations {
    margin-top: 0.5rem;
    font-size: 0.8125rem;
    color: #666;
    text-decoration: underline;
    transition: color 0.2s ease;
}

.variations_form.cart .reset_variations:hover,
.geek-attr-enhanced .reset_variations:hover {
    color: #000;
}

/* ============================================
   RESPONSIVE DESIGN
   ============================================ */

@media (max-width: 750px) {
    /* Stack label and value on mobile */
    .variations_form.cart .variations .label,
    .geek-attr-enhanced .variations .label {
        width: auto;
        display: block;
        padding: 0.5rem 0 0.25rem 0;
    }

    .variations_form.cart .variations .value,
    .geek-attr-enhanced .variations .value {
        display: block;
        padding: 0 0 0.75rem 0;
    }

    .variations_form.cart .variations tr,
    .geek-attr-enhanced .variations tr {
        display: block;
        margin-bottom: 0.5rem;
    }
}

/* ============================================
   COMPATIBILITY FIXES
   ============================================ */

/* Override any theme CSS that might hide labels */
body.single-product .variations_form.cart .variations .label,
body.single-product .geek-attr-enhanced .variations .label {
    display: table-cell !important;
}

/* Ensure label text is visible */
body.single-product .variations_form.cart .variations .label *,
body.single-product .geek-attr-enhanced .variations .label * {
    visibility: visible !important;
    opacity: 1 !important;
}

/* Remove any negative margins that might hide labels */
.variations_form.cart .variations .label,
.geek-attr-enhanced .variations .label {
    margin: 0 !important;
}