/* Make all labels darker */
.form-label {
    color: #1a1a1a !important;
    font-weight: 500;
}

/* Make card titles darker */
.card-title {
    color: #1a1a1a !important;
}

/* Make small text darker (but not too dark) */
small.text-muted {
    color: #4a5568 !important;
}

/* Make placeholder text darker */
.form-control::placeholder,
.form-control::-webkit-input-placeholder {
    color: #6b7280 !important;
    opacity: 1;
}

/* Make input text darker */
.form-control, .form-select, textarea.form-control {
    color: #1a1a1a !important;
}

/* Make table text darker */
.table {
    color: #1a1a1a !important;
}

/* Make badge text more visible */
.badge {
    font-weight: 500;
}

/* Make breadcrumb darker */
.breadcrumb-item, .breadcrumb-item a {
    color: #4a5568 !important;
}

/* Make general text-muted darker */
.text-muted {
    color: #4a5568 !important;
}

/* Featured image label */
label.text-muted {
    color: #6b7280 !important;
}

/* Button text */
.btn {
    font-weight: 500;
}

/* Custom additions for Blog Page */
/* Visibility Radio Customization */
.visibility-radio-group .form-check {
    margin-bottom: 0.75rem;
}

/* Image Upload Area */
.image-upload-area {
    border: 1px dashed #babfc3;
    border-radius: 4px;
    padding: 2rem;
    text-align: center;
    cursor: pointer;
    transition: background 0.2s;
}
.image-upload-area:hover {
    background-color: #f6f6f7;
}
.image-upload-area img {
    max-width: 100%;
    max-height: 200px;
    object-fit: contain;
}

/* SEO Preview Box */
.seo-preview-box {
    border-top: 1px solid #e1e3e5;
    padding-top: 1rem;
    margin-top: 1rem;
}
.seo-title-preview {
    color: #1a0dab;
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 2px;
    cursor: pointer;
}
.seo-title-preview:hover {
    text-decoration: underline;
}
.seo-url-preview {
    color: #006621;
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 2px;
}
.seo-desc-preview {
    color: #545454;
    font-size: 13px;
    line-height: 1.4;
}

