/**
 * Classic Editor Enhancements CSS
 * تحسينات المحرر التقليدي - تنسيق المحرر والواجهة الأمامية
 * @package Lahzat_News
 * @version 2.0
 */

/* ===== تم حذف تنسيق عنوان المقال الرئيسي ===== */
/* العنوان الرئيسي سيظهر بالتنسيق الطبيعي للقالب */

/* ===== تنسيق المحرر التقليدي ===== */
.mce-content-body {
    font-family: 'Cairo', 'Tajawal', Arial, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.8 !important;
    direction: rtl !important;
    text-align: right !important;
    color: #333 !important;
    background: #fff !important;
    padding: 20px !important;
    max-width: 800px !important;
    margin: 0 auto !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
}

/* ===== إعادة تعيين أزرار المحرر للشكل الطبيعي ===== */
.mce-toolbar,
.mce-panel,
.mce-menu {
    font-size: 12px !important;
}

.mce-toolbar button,
.mce-toolbar .mce-btn,
.mce-panel button,
.mce-panel .mce-btn,
.mce-menu button,
.mce-menu .mce-btn {
    font-size: 12px !important;
    font-weight: normal !important;
    margin: 1px !important;
    padding: 3px 6px !important;
    background: #f5f5f5 !important;
    border: 1px solid #ccc !important;
    border-radius: 2px !important;
    box-shadow: none !important;
    color: #333 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    height: 24px !important;
    min-height: 24px !important;
    width: auto !important;
    min-width: auto !important;
    max-width: none !important;
}

.mce-toolbar button:hover,
.mce-toolbar .mce-btn:hover,
.mce-panel button:hover,
.mce-panel .mce-btn:hover {
    background: #e0e0e0 !important;
    border-color: #999 !important;
}

/* تنسيق العناوين في المحرر - فقط داخل منطقة المحتوى */
.mce-content-body h1,
.mce-content-body h2,
.mce-content-body h3,
.mce-content-body h4,
.mce-content-body h5,
.mce-content-body h6 {
    font-weight: 700 !important;
    margin: 20px 0 15px 0 !important;
    color: #1a1a1a !important;
    line-height: 1.4 !important;
    text-align: right !important;
}

.mce-content-body h1 { 
    font-size: 32px !important; 
    border-bottom: 3px solid #00A859 !important;
    padding-bottom: 10px !important;
    position: relative !important;
}

.mce-content-body h1::after {
    content: '' !important;
    position: absolute !important;
    bottom: -3px !important;
    right: 0 !important;
    width: 40% !important;
    height: 3px !important;
    background: rgba(0, 168, 89, 0.3) !important;
}

.mce-content-body h2 { 
    font-size: 28px !important; 
    border-bottom: 2px solid #00A859 !important;
    padding-bottom: 8px !important;
    position: relative !important;
    color: #1a1a1a !important;
}

.mce-content-body h2::after {
    content: '' !important;
    position: absolute !important;
    bottom: -2px !important;
    right: 0 !important;
    width: 30% !important;
    height: 2px !important;
    background: rgba(0, 168, 89, 0.3) !important;
}

.mce-content-body h3 { 
    font-size: 24px !important; 
    color: #00A859 !important;
    position: relative !important;
    padding-right: 15px !important;
}

.mce-content-body h3::before {
    content: '▶' !important;
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #00A859 !important;
    font-size: 16px !important;
}

.mce-content-body h4 { 
    font-size: 20px !important; 
    color: #00A859 !important;
    position: relative !important;
    padding-right: 20px !important;
    border-right: 3px solid #00A859 !important;
    padding-right: 15px !important;
}

/* تنسيق الفقرات */
.mce-content-body p {
    margin: 0 0 15px 0 !important;
    line-height: 1.8 !important;
    text-align: right !important;
}

/* تنسيق القوائم */
.mce-content-body ul,
.mce-content-body ol {
    margin: 15px 0 !important;
    padding-right: 30px !important;
    text-align: right !important;
}

.mce-content-body li {
    margin: 8px 0 !important;
    text-align: right !important;
}

/* تنسيق الروابط */
.mce-content-body a {
    color: #00A859 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
}

.mce-content-body a:hover {
    text-decoration: underline !important;
    color: #00c46e !important;
}

/* تنسيق الصور */
.mce-content-body img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 8px !important;
    box-shadow: 0 3px 15px rgba(0,0,0,0.1) !important;
    margin: 15px 0 !important;
    display: block !important;
}

/* تنسيق الجداول */
.mce-content-body table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 20px 0 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 3px 15px rgba(0,0,0,0.1) !important;
}

