/* Device Responsive Sliders Styles */

.drs-slider-container {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.drs-slider {
    width: 100%;
    display: none; /* Hidden by default, shown via JavaScript */
}

.drs-slider.active {
    display: block;
}

/* Mobile slider styles */
.drs-mobile-slider {
    /* Mobile-specific styles if needed */
}

/* Tablet slider styles */
.drs-tablet-slider {
    /* Tablet-specific styles if needed */
}

/* Desktop slider styles */
.drs-desktop-slider {
    /* Desktop-specific styles if needed */
}

/* Debug styles removed for production use */

/* Admin styles */
.drs-usage-section {
    margin-top: 30px;
    padding: 20px;
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.drs-usage-section h2 {
    margin-top: 0;
    color: #23282d;
}

.drs-usage-section h3 {
    color: #0073aa;
    margin-top: 20px;
    margin-bottom: 10px;
}

.drs-usage-section code {
    background: #fff;
    padding: 5px 10px;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-family: monospace;
    color: #0073aa;
}

.drs-usage-section p {
    margin-bottom: 15px;
    line-height: 1.5;
}

/* Settings page styles */
.form-table th {
    width: 200px;
}

.form-table td {
    padding: 15px 10px;
}

.form-table input[type="number"] {
    width: 100px;
}

.form-table select {
    min-width: 200px;
}

/* Description text */
.form-table .description {
    color: #666;
    font-style: italic;
    margin-top: 5px;
    display: block;
}