#saa-metabox-container {
    margin-top: 10px;
}

.saa-product-row {
    border: 1px solid #ddd;
    padding: 15px;
    margin-bottom: 25px;
    background: #fafafa;
    border-radius: 4px;
    position: relative;
}

.saa-product-row h4 {
    margin-top: 0;
    margin-bottom: 15px;
}

/* Field rows */
.saa-field-row {
    display: flex;
    align-items: flex-start;
    margin: 10px 0;
}

.saa-label {
    flex: 0 0 150px;
    font-weight: bold;
    margin-right: 12px;
}

.saa-field {
    flex: 1;
}

.saa-field input[type="text"],
.saa-field textarea {
    width: 100%;
    max-width: 500px;
}

/* Manual fields (no indentation) */
.saa-manual-fields {
    margin-top: 15px;
    border-left: none;
    padding-left: 0;
}

/* Price field */
.price-field {
    display: flex;
    align-items: center;
    gap: 8px;
}

.price-field input[type="text"] {
    max-width: 200px !important; /* half width */
    width: 50% !important;
    box-sizing: border-box;
}

.price-field .tooltip {
    font-size: 12px;
    color: #555;
}

/* Image URL field narrower so Upload button fits inline */
.saa-field input[type="text"].image-url {
    max-width: 200px !important;
    width: 50% !important;
    box-sizing: border-box;
}

/* Shortcode box */
.saa-shortcode-box {
    background: #f0f0f0;
    color: #000;
    padding: 10px;
    border-radius: 4px;
    margin-top: 5px;
    margin-bottom: 8px;
    display: inline-block; /* shrink to content width */
    text-align: left;
}

.saa-shortcode-box p {
    font-size: 12px;
    margin: 0 0 6px;
    color: #333;
    max-width: 320px;
}

.saa-shortcode-line {
    display: flex;
    align-items: center;
    gap: 8px;
}

.saa-shortcode-line code {
    background: #e0e0e0;
    padding: 4px 8px;
    border-radius: 3px;
    color: #000;
    font-size: 13px;
}

/* Remove button */
.saa-remove-product {
    margin: 8px 0 0;
    color: #a00;
}

.saa-remove-product:hover {
    color: #d00;
}

/* Instruction above Add Product button */
.saa-instruction {
    font-size: 13px;
    color: #555;
    margin: 0 0 8px;
}

/* Gap below Add Product button */
#saa-metabox-container .saa-add-product {
    display: inline-block;   /* make sure margin applies */
    margin-bottom: 15px !important;
}

/* Product headings bigger + bold */
.saa-product-row h4 {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 600;
}