.mce-content-body th,
.mce-content-body td {
    padding: 12px 15px !important;
    text-align: right !important;
    border: 1px solid #e0e0e0 !important;
}

.mce-content-body th {
    background: #f8f9fa !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
}

.mce-content-body tr:nth-child(even) {
    background: #f8f9fa !important;
}

/* تنسيق التنبيهات في المحرر */
.mce-content-body .nl7za-alert {
    padding: 18px !important;
    border-radius: 8px !important;
    margin: 20px 0 !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    border: none !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
    position: relative !important;
}

.mce-content-body .nl7za-alert::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 4px !important;
    height: 100% !important;
    border-radius: 0 8px 8px 0 !important;
}

.mce-content-body .nl7za-alert .alert-icon {
    font-size: 24px !important;
    flex-shrink: 0 !important;
    margin-left: 10px !important;
}

.mce-content-body .nl7za-alert-info {
    background: #e7f3ff !important;
    color: #004085 !important;
}

.mce-content-body .nl7za-alert-info::before {
    background: #0073aa !important;
}

.mce-content-body .nl7za-alert-success {
    background: #d4edda !important;
    color: #155724 !important;
}

.mce-content-body .nl7za-alert-success::before {
    background: #28a745 !important;
}

.mce-content-body .nl7za-alert-warning {
    background: #fff3cd !important;
    color: #856404 !important;
}

.mce-content-body .nl7za-alert-warning::before {
    background: #ffc107 !important;
}

.mce-content-body .nl7za-alert-danger {
    background: #f8d7da !important;
    color: #721c24 !important;
}

.mce-content-body .nl7za-alert-danger::before {
    background: #dc3545 !important;
}

.mce-content-body .nl7za-alert-tip {
    background: #f0f8ff !important;
    color: #003d82 !important;
}

.mce-content-body .nl7za-alert-tip::before {
    background: #00A859 !important;
}

/* تنسيق الاقتباسات */
.mce-content-body blockquote {
    border-right: 4px solid #00A859 !important;
    background: #f8f9fa !important;
    padding: 20px !important;
    margin: 20px 0 !important;
    border-radius: 0 8px 8px 0 !important;
    font-style: italic !important;
    color: #555 !important;
    text-align: right !important;
    position: relative !important;
}

.mce-content-body blockquote::before {
    content: '"' !important;
    font-size: 60px !important;
    color: #00A859 !important;
    position: absolute !important;
    top: -10px !important;
    right: 20px !important;
    font-family: serif !important;
}

/* تنسيق صندوق الاقتباس المخصص */
.mce-content-body blockquote.nl7za-quote-box {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
    border-right: 4px solid #00A859 !important;
    border-radius: 0 12px 12px 0 !important;
    padding: 25px !important;
    margin: 25px 0 !important;
    position: relative !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important;
    text-align: right !important;
    border: none !important;
    border-left: none !important;
    border-top: none !important;
    border-bottom: none !important;
}

.mce-content-body blockquote.nl7za-quote-box::before {
    content: '"' !important;
    font-size: 80px !important;
    color: #00A859 !important;
    position: absolute !important;
    top: -15px !important;
    right: 25px !important;
    font-family: serif !important;
    opacity: 0.3 !important;
    line-height: 1 !important;
}

.mce-content-body blockquote.nl7za-quote-box .quote-content {
    font-size: 18px !important;
    font-style: italic !important;
    color: #333 !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    position: relative !important;
    z-index: 2 !important;
}

.mce-content-body blockquote.nl7za-quote-box .quote-author {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #00A859 !important;
    text-align: left !important;
    margin-top: 10px !important;
    position: relative !important;
    z-index: 2 !important;
}

/* تنسيق الكود */
.mce-content-body code {
    background: #f1f3f4 !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
    font-family: 'Courier New', monospace !important;
    font-size: 14px !important;
    color: #d63384 !important;
    direction: ltr !important;
    text-align: left !important;
}

.mce-content-body pre {
    background: #f8f9fa !important;
    padding: 20px !important;
    border-radius: 8px !important;
    overflow-x: auto !important;
    margin: 20px 0 !important;
    border: 1px solid #e9ecef !important;
    direction: ltr !important;
    text-align: left !important;
}

.mce-content-body pre code {
    background: none !important;
    padding: 0 !important;
    color: #333 !important;
}

/* تنسيق الأزرار */
.mce-content-body .btn {
    display: inline-block !important;
    padding: 12px 30px !important;
    background: #00A859 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 5px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    margin: 10px 5px !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    text-align: center !important;
}

.mce-content-body .btn:hover {
    background: #00c46e !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2) !important;
    color: #fff !important;
}

