/* GLOBAL CSS FIX v1.0 */
/* OVERRIDE ALL CONFLICTING CSS */

/* BLOG FIXES */
.blog-page { display: grid !important; gap: 2rem !important; align-items: start !important; grid-template-columns: minmax(0,1fr) !important; }
@media (min-width: 768px) { .blog-page { grid-template-columns: minmax(0,1fr) 320px !important; } }
.featured-grid { display: grid !important; gap: 1.5rem !important; grid-template-columns: repeat(3,1fr) !important; }
.posts-grid { display: grid !important; gap: 1.5rem !important; grid-template-columns: repeat(3,1fr) !important; }

/* CRITICAL: featured-excerpt ABSOLUTE OVERRIDE */
.featured-excerpt { position: static !important; top: auto !important; left: auto !important; right: auto !important; bottom: auto !important; padding: 0 !important; margin: 0 !important; background: none !important; border: none !important; width: auto !important; height: auto !important; opacity: 1 !important; display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 3 !important; overflow: hidden !important; color: var(--foreground-muted) !important; }

/* CRITICAL: featured-meta flex-direction OVERRIDE */
.featured-meta { display: flex !important; flex-wrap: wrap !important; gap: 0.45rem 0.75rem !important; align-items: center !important; margin-top: auto !important; flex-direction: row !important; justify-content: flex-start !important; padding: 0 !important; opacity: 1 !important; }

/* CRITICAL: post-meta flex-direction OVERRIDE */
.post-meta { display: flex !important; flex-wrap: wrap !important; gap: 0.45rem 0.75rem !important; align-items: center !important; margin-top: auto !important; flex-direction: row !important; justify-content: flex-start !important; }

/* CARD LAYOUTS */
.featured-card, .post-card { display: flex !important; flex-direction: column !important; background: var(--card) !important; border: 1px solid var(--card-border) !important; border-radius: var(--radius-lg) !important; overflow: hidden !important; height: 100% !important; }
.featured-image, .post-image { display: block !important; width: 100% !important; aspect-ratio: 16/10 !important; overflow: hidden !important; flex: 0 0 auto !important; }
.featured-image img, .post-image img, .featured-image picture, .post-image picture { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }
.featured-content, .post-content { display: flex !important; flex: 1 1 auto !important; flex-direction: column !important; gap: 0.65rem !important; padding: 1.25rem !important; overflow: visible !important; position: static !important; }
.featured-content h3, .post-content h3 { margin: 0 !important; font-size: 1.1rem !important; font-weight: 700 !important; line-height: 1.3 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; }
.featured-content h3 a, .post-content h3 a { color: var(--foreground) !important; text-decoration: none !important; }

/* SIDEBAR FIXES */
.sidebar-search { display: flex !important; flex-wrap: wrap !important; gap: 0.5rem !important; flex-direction: row !important; align-items: center !important; }

/* LISTING FIXES */
.grid-listings { display: grid !important; gap: 1.5rem !important; }
.grid-listings { grid-template-columns: repeat(1, 1fr) !important; }
@media (min-width: 640px) { .grid-listings { grid-template-columns: repeat(2, 1fr) !important; } }
@media (min-width: 768px) { .grid-listings { grid-template-columns: repeat(3, 1fr) !important; } }
@media (min-width: 1024px) { .grid-listings { grid-template-columns: repeat(4, 1fr) !important; } }
.card-listing { display: flex !important; flex-direction: column !important; background: var(--card) !important; border: 1px solid var(--card-border) !important; border-radius: var(--radius-lg) !important; overflow: hidden !important; height: 100% !important; }
.listing-details, .card-listing-content { padding: 1rem !important; flex: 1 !important; display: flex !important; flex-direction: column !important; gap: 0.5rem !important; }

/* CONTACT FIXES */
.contact-form-actions { display: flex !important; align-items: center !important; gap: 0.75rem !important; flex-wrap: wrap !important; flex-direction: row !important; }
@media (max-width: 768px) { .contact-form-actions { flex-direction: column !important; } }

