/* ============================================
   SEO Optimizer - Complete Styles
   ============================================ */

/* ---------- Lazy Load Styles ---------- */
img.lazy {
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
    background-color: #f5f5f5;
    display: inline-block;
}

img.lazy.loaded {
    opacity: 1;
}

/* Loading spinner for lazy images */
img.lazy:not(.loaded) {
    background: #f5f5f5 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10" stroke="%23ccc" stroke-width="2" fill="none" stroke-dasharray="30 100"><animateTransform attributeName="transform" type="rotate" from="0 12 12" to="360 12 12" dur="1s" repeatCount="indefinite"/></circle></svg>') center center no-repeat;
    background-size: 30px;
}

/* Noscript fallback */
noscript img {
    opacity: 1 !important;
}

/* ---------- Performance: Minified CSS note ---------- */
/* CSS minify will remove comments and spaces */

/* ---------- Admin Settings Page Styles ---------- */
.caseop-settings-wrap {
    max-width: 1200px;
    margin: 20px auto;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.caseop-settings-header {
    padding: 20px;
    border-bottom: 1px solid #e5e5e5;
}

.caseop-settings-header h1 {
    margin: 0;
    color: #23282d;
}

.caseop-settings-content {
    padding: 20px;
}

.caseop-module {
    background: #f9f9f9;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 20px;
}

.caseop-module h3 {
    margin-top: 0;
    color: #0073aa;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .caseop-settings-content {
        padding: 15px;
    }
    
    .caseop-module {
        padding: 12px;
    }
}
/* ============================================
   SEO Optimizer - Admin Checkbox Fix
   ============================================ */

/* Fix checkbox width - auto not full width */
.seo-meta-field input[type="checkbox"] {
    width: auto !important;
    width: 16px !important;
    height: 16px !important;
    margin-right: 8px !important;
    float: none !important;
    display: inline-block !important;
}

/* Label with checkbox - keep on same line */
.seo-meta-field label {
    display: flex !important;
    align-items: center !important;
    cursor: pointer !important;
}

.seo-meta-field label input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
    margin-right: 8px !important;
}

/* For meta box in admin */
#seo_meta .inside .seo-meta-field {
    margin-bottom: 12px;
}

#seo_meta .inside .seo-meta-field label {
    display: block;
    margin-bottom: 5px;
}

#seo_meta .inside .seo-meta-field input[type="checkbox"] {
    width: auto !important;
    display: inline-block !important;
    margin-right: 5px !important;
}