.mce-content-body .btn-secondary {
    background: #6c757d !important;
}

.mce-content-body .btn-secondary:hover {
    background: #5a6268 !important;
}

/* تنسيق البطاقات */
.mce-content-body .card {
    background: #fff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 8px !important;
    padding: 20px !important;
    margin: 20px 0 !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
    position: relative !important;
}

.mce-content-body .card::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 4px !important;
    background: linear-gradient(90deg, #00A859, #00c46e) !important;
    border-radius: 8px 8px 0 0 !important;
}

.mce-content-body .card-header {
    font-weight: 700 !important;
    font-size: 18px !important;
    margin-bottom: 15px !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid #00A859 !important;
    color: #1a1a1a !important;
    text-align: right !important;
}

/* تنسيق التمييز */
.mce-content-body .highlight {
    background: #fff3cd !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
    color: #856404 !important;
    font-weight: 600 !important;
}

/* تنسيق النص المهم */
.mce-content-body .important {
    background: #f8d7da !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
    color: #721c24 !important;
    font-weight: 700 !important;
}

/* تنسيق النص المميز */
.mce-content-body .featured {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: #fff !important;
    padding: 15px 20px !important;
    border-radius: 8px !important;
    margin: 20px 0 !important;
    text-align: center !important;
    font-weight: 600 !important;
    position: relative !important;
    overflow: hidden !important;
}

.mce-content-body .featured::before {
    content: '' !important;
    position: absolute !important;
    top: -50% !important;
    right: -50% !important;
    width: 200% !important;
    height: 200% !important;
    background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%) !important;
    animation: shimmer 3s ease-in-out infinite !important;
}

@keyframes shimmer {
    0%, 100% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }
    50% { transform: translateX(100%) translateY(100%) rotate(45deg); }
}

/* ===== تم حذف تنسيق العناوين في الواجهة الأمامية ===== */
/* العناوين في المقالات والأقسام ستظهر بالتنسيق الطبيعي للقالب */

/* ===== تنسيق التقويم والمؤقت ===== */
.mce-content-body .nl7za-calendar-widget {
    background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%) !important;
    border: 2px solid #2196f3 !important;
    border-radius: 12px !important;
    padding: 20px !important;
    margin: 20px 0 !important;
    text-align: center !important;
    box-shadow: 0 4px 15px rgba(33, 150, 243, 0.2) !important;
    position: relative !important;
    overflow: hidden !important;
}

.mce-content-body .nl7za-calendar-widget::before {
    content: '' !important;
    position: absolute !important;
    top: -50% !important;
    right: -50% !important;
    width: 200% !important;
    height: 200% !important;
    background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%) !important;
    animation: shimmer 3s ease-in-out infinite !important;
}

.mce-content-body .calendar-header {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    margin-bottom: 15px !important;
}

.mce-content-body .calendar-icon {
    font-size: 24px !important;
}

.mce-content-body .calendar-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #1976d2 !important;
}

.mce-content-body .calendar-date {
    font-size: 24px !important;
    font-weight: 800 !important;
    color: #0d47a1 !important;
    margin-bottom: 10px !important;
    background: rgba(255,255,255,0.3) !important;
    padding: 10px 20px !important;
    border-radius: 8px !important;
    display: inline-block !important;
}

.mce-content-body .calendar-description {
    font-size: 14px !important;
    color: #1565c0 !important;
    line-height: 1.6 !important;
}

.mce-content-body .nl7za-countdown-widget {
    background: linear-gradient(135deg, #fff3e0 0%, #ffcc02 100%) !important;
    border: 2px solid #ff9800 !important;
    border-radius: 12px !important;
    padding: 20px !important;
    margin: 20px 0 !important;
    text-align: center !important;
    box-shadow: 0 4px 15px rgba(255, 152, 0, 0.2) !important;
    position: relative !important;
    overflow: hidden !important;
}

.mce-content-body .nl7za-countdown-widget::before {
    content: '' !important;
    position: absolute !important;
    top: -50% !important;
    right: -50% !important;
    width: 200% !important;
    height: 200% !important;
    background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%) !important;
    animation: shimmer 3s ease-in-out infinite !important;
}

.mce-content-body .countdown-header {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    margin-bottom: 20px !important;
}

.mce-content-body .countdown-icon {
    font-size: 24px !important;
}

.mce-content-body .countdown-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #e65100 !important;
}

.mce-content-body .countdown-timer {
    display: flex !important;
    justify-content: center !important;
    gap: 15px !important;
    margin-bottom: 15px !important;
    flex-wrap: wrap !important;
}