/* APPS FIXES */
.app-premium-card__header { display: flex !important; align-items: center !important; gap: 1rem !important; flex-direction: row !important; }
.app-premium-card__inner { overflow: hidden !important; height: 100% !important; }

/* EMPTY STATE */
.empty-state { text-align: center !important; padding: 4rem 2rem !important; }

/* ADDITIONAL FIXES */
.recent-posts { display: flex !important; flex-direction: column !important; gap: 0 !important; }
.section-title { font-size: clamp(1.35rem, 5vw, 1.85rem) !important; }
.listing-grid { display: grid !important; gap: 1.5rem !important; }
.post-card { position: relative !important; }
.featured-card { position: relative !important; }
.blog-posts { min-width: 0 !important; }
.blog-main { min-width: 0 !important; }

/* ===== 14. HOVER EFFECTS ===== */
.featured-card:hover, .post-card:hover {
  transform: translateY(-4px) !important;
  border-color: var(--primary) !important;
  box-shadow: var(--shadow-lg) !important;
}
/* Ecosystem hover */
.ecosystem-card:hover { transform: translateY(-4px) !important; border-color: var(--primary) !important; }

/* RESPONSIVE OVERRIDES */
@media (max-width: 768px) {
  .blog-header { text-align: center !important; }
  .blog-filters { justify-content: center !important; }
  .blog-filter-row { flex-direction: column !important; }
  .hero-section { padding: 3rem 0 2rem !important; }
  .filter-premium__footer { flex-direction: column !important; }
  .contact-form-actions { flex-direction: column !important; }
}
@media (max-width: 640px) {
  .empty-state { padding: 2rem 1rem !important; }
  .app-premium-card__header { flex-direction: column !important; align-items: flex-start !important; }
  .blog-inline-search { flex-direction: column !important; }
  .blog-inline-search input, .blog-inline-search button { width: 100% !important; }
  .blog-filter-row input, .blog-filter-row select, .blog-filter-row button { width: 100% !important; }
}
/* additional hovers */
.card-listing:hover { transform: translateY(-4px) !important; border-color: var(--primary) !important; box-shadow: var(--shadow-lg) !important; }
.featured-card:hover .featured-image img, .post-card:hover .post-image img { transform: scale(1.05) !important; }
.card-listing:hover .listing-image img, .card-listing:hover .card-listing-image img { transform: scale(1.08) !important; }
.recent-posts a:hover, .tag-link:hover, .featured-content h3 a:hover, .post-content h3 a:hover, .post-tags .tag:hover { color: var(--primary) !important; }
.pagination a:hover, .pagination a.active, .blog-filters a:hover, .blog-filters a.active { background: var(--primary) !important; color: var(--primary-foreground) !important; border-color: var(--primary) !important; }
.faq-question-premium:hover { background: var(--background-secondary) !important; }

/* ===== NAVBAR FIX: hidden !important override ===== */
@media (min-width: 768px) {
  .navbar-menu-wrapper.hidden {
    display: flex !important;
  }
}

/* ===== ROOT OVERRIDE: Horizontal scroll mühafizəsi ===== */
html, body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: clip !important;
}

/* Footer links row */
.footer-links-row {
    margin-bottom: 1rem;
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    font-size: 0.8125rem;
    color: var(--foreground-muted);
}

/* ===== Print Stylesheet ===== */
@media print {
    body { background: #fff !important; color: #000 !important; }
    .navbar, .mobile-bottom-nav, .mobile-menu, .mobile-menu-overlay,
    .scroll-to-top, .sidebar, .premium-footer, .site-banner,
    .newsletter-form-premium, .social-share, .share-buttons,
    .cookie-consent, #cookie-consent-banner,
    .btn, .btn-primary, .btn-secondary,
    .footer-bottom, .footer-grid { display: none !important; }
    .container, .container-custom { max-width: 100% !important; padding: 0 !important; }
    main, .layout-main-with-sidebar, .layout-main-column { grid-template-columns: 1fr !important; display: block !important; }
    a[href]::after { content: " (" attr(href) ")"; font-size: 0.8em; color: #666; }
    @page { margin: 2cm; }
}