/* ============================================================
   WooCommerce Product Add-Ons — JAYpeg Custom Styling
   Layout is handled by pao-reposition.js (theme-agnostic).
   This file only provides styling defaults for addon fields.
   ============================================================ */

/* Repositioned container: sits above form.cart, full width */
.wc-pao-addons-container.wc-pao-repositioned {
    display: block !important;
    width: 100% !important;
    float: none !important;
    clear: both !important;
    box-sizing: border-box;
}

/* Addon fields: full width */
.wc-pao-addon-field.input-text,
.wc-pao-addon-field.wc-pao-addon-custom-textarea {
    width: 100% !important;
    box-sizing: border-box;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.wc-pao-addon-field:focus {
    outline: none;
}

/* Label */
.wc-pao-addon .wc-pao-addon-name {
    display: block;
    margin-bottom: 5px;
}

/* Required asterisk */
.wc-pao-addon em.required {
    font-style: normal;
}

/* Image swatches hover */
.wc-pao-addon-image-swatch {
    transition: outline 0.15s ease, transform 0.15s ease;
}
.wc-pao-addon-image-swatch:hover {
    transform: scale(1.04);
}

/* Subtotal */
.wc-pao-subtotal-line {
    font-weight: 600;
}

/* ============================================================
   Colours, fonts, spacing — output as inline CSS by settings
   ============================================================ */