.mce-content-body .countdown-item {
    background: rgba(255,255,255,0.3) !important;
    border-radius: 8px !important;
    padding: 10px 15px !important;
    min-width: 60px !important;
    text-align: center !important;
}

.mce-content-body .countdown-number {
    display: block !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    color: #d84315 !important;
    line-height: 1 !important;
}

.mce-content-body .countdown-label {
    display: block !important;
    font-size: 12px !important;
    color: #bf360c !important;
    font-weight: 600 !important;
    margin-top: 5px !important;
}

.mce-content-body .countdown-description {
    font-size: 14px !important;
    color: #e65100 !important;
    line-height: 1.6 !important;
}

/* ===== تنسيق الواجهة الأمامية ===== */
.entry-content .nl7za-alert,
.post-content .nl7za-alert {
    padding: 18px !important;
    border-radius: 8px !important;
    margin: 20px 0 !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    border: none !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
    position: relative !important;
    animation: fadeInUp 0.5s ease-out !important;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.entry-content .nl7za-alert::before,
.post-content .nl7za-alert::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 4px !important;
    height: 100% !important;
    border-radius: 0 8px 8px 0 !important;
}

.entry-content .nl7za-alert .alert-icon,
.post-content .nl7za-alert .alert-icon {
    font-size: 24px !important;
    flex-shrink: 0 !important;
    margin-left: 10px !important;
}

.entry-content .nl7za-alert-info,
.post-content .nl7za-alert-info {
    background: #e7f3ff !important;
    color: #004085 !important;
}

.entry-content .nl7za-alert-info::before,
.post-content .nl7za-alert-info::before {
    background: #0073aa !important;
}

.entry-content .nl7za-alert-success,
.post-content .nl7za-alert-success {
    background: #d4edda !important;
    color: #155724 !important;
}

.entry-content .nl7za-alert-success::before,
.post-content .nl7za-alert-success::before {
    background: #28a745 !important;
}

.entry-content .nl7za-alert-warning,
.post-content .nl7za-alert-warning {
    background: #fff3cd !important;
    color: #856404 !important;
}

.entry-content .nl7za-alert-warning::before,
.post-content .nl7za-alert-warning::before {
    background: #ffc107 !important;
}

.entry-content .nl7za-alert-danger,
.post-content .nl7za-alert-danger {
    background: #f8d7da !important;
    color: #721c24 !important;
}

.entry-content .nl7za-alert-danger::before,
.post-content .nl7za-alert-danger::before {
    background: #dc3545 !important;
}

.entry-content .nl7za-alert-tip,
.post-content .nl7za-alert-tip {
    background: #f0f8ff !important;
    color: #003d82 !important;
}

.entry-content .nl7za-alert-tip::before,
.post-content .nl7za-alert-tip::before {
    background: #00A859 !important;
}

/* تنسيق البطاقات في الواجهة الأمامية */
.entry-content .card,
.post-content .card {
    background: #fff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 8px !important;
    padding: 20px !important;
    margin: 20px 0 !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
    position: relative !important;
    animation: fadeInUp 0.5s ease-out !important;
}

.entry-content .card::before,
.post-content .card::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 4px !important;
    background: linear-gradient(90deg, #00A859, #00c46e) !important;
    border-radius: 8px 8px 0 0 !important;
}

.entry-content .card-header,
.post-content .card-header {
    font-weight: 700 !important;
    font-size: 18px !important;
    margin-bottom: 15px !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid #00A859 !important;
    color: #1a1a1a !important;
    text-align: right !important;
}

/* تنسيق الأزرار في الواجهة الأمامية */
.entry-content .btn,
.post-content .btn {
    display: inline-block !important;
    padding: 12px 30px !important;
    background: #00A859 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 5px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    margin: 10px 5px !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    text-align: center !important;
    animation: fadeInUp 0.5s ease-out !important;
}

.entry-content .btn:hover,
.post-content .btn:hover {
    background: #00c46e !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2) !important;
    color: #fff !important;
}

.entry-content .btn-secondary,
.post-content .btn-secondary {
    background: #6c757d !important;
}

.entry-content .btn-secondary:hover,
.post-content .btn-secondary:hover {
    background: #5a6268 !important;
}

/* تنسيق التمييز في الواجهة الأمامية */
.entry-content .highlight,
.post-content .highlight {
    background: #fff3cd !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
    color: #856404 !important;
    font-weight: 600 !important;
}

.entry-content .important,
.post-content .important {
    background: #f8d7da !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
    color: #721c24 !important;
    font-weight: 700 !important;
}

