.qv-grid-container {
    display: grid;
    grid-gap: 3px;
    border: 0px solid red;
}

.qv-grid-header {
    grid-column: span 2;
    font-weight: bold;
    font-size: 13px;
    /*border: 1px solid black;
    background-color: lightblue;*/
}

.qv-grid-item {
    margin-left: 5px;
    /*border: 1px solid black;
    background-color: lightblue;*/
}

.qv-item-title {
    font-weight: bold;
}


.qv-content-icons {
    margin-left: 10px;
}

#qv-OrderFormLink:visited, #qv-OrderFormLink:link {
    font-weight: bold;
    color: blue;
}

/* ─── QuickView Panel Customisation ─── */

/* Wrapper for each panel (drag & drop target) */
.qv-panel-wrapper {
    position: relative;
    transition: opacity 0.15s ease, box-shadow 0.15s ease;
    border-radius: 3px;
}

/* Resizable content area — overflow only when a fixed height is set */
.qv-resizable-content {
    overflow: visible;
}
.qv-resizable-content.qv-has-fixed-height {
    overflow: auto;
}

/* Drag-grip icon in section header */
.qv-drag-grip {
    opacity: 0.4;
    transition: opacity 0.15s ease;
}
.qv-section-header:hover .qv-drag-grip,
.qv-panel-wrapper:hover .qv-drag-grip {
    opacity: 1;
}

/* Visual feedback while dragging */
.qv-panel-wrapper.qv-dragging {
    opacity: 0.4;
    box-shadow: none;
}

/* Visual feedback for drop target */
.qv-panel-wrapper.qv-drag-over {
    box-shadow: 0 -2px 0 0 #2196F3;
}

/* Resize handle bar at the bottom of each section */
.qv-resize-handle {
    height: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: ns-resize;
    color: #ccc;
    font-size: 8px;
    transition: color 0.15s ease, background-color 0.15s ease;
    user-select: none;
    border-bottom: 1px solid transparent;
}
.qv-resize-handle:hover {
    color: #666;
    background-color: rgba(0, 0, 0, 0.04);
    border-bottom: 1px solid #ddd;
}

/* Reset button styling */
#QuickViewManagerVMContent .fa-undo {
    transition: color 0.15s ease;
}
#QuickViewManagerVMContent .fa-undo:hover {
    color: #333 !important;
}