/**
 * Round Corners Images Plugin Styles
 * Version: 1.0.0
 */

/* Base styles for image containers */
.rci-container {
    overflow: hidden;
    display: inline-block;
}

/* Ensure images fit properly within rounded containers */
.rci-image {
    display: block;
    max-width: 100%;
    height: auto;
}

/* Admin page styles */
.wrap h1 {
    margin-bottom: 20px;
}

.wrap .card {
    padding: 15px;
    background: #fff;
    border: 1px solid #ccd0d4;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0,0,0,.04);
}

.wrap .card h2 {
    margin-top: 0;
}

.wrap .card h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

/* Form field spacing */
.form-table th {
    padding: 20px 10px 20px 0;
    vertical-align: top;
}

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

/* Checkbox styling */
input[type="checkbox"] {
    margin-right: 8px;
}

/* Description text styling */
.description {
    font-style: italic;
    color: #666;
    margin-top: 5px !important;
}

/* Responsive adjustments */
@media (max-width: 782px) {
    .form-table th,
    .form-table td {
        display: block;
        width: auto;
        padding: 10px 0;
    }
    
    .form-table th {
        padding-bottom: 5px;
    }
}