.entry-content .featured,
.post-content .featured {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: #fff !important;
    padding: 15px 20px !important;
    border-radius: 8px !important;
    margin: 20px 0 !important;
    text-align: center !important;
    font-weight: 600 !important;
    position: relative !important;
    overflow: hidden !important;
    animation: fadeInUp 0.5s ease-out !important;
}

.entry-content .featured::before,
.post-content .featured::before {
    content: '' !important;
    position: absolute !important;
    top: -50% !important;
    right: -50% !important;
    width: 200% !important;
    height: 200% !important;
    background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%) !important;
    animation: shimmer 3s ease-in-out infinite !important;
}

/* تنسيق صندوق الاقتباس في الواجهة الأمامية */
.entry-content blockquote.nl7za-quote-box,
.post-content blockquote.nl7za-quote-box {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
    border-right: 4px solid #00A859 !important;
    border-radius: 0 12px 12px 0 !important;
    padding: 25px !important;
    margin: 25px 0 !important;
    position: relative !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important;
    text-align: right !important;
    animation: fadeInUp 0.5s ease-out !important;
    border: none !important;
    border-left: none !important;
    border-top: none !important;
    border-bottom: none !important;
}

.entry-content blockquote.nl7za-quote-box::before,
.post-content blockquote.nl7za-quote-box::before {
    content: '"' !important;
    font-size: 80px !important;
    color: #00A859 !important;
    position: absolute !important;
    top: -15px !important;
    right: 25px !important;
    font-family: serif !important;
    opacity: 0.3 !important;
    line-height: 1 !important;
}

.entry-content blockquote.nl7za-quote-box .quote-content,
.post-content blockquote.nl7za-quote-box .quote-content {
    font-size: 18px !important;
    font-style: italic !important;
    color: #333 !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    position: relative !important;
    z-index: 2 !important;
}

.entry-content blockquote.nl7za-quote-box .quote-author,
.post-content blockquote.nl7za-quote-box .quote-author {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #00A859 !important;
    text-align: left !important;
    margin-top: 10px !important;
    position: relative !important;
    z-index: 2 !important;
}

/* ===== تنسيق شريط أدوات المحرر ===== */
.mce-toolbar .mce-btn {
    border-radius: 4px !important;
    margin: 2px !important;
}

.mce-toolbar .mce-btn:hover {
    background: #00A859 !important;
    color: #fff !important;
}

.mce-toolbar .mce-btn.mce-active {
    background: #00A859 !important;
    color: #fff !important;
}

/* تنسيق أزرار التنبيهات */
.mce-toolbar .mce-btn[aria-label*="معلومة"],
.mce-toolbar .mce-btn[aria-label*="تحذير"],
.mce-toolbar .mce-btn[aria-label*="نجاح"],
.mce-toolbar .mce-btn[aria-label*="خطأ"],
.mce-toolbar .mce-btn[aria-label*="نصيحة"] {
    background: #f8f9fa !important;
    border: 1px solid #dee2e6 !important;
    color: #495057 !important;
    font-weight: 600 !important;
}

.mce-toolbar .mce-btn[aria-label*="معلومة"]:hover {
    background: #e7f3ff !important;
    color: #0073aa !important;
}

.mce-toolbar .mce-btn[aria-label*="تحذير"]:hover {
    background: #fff3cd !important;
    color: #856404 !important;
}

.mce-toolbar .mce-btn[aria-label*="نجاح"]:hover {
    background: #d4edda !important;
    color: #155724 !important;
}

.mce-toolbar .mce-btn[aria-label*="خطأ"]:hover {
    background: #f8d7da !important;
    color: #721c24 !important;
}

.mce-toolbar .mce-btn[aria-label*="نصيحة"]:hover {
    background: #f0f8ff !important;
    color: #003d82 !important;
}

/* ===== تنسيق قائمة السياق ===== */
.mce-menu {
    border-radius: 8px !important;
    box-shadow: 0 5px 20px rgba(0,0,0,0.15) !important;
    border: 1px solid #e0e0e0 !important;
}

.mce-menu .mce-menu-item {
    padding: 8px 15px !important;
    border-radius: 4px !important;
    margin: 2px !important;
}

.mce-menu .mce-menu-item:hover {
    background: #00A859 !important;
    color: #fff !important;
}

.mce-menu .mce-menu-item.mce-selected {
    background: #00A859 !important;
    color: #fff !important;
}

/* ===== تنسيق النوافذ المنبثقة ===== */
.mce-window {
    border-radius: 8px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2) !important;
}

.mce-window .mce-window-head {
    background: #00A859 !important;
    color: #fff !important;
    border-radius: 8px 8px 0 0 !important;
}

