/* ==================================================
   0. ELEMENTOR CLIPPING FIX
================================================== */
.elementor-widget-shortcode,
.elementor-widget-container,
.elementor-element {
    overflow: visible !important;
}

/* ==================================================
   UTILITIES & OVERRIDES
================================================== */
.mg-show-flex { display: flex !important; }
.mg-show-block { display: block !important; }
.mg-hide { display: none !important; }

.mg-post-row.mg-hide-post { display: none !important; }

/* GENERAL WRAPPER */
.mg-dashboard-wrapper { 
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; 
    max-width: 1040px !important; 
    margin: 0 auto !important; 
    color: #242424 !important; 
    background: #fff !important; 
    overflow: visible !important;
}
.mg-alert { padding: 20px; background: #fff3cd; color: #856404; border-radius: 8px; text-align: center; }

/* ==================================================
   TOP BARS
================================================== */
.mg-topbar { display: flex !important; justify-content: space-between !important; padding: 12px 24px !important; border-bottom: 1px solid #f2f2f2 !important; align-items: center !important; background: #fff !important; position: relative !important; z-index: 9999 !important; overflow: visible !important; }
.mg-topbar-left { display: flex !important; align-items: center !important; gap: 20px !important; overflow: visible !important; }
.mg-topbar-actions { display: flex !important; gap: 15px !important; align-items: center !important; }
.mg-btn-text { background: none !important; border: none !important; color: #007b83 !important; font-weight: 600 !important; cursor: pointer !important; font-size: 13px !important; text-transform: uppercase !important; }

.mg-bulk-bar { background: #f9f9f9 !important; border-bottom: 2px solid #007b83 !important; display: none !important; }
.mg-bulk-left { display: flex !important; align-items: center !important; gap: 15px !important; }

/* ==================================================
   FILTER & PAGINATION DROPDOWNS
================================================== */
.mg-custom-filter { position: relative !important; display: inline-block !important; user-select: none !important; z-index: 10000 !important; }
.mg-filter-toggle { display: flex !important; align-items: center !important; gap: 6px !important; font-size: 14px !important; color: #3c4043 !important; cursor: pointer !important; padding: 8px 0 !important; font-weight: 500 !important; }
.mg-filter-toggle svg { width: 16px !important; height: 16px !important; fill: #5f6368 !important; }

.mg-filter-menu { 
    display: none !important; 
    position: absolute !important; 
    top: 100% !important; 
    left: 0 !important; 
    background: #fff !important; 
    border: 1px solid #dadce0 !important; 
    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important; 
    border-radius: 4px !important; 
    padding: 8px 0 !important; 
    list-style: none !important; 
    margin: 0 !important; 
    min-width: 160px !important; 
    z-index: 999999 !important; 
}

ul.mg-filter-menu.mg-show-block { display: block !important; } 

.mg-filter-menu li { padding: 10px 20px !important; font-size: 14px !important; color: #3c4043 !important; cursor: pointer !important; transition: background 0.2s !important; }
.mg-filter-menu li:hover { background: #f1f3f4 !important; }

.mg-per-page-select { border: none !important; background: transparent !important; font-size: 14px !important; color: #5f6368 !important; outline: none !important; cursor: pointer !important; font-weight: 500 !important; padding: 6px !important; font-family: inherit !important; }
.mg-per-page-select:hover { background: #f1f3f4 !important; border-radius: 4px !important; }

/* ==================================================
   POST ROWS & HOVER STATE
================================================== */
.mg-post-list { display: flex !important; flex-direction: column !important; min-height: 200px !important; position: relative !important; z-index: 1 !important; }
.mg-post-row { display: flex !important; justify-content: space-between !important; padding: 16px 24px !important; border-bottom: 1px solid #f2f2f2 !important; transition: box-shadow 0.2s ease, border-color 0.2s ease !important; background: #fff !important; border: 1px solid transparent !important; border-bottom-color: #f2f2f2 !important; }
.mg-post-row:hover { box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important; border-color: #e0e0e0 !important; border-radius: 6px !important; z-index: 10 !important; position: relative !important; }

/* --- LEFT SIDE UI --- */
.mg-post-left { display: flex !important; align-items: center !important; overflow: hidden !important; flex: 1 !important; }
.mg-post-checkbox { margin-right: 20px !important; display: none !important; }
.mg-bulk-check { width: 18px !important; height: 18px !important; cursor: pointer !important; }
.mg-post-thumbnail { width: 48px !important; height: 48px !important; background: #f1f3f4 !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 24px !important; color: #5f6368 !important; margin-right: 20px !important; border-radius: 4px !important; border: 1px solid #dadce0 !important; overflow: hidden !important; font-family: serif !important; flex-shrink: 0 !important; }
.mg-post-thumbnail img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
.mg-post-details { flex-grow: 1 !important; min-width: 0 !important; }

.mg-post-title { margin: 0 0 6px 0 !important; }
.mg-post-title a { 
    color: #242424 !important; 
    text-decoration: none !important; 
    transition: color 0.2s !important; 
    font-size: 16px !important; 
    font-weight: 500 !important; 
    line-height: 1.4 !important; 
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
    max-height: 2.8em !important; 
}
.mg-post-row:hover .mg-post-title a { color: #1a8917 !important; }

/* META ROW & AUTHOR AVATAR */
.mg-post-meta { font-size: 13px !important; color: #5f6368 !important; display: flex !important; align-items: center !important; }
.mg-author-avatar { width: 20px !important; height: 20px !important; border-radius: 50% !important; object-fit: cover !important; }
.mg-meta-divider { margin: 0 8px !important; }
.mg-status-badge { font-weight: 500 !important; }
.mg-status-badge.publish { color: #1e8e3e !important; }
.mg-status-badge.draft { color: #d93025 !important; }
.mg-status-badge.future { color: #f29900 !important; }

/* --- RIGHT SIDE UI --- */
.mg-post-right { display: flex !important; flex-direction: column !important; align-items: flex-end !important; justify-content: center !important; position: relative !important; flex-shrink: 0 !important; margin-left: 20px !important; }
.mg-post-right-top { display: flex !important; align-items: center !important; height: 28px !important; margin-bottom: 8px !important; justify-content: flex-end !important; }

.mg-top-hover-actions { display: none !important; align-items: center !important; gap: 4px !important; margin-right: 5px !important; }
.mg-post-row:hover .mg-top-hover-actions { display: flex !important; }
.mg-action-icon { background: none !important; border: none !important; cursor: pointer !important; color: #5f6368 !important; padding: 4px !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: color 0.2s !important; border-radius: 50% !important; }
.mg-action-icon:hover { color: #202124 !important; background: #f1f3f4 !important; }
.mg-action-icon svg { width: 18px !important; height: 18px !important; fill: currentColor !important; }

.mg-3dot-container { position: relative !important; }
.mg-3dot-btn { background: none !important; border: none !important; cursor: pointer !important; color: #b1165a !important; padding: 4px !important; display: flex !important; align-items: center !important; justify-content: center !important; }
.mg-3dot-btn svg { width: 24px !important; height: 24px !important; fill: currentColor !important; }
.mg-3dot-menu { display: none !important; position: absolute !important; right: 0 !important; top: 100% !important; background: #fff !important; border: 1px solid #e0e0e0 !important; box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important; border-radius: 4px !important; width: 180px !important; z-index: 200 !important; margin: 0 !important; padding: 8px 0 !important; list-style: none !important; }
ul.mg-3dot-menu.mg-show-block { display: block !important; } 
.mg-3dot-menu li a { display: block !important; padding: 8px 16px !important; color: #242424 !important; text-decoration: none !important; font-size: 13px !important; transition: background 0.15s !important; }
.mg-3dot-menu li a:hover { background: #f9f9f9 !important; }

/* --- BOTTOM STATS UI --- */
.mg-post-stats-bottom { display: flex !important; align-items: center !important; gap: 15px !important; color: #9aa0a6 !important; font-size: 13px !important; }
.mg-stat-item { display: flex !important; align-items: center !important; gap: 6px !important; cursor: pointer !important; transition: color 0.2s !important; }
.mg-stat-item:hover { color: #5f6368 !important; }
.mg-stat-item svg { width: 16px !important; height: 16px !important; fill: currentColor !important; }

.mg-seo-badge { background: #e6f4ea !important; color: #1e8e3e !important; border: 1px solid #ceead6 !important; font-size: 11px !important; font-weight: 700 !important; padding: 2px 6px !important; border-radius: 4px !important; letter-spacing: 0.5px !important; white-space: nowrap !important; width: max-content !important; display: inline-block !important; }

/* ==================================================
   PAGINATION CONTROLS
================================================== */
.mg-pagination-controls { display: flex !important; justify-content: center !important; align-items: center !important; gap: 20px !important; padding: 24px !important; border-top: 1px solid #f2f2f2 !important; }
.mg-page-btn { background: #fff !important; border: 1px solid #dadce0 !important; padding: 6px 16px !important; border-radius: 4px !important; color: #1a73e8 !important; cursor: pointer !important; font-weight: 500 !important; transition: all 0.2s !important; }
.mg-page-btn:hover:not(:disabled) { background: #f8f9fa !important; }
.mg-page-btn:disabled { color: #9aa0a6 !important; border-color: #f1f3f4 !important; cursor: not-allowed !important; background: #f8f9fa !important; }
#mg-page-info { font-size: 14px !important; color: #5f6368 !important; font-weight: 500 !important; }

/* ==================================================
   WINDOWS 11 SHARE MODAL
================================================== */
.mg-modal { display: none !important; position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background: rgba(0,0,0,0.4) !important; backdrop-filter: blur(2px) !important; z-index: 999999 !important; justify-content: center !important; align-items: center !important; }
div#mg-share-modal.mg-show-flex { display: flex !important; }
.mg-win11-share { background: #fcfcfc !important; padding: 0 !important; border-radius: 12px !important; width: 440px !important; box-shadow: 0 24px 48px rgba(0,0,0,0.15) !important; border: 1px solid rgba(255,255,255,0.4) !important; overflow: hidden !important; }
.mg-win11-header { display: flex !important; justify-content: space-between !important; align-items: center !important; padding: 16px 20px !important; font-weight: 600 !important; font-size: 15px !important; color: #111 !important; }
.mg-win11-header span { display: flex !important; align-items: center !important; gap: 10px !important; }
.mg-modal-close { background: none !important; border: none !important; cursor: pointer !important; color: #555 !important; border-radius: 4px !important; padding: 4px !important; transition: background 0.2s !important; display: flex !important; }
.mg-modal-close:hover { background: #e5e5e5 !important; }
.mg-win11-preview { margin: 0 20px 20px 20px !important; display: flex !important; align-items: center !important; background: #fff !important; padding: 12px !important; border-radius: 8px !important; border: 1px solid #e0e0e0 !important; box-shadow: 0 2px 4px rgba(0,0,0,0.02) !important; }
.mg-preview-icon { width: 40px !important; height: 40px !important; background: #f06a25 !important; color: #fff !important; border-radius: 8px !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 24px !important; font-weight: bold !important; margin-right: 12px !important; }
.mg-preview-text { flex: 1 !important; overflow: hidden !important; }
.mg-preview-text strong { display: block !important; font-size: 13px !important; color: #111 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; margin-bottom: 2px !important; }
.mg-preview-text span { display: block !important; font-size: 12px !important; color: #6b6b6b !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
.mg-preview-action { background: #f5f5f5 !important; border: 1px solid #e0e0e0 !important; border-radius: 6px !important; width: 32px !important; height: 32px !important; display: flex !important; justify-content: center !important; align-items: center !important; margin-left: 8px !important; cursor: pointer !important; color: #333 !important; transition: background 0.2s !important; }
.mg-preview-action:hover { background: #ebebeb !important; }
.mg-win11-section-title { padding: 0 20px !important; font-size: 13px !important; font-weight: 600 !important; color: #6b6b6b !important; margin-bottom: 15px !important; }
.mg-win11-grid { display: grid !important; grid-template-columns: repeat(5, 1fr) !important; gap: 15px !important; padding: 0 20px 24px 20px !important; }
.mg-share-app { display: flex !important; flex-direction: column !important; align-items: center !important; text-decoration: none !important; color: #333 !important; font-size: 11px !important; transition: transform 0.2s !important; }
.mg-share-app:hover { transform: translateY(-2px) !important; }
.mg-app-icon { width: 48px !important; height: 48px !important; background: #fff !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important; margin-bottom: 8px !important; border: 1px solid #f0f0f0 !important; }