/* Custom CSS to reduce vertical spacing between dropdowns in Shoptet */

/* Reduce spacing between surcharge list items */
.p-variants-block .surcharge-list {
    margin-bottom: 15px !important; /* Reduced from default spacing */
    padding-bottom: 0 !important;
}

/* Remove extra spacing from the main container */
.p-variants-block {
    padding: 10px 0 !important;
}

/* Compact the select elements */
.surcharge-parameter {
    margin-bottom: 8px !important;
    margin-top: 5px !important;
}

/* Reduce spacing in color selection container */
.color-selection-container {
    margin-top: 8px !important;
    margin-bottom: 0 !important;
}

/* Compact color buttons container */
.color-buttons {
    margin-top: 10px !important;
    gap: 8px !important; /* Reduce space between color buttons */
}

/* Reduce padding in color buttons */
.color-button {
    padding: 8px 12px !important; /* Reduced from default */
}

/* Compact surcharge labels */
.surcharge-label {
    margin-bottom: 5px !important;
    display: block;
    line-height: 1.3 !important;
}

/* Remove any extra margins from tooltips */
.question-tooltip {
    margin-left: 5px !important;
}

/* Ensure consistent spacing for all parameter types */
.surcharge-list:last-child {
    margin-bottom: 0 !important;
}

/* Optional: Make the dropdowns slightly smaller height */
.surcharge-parameter select {
    padding: 6px 8px !important;
    line-height: 1.3 !important;
}