.mce-window .mce-window-head .mce-title {
    color: #fff !important;
    font-weight: 600 !important;
}

.mce-window .mce-window-body {
    padding: 20px !important;
}

.mce-window .mce-window-foot {
    background: #f8f9fa !important;
    border-radius: 0 0 8px 8px !important;
    padding: 15px 20px !important;
}

.mce-window .mce-btn {
    border-radius: 4px !important;
    padding: 8px 20px !important;
    font-weight: 600 !important;
}

.mce-window .mce-btn-primary {
    background: #00A859 !important;
    color: #fff !important;
    border: none !important;
}

.mce-window .mce-btn-primary:hover {
    background: #00c46e !important;
}

/* ===== تنسيق الموبايل ===== */
@media (max-width: 768px) {
    .mce-content-body {
        padding: 15px !important;
        font-size: 14px !important;
    }
    
    .mce-content-body h1 { font-size: 24px !important; }
    .mce-content-body h2 { font-size: 20px !important; }
    .mce-content-body h3 { font-size: 18px !important; }
    .mce-content-body h4 { font-size: 16px !important; }
    
    .mce-content-body .nl7za-alert {
        padding: 15px !important;
        font-size: 14px !important;
    }
    
    .mce-content-body .nl7za-alert .alert-icon {
        font-size: 20px !important;
    }
    
    .mce-content-body .card {
        padding: 15px !important;
    }
    
    .mce-content-body .btn {
        padding: 10px 20px !important;
        font-size: 14px !important;
    }
    
    .mce-toolbar .mce-btn {
        padding: 6px 10px !important;
        font-size: 12px !important;
    }
}

/* ===== تنسيق الوضع المظلم ===== */
@media (prefers-color-scheme: dark) {
    .mce-content-body {
        background: #1a1a1a !important;
        color: #fff !important;
        border-color: #333 !important;
    }
    
    .mce-content-body h1,
    .mce-content-body h2,
    .mce-content-body h3,
    .mce-content-body h4,
    .mce-content-body h5,
    .mce-content-body h6 {
        color: #fff !important;
    }
    
    .mce-content-body .card {
        background: #2d2d2d !important;
        border-color: #444 !important;
        color: #fff !important;
    }
    
    .mce-content-body .card-header {
        color: #fff !important;
        border-color: #00A859 !important;
    }
    
    .mce-content-body blockquote {
        background: #2d2d2d !important;
        color: #ccc !important;
        border-color: #00A859 !important;
    }
    
    .mce-content-body code {
        background: #333 !important;
        color: #ff6b6b !important;
    }
    
    .mce-content-body pre {
        background: #2d2d2d !important;
        border-color: #444 !important;
    }
    
    .mce-content-body pre code {
        color: #fff !important;
    }
}

/* تنسيق التقويم والمؤقت في الواجهة الأمامية */
.entry-content .nl7za-calendar-widget,
.post-content .nl7za-calendar-widget {
    background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%) !important;
    border: 3px solid #2196f3 !important;
    border-radius: 20px !important;
    padding: 35px 25px !important;
    margin: 30px 0 !important;
    text-align: center !important;
    box-shadow: 0 8px 25px rgba(33, 150, 243, 0.3) !important;
    position: relative !important;
    overflow: hidden !important;
    animation: fadeInUp 0.6s ease-out !important;
    min-height: 200px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.entry-content .nl7za-calendar-widget::before,
.post-content .nl7za-calendar-widget::before {
    content: '' !important;
    position: absolute !important;
    top: -50% !important;
    right: -50% !important;
    width: 200% !important;
    height: 200% !important;
    background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%) !important;
    animation: shimmer 3s ease-in-out infinite !important;
}

.entry-content .calendar-header,
.post-content .calendar-header {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 20px !important;
    margin-bottom: 25px !important;
}

.entry-content .calendar-icon,
.post-content .calendar-icon {
    font-size: 40px !important;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.entry-content .calendar-title,
.post-content .calendar-title {
    font-size: 28px !important;
    font-weight: 800 !important;
    color: #1976d2 !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.1) !important;
}

.entry-content .calendar-date,
.post-content .calendar-date {
    font-size: 36px !important;
    font-weight: 900 !important;
    color: #0d47a1 !important;
    margin-bottom: 20px !important;
    background: rgba(255,255,255,0.5) !important;
    padding: 20px 30px !important;
    border-radius: 15px !important;
    display: inline-block !important;
    border: 3px solid rgba(255,255,255,0.7) !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.1) !important;
}

.entry-content .calendar-description,
.post-content .calendar-description {
    font-size: 18px !important;
    color: #1565c0 !important;
    line-height: 1.8 !important;
    font-weight: 600 !important;
    max-width: 600px !important;
    margin: 0 auto !important;
}

.entry-content .nl7za-countdown-widget,
.post-content .nl7za-countdown-widget {
    background: linear-gradient(135deg, #fff3e0 0%, #ffcc02 100%) !important;
    border: 3px solid #ff9800 !important;
    border-radius: 20px !important;
    padding: 35px 25px !important;
    margin: 30px 0 !important;
    text-align: center !important;
    box-shadow: 0 8px 25px rgba(255, 152, 0, 0.3) !important;
    position: relative !important;
    overflow: hidden !important;
    animation: fadeInUp 0.6s ease-out !important;
    min-height: 250px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.entry-content .nl7za-countdown-widget::before,
.post-content .nl7za-countdown-widget::before {
    content: '' !important;
    position: absolute !important;
    top: -50% !important;
    right: -50% !important;
    width: 200% !important;
    height: 200% !important;
    background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%) !important;
    animation: shimmer 3s ease-in-out infinite !important;
}

.entry-content .countdown-header,
.post-content .countdown-header {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 20px !important;
    margin-bottom: 25px !important;
}

.entry-content .countdown-icon,
.post-content .countdown-icon {
    font-size: 40px !important;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)) !important;
}

.entry-content .countdown-title,
.post-content .countdown-title {
    font-size: 28px !important;
    font-weight: 800 !important;
    color: #e65100 !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.1) !important;
}

.entry-content .countdown-timer,
.post-content .countdown-timer {
    display: flex !important;
    justify-content: center !important;
    gap: 20px !important;
    margin-bottom: 20px !important;
    flex-wrap: wrap !important;
}

.entry-content .countdown-item,
.post-content .countdown-item {
    background: rgba(255,255,255,0.4) !important;
    border-radius: 12px !important;
    padding: 15px 20px !important;
    min-width: 80px !important;
    text-align: center !important;
    border: 2px solid rgba(255,255,255,0.6) !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1) !important;
    transition: all 0.3s ease !important;
}

.entry-content .countdown-item:hover,
.post-content .countdown-item:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 6px 20px rgba(0,0,0,0.2) !important;
}

.entry-content .countdown-number,
.post-content .countdown-number {
    display: block !important;
    font-size: 32px !important;
    font-weight: 900 !important;
    color: #d84315 !important;
    line-height: 1 !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.1) !important;
}

.entry-content .countdown-label,
.post-content .countdown-label {
    display: block !important;
    font-size: 14px !important;
    color: #bf360c !important;
    font-weight: 700 !important;
    margin-top: 8px !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.1) !important;
}

.entry-content .countdown-description,
.post-content .countdown-description {
    font-size: 18px !important;
    color: #e65100 !important;
    line-height: 1.8 !important;
    font-weight: 600 !important;
    max-width: 600px !important;
    margin: 0 auto !important;
}

/* ===== تنسيق إضافي لضمان الظهور ===== */
.nl7za-calendar-widget,
.nl7za-countdown-widget {
    background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%) !important;
    border: 3px solid #2196f3 !important;
    border-radius: 20px !important;
    padding: 35px 25px !important;
    margin: 30px 0 !important;
    text-align: center !important;
    box-shadow: 0 8px 25px rgba(33, 150, 243, 0.3) !important;
    position: relative !important;
    overflow: hidden !important;
    min-height: 200px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.nl7za-countdown-widget {
    background: linear-gradient(135deg, #fff3e0 0%, #ffcc02 100%) !important;
    border: 3px solid #ff9800 !important;
    min-height: 250px !important;
}

/* ===== تم حذف تنسيق العناوين في الواجهة الأمامية ===== */
/* العناوين في المقالات ستظهر بالتنسيق الطبيعي للقالب */

/* ===== تنسيق الاقتباسات في الواجهة الأمامية ===== */
.entry-content blockquote.nl7za-quote-box,
.post-content blockquote.nl7za-quote-box,
.single-post blockquote.nl7za-quote-box,
.page blockquote.nl7za-quote-box {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
    border-right: 4px solid #00A859 !important;
    border-radius: 0 12px 12px 0 !important;
    padding: 25px !important;
    margin: 25px 0 !important;
    position: relative !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important;
    text-align: right !important;
}

.entry-content blockquote.nl7za-quote-box::before,
.post-content blockquote.nl7za-quote-box::before,
.single-post blockquote.nl7za-quote-box::before,
.page blockquote.nl7za-quote-box::before {
    content: "" !important;
    font-size: 80px !important;
    color: #00A859 !important;
    position: absolute !important;
    top: -15px !important;
    right: 25px !important;
    font-family: serif !important;
    opacity: 0.3 !important;
    line-height: 1 !important;
}

.entry-content blockquote.nl7za-quote-box .quote-content,
.post-content blockquote.nl7za-quote-box .quote-content,
.single-post blockquote.nl7za-quote-box .quote-content,
.page blockquote.nl7za-quote-box .quote-content {
    font-size: 18px !important;
    font-style: italic !important;
    color: #333 !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    position: relative !important;
    z-index: 2 !important;
}

.entry-content blockquote.nl7za-quote-box .quote-author,
.post-content blockquote.nl7za-quote-box .quote-author,
.single-post blockquote.nl7za-quote-box .quote-author,
.page blockquote.nl7za-quote-box .quote-author {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #00A859 !important;
    text-align: left !important;
    margin-top: 10px !important;
    position: relative !important;
    z-index: 2 !important;
}

/* ===== تنسيق التنبيهات في الواجهة الأمامية ===== */
.entry-content .nl7za-alert,
.post-content .nl7za-alert,
.single-post .nl7za-alert,
.page .nl7za-alert {
    padding: 18px !important;
    border-radius: 8px !important;
    margin: 20px 0 !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    border: none !important;
}

.entry-content .nl7za-alert .alert-icon,
.post-content .nl7za-alert .alert-icon,
.single-post .nl7za-alert .alert-icon,
.page .nl7za-alert .alert-icon {
    font-size: 24px !important;
    flex-shrink: 0 !important;
}

.entry-content .nl7za-alert-info,
.post-content .nl7za-alert-info,
.single-post .nl7za-alert-info,
.page .nl7za-alert-info {
    background: #e7f3ff !important;
    border-right: 4px solid #0073aa !important;
    color: #004085 !important;
}

.entry-content .nl7za-alert-success,
.post-content .nl7za-alert-success,
.single-post .nl7za-alert-success,
.page .nl7za-alert-success {
    background: #d4edda !important;
    border-right: 4px solid #28a745 !important;
    color: #155724 !important;
}

.entry-content .nl7za-alert-warning,
.post-content .nl7za-alert-warning,
.single-post .nl7za-alert-warning,
.page .nl7za-alert-warning {
    background: #fff3cd !important;
    border-right: 4px solid #ffc107 !important;
    color: #856404 !important;
}

.entry-content .nl7za-alert-danger,
.post-content .nl7za-alert-danger,
.single-post .nl7za-alert-danger,
.page .nl7za-alert-danger {
    background: #f8d7da !important;
    border-right: 4px solid #dc3545 !important;
    color: #721c24 !important;
}

.entry-content .nl7za-alert-tip,
.post-content .nl7za-alert-tip,
.single-post .nl7za-alert-tip,
.page .nl7za-alert-tip {
    background: #f0f8ff !important;
    border-right: 4px solid #00A859 !important;
    color: #003d82 !important;
}

/* ===== تنسيق إضافي لضمان الظهور في جميع الحالات ===== */
.nl7za-calendar-widget,
.nl7za-countdown-widget {
    background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%) !important;
    border: 3px solid #2196f3 !important;
    border-radius: 20px !important;
    padding: 35px 25px !important;
    margin: 30px 0 !important;
    text-align: center !important;
    box-shadow: 0 8px 25px rgba(33, 150, 243, 0.3) !important;
    position: relative !important;
    overflow: hidden !important;
    min-height: 200px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.nl7za-countdown-widget {
    background: linear-gradient(135deg, #fff3e0 0%, #ffcc02 100%) !important;
    border: 3px solid #ff9800 !important;
    min-height: 250px !important;
}

/* ===== تنسيق العناوين في المحرر فقط ===== */
/* تم حذف التنسيق العام للعناوين لتجنب التأثير على الموقع */

/* ===== تم حذف جميع تنسيقات العناوين من الصفحات والأقسام ===== */
/* جميع العناوين ستظهر بالتنسيق الطبيعي للقالب */

/* ===== تنسيق عنوان المقال في المحرر فقط ===== */
.mce-content-body .entry-title,
.mce-content-body .post-title,
.mce-content-body h1.entry-title,
.mce-content-body h1.post-title {
    font-size: 36px !important;
    font-weight: 800 !important;
    color: #1a1a1a !important;
    line-height: 1.3 !important;
    text-align: right !important;
    margin: 30px 0 25px 0 !important;
    padding: 25px 30px !important;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
    border-radius: 15px !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1) !important;
    border-right: 5px solid #00A859 !important;
    position: relative !important;
    overflow: hidden !important;
}