/**
 * ULTIMATE OVERRIDE - Navy Blue
 * Nuclear option - overrides EVERYTHING with max specificity
 */

/* ==========================================
   HEADINGS - FORCE NAVY (NO GRADIENTS!)
   ========================================== */

h1, h2, h3, h4, h5, h6,
.hero-section h1,
.hero-section h2,
.hero-content h1,
.ranking-header h1,
.ranking-header h2,
div h1, div h2, div h3,
section h1, section h2, section h3 {
    background: none !important;
    background-image: none !important;
    background-color: transparent !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
    background-clip: unset !important;
    color: #FFFFFF !important;
}

/* Headings on WHITE background - NAVY */
.tool-section h2,
.tool-section h3,
.ranking-info-box h2,
.benchmark-explanation h2,
article h1, article h2, article h3,
.container h2, .container h3 {
    color: #0F172A !important;
}

/* ==========================================
   HERO - WSZYSTKIE TEKSTY BIAŁE!
   ========================================== */

/* Breadcrumbs in hero - WHITE */
.hero-section .breadcrumbs,
.tool-hero .breadcrumbs,
.breadcrumbs {
    color: #FFFFFF !important;
}

.hero-section .breadcrumbs a,
.tool-hero .breadcrumbs a,
.hero-section a,
.tool-hero a {
    color: rgba(255, 255, 255, 0.9) !important;
    text-decoration: underline !important;
}

.hero-section .breadcrumbs a:hover,
.tool-hero .breadcrumbs a:hover {
    color: #FFFFFF !important;
}

/* All text in hero - WHITE */
.hero-section *:not(button):not(.btn):not([class*="btn-"]),
.tool-hero *:not(button):not(.btn):not([class*="btn-"]) {
    color: #FFFFFF !important;
}

/* Descriptions in hero - WHITE */
.hero-section p,
.hero-section span,
.hero-section div:not([class*="btn"]):not(button),
.tool-hero p,
.tool-hero span,
.tool-hero div:not([class*="btn"]):not(button) {
    color: rgba(255, 255, 255, 0.95) !important;
}

/* Categories/badges in hero - Keep readable */
.hero-section .tool-categories,
.hero-section .category-badge,
.tool-hero .tool-categories,
.tool-hero .category-badge {
    background: rgba(255, 255, 255, 0.2) !important;
    color: #FFFFFF !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
}

/* ==========================================
   RATING IN HERO - WIDOCZNY!
   ========================================== */

.hero-section .tool-rating,
.hero-section .tool-rating-hero,
.tool-hero .tool-rating,
.tool-hero .tool-rating-hero,
.hero-section [class*="rating"],
.tool-hero [class*="rating"] {
    background: rgba(255, 255, 255, 0.95) !important;
    padding: 12px 20px !important;
    border-radius: 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
    backdrop-filter: blur(10px) !important;
}

/* GWIAZDKI - ZAWSZE WIDOCZNE! */
.stars,
.hero-section .stars,
.tool-hero .stars,
.tool-rating .stars,
.tool-rating-hero .stars,
span.stars,
div.stars {
    color: #F59E0B !important;
    font-size: 1.5rem !important;
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.3)) !important;
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Rating value - NAVY */
.rating-value,
.hero-section .rating-value,
.tool-hero .rating-value,
.tool-rating .rating-value,
span.rating-value {
    color: #1E3A8A !important;
    font-weight: 900 !important;
    font-size: 1.5rem !important;
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Rating count */
.rating-count,
.hero-section .rating-count,
.tool-hero .rating-count {
    color: #64748B !important;
    font-size: 0.875rem !important;
    display: inline-block !important;
    visibility: visible !important;
}

/* Fix: Nie ukrywaj gwiazdek przez opacity/visibility */
.hero-section .tool-rating *,
.tool-hero .tool-rating *,
.hero-section .tool-rating-hero *,
.tool-hero .tool-rating-hero * {
    opacity: 1 !important;
    visibility: visible !important;
}

/* ==========================================
   CTA SECTIONS - FORCE NAVY (not purple!)
   ========================================== */

.cta-section,
div[class*="cta"],
section[class*="cta"] {
    background: linear-gradient(135deg, #0F172A 0%, #1E3A8A 70%, #3B82F6 100%) !important;
    background-color: #0F172A !important;
    background-image: linear-gradient(135deg, #0F172A 0%, #1E3A8A 70%, #3B82F6 100%) !important;
}

.cta-section *,
.cta-content * {
    color: #FFFFFF !important;
}

/* ==========================================
   BUTTONS - FORCE NAVY with WHITE text
   ========================================== */

/* ALL Primary Buttons */
button,
.btn,
.button,
[class*="btn-"],
input[type="submit"],
button[type="submit"] {
    background: #1E3A8A !important;
    background-color: #1E3A8A !important;
    background-image: linear-gradient(135deg, #1E3A8A, #3B82F6) !important;
    color: #FFFFFF !important;
    border: 2px solid #1E3A8A !important;
    border-radius: 12px !important;
    padding: 14px 28px !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 15px rgba(30, 58, 138, 0.3) !important;
    text-decoration: none !important;
    display: inline-block !important;
}

button:hover,
[class*="btn-"]:hover,
input[type="submit"]:hover {
    background: #3B82F6 !important;
    background-color: #3B82F6 !important;
    color: #FFFFFF !important;
    border-color: #3B82F6 !important;
    box-shadow: 0 6px 25px rgba(59, 130, 246, 0.4) !important;
    transform: translateY(-2px) !important;
}

/* Secondary Buttons - WHITE with NAVY */
.btn-hero.secondary,
button.secondary {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    background-image: none !important;
    color: #1E3A8A !important;
    border: 2px solid #1E3A8A !important;
}

.btn-hero.secondary:hover {
    background: #1E3A8A !important;
    color: #FFFFFF !important;
}

/* ==========================================
   BENCHMARK CARDS - ZAOKRĄGLONE!
   ========================================== */

.benchmark-card,
div[class*="benchmark-card"],
.benchmarks-grid > div {
    border-radius: 20px !important;
    border-left-width: 4px !important;
    border-left-style: solid !important;
    border-left-color: #1E3A8A !important;
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    background: #FFFFFF !important;
    box-shadow: 0 4px 15px rgba(15, 23, 42, 0.08) !important;
}

/* ==========================================
   RANKING INFO BOX - ZAOKRĄGLONY
   ========================================== */

.ranking-info-box,
div[class*="ranking-info"] {
    border-radius: 24px !important;
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    background-image: none !important;
    border: 2px solid #E2E8F0 !important;
}

/* ==========================================
   WSZYSTKIE SEKCJE - ZAOKRĄGLONE
   ========================================== */

.tool-section,
.related-tools,
section,
.content-wrapper,
.sidebar-card {
    border-radius: 20px !important;
}

.tool-card,
.model-card,
article {
    border-radius: 16px !important;
}

/* ==========================================
   FORMS & INPUTS - ZAOKRĄGLONE
   ========================================== */

input,
select,
textarea {
    border-radius: 12px !important;
}

/* ==========================================
   BADGES - ZAOKRĄGLONE
   ========================================== */

.tool-badge,
.tool-category-badge,
.badge,
span[class*="badge"] {
    border-radius: 20px !important;
}

/* ==========================================
   TABLES - RANKING TABLE
   ========================================== */

.ranking-table-wrapper {
    border-radius: 20px !important;
    overflow: hidden !important;
}

.ranking-table thead {
    background: linear-gradient(135deg, #1E3A8A, #3B82F6) !important;
    background-color: #1E3A8A !important;
}

/* ==========================================
   HERO - CTA SECTION FIX
   ========================================== */

.cta-section {
    border-radius: 24px !important;
}

.cta-section h2,
.cta-section h3 {
    color: #FFFFFF !important;
}

.cta-section p {
    color: rgba(255, 255, 255, 0.95) !important;
}

/* ==========================================
   BENCHMARK CARDS - SUPER ZAOKRĄGLONE
   ========================================== */

.benchmark-card,
.benchmarks-grid .benchmark-card,
div[class*="benchmark"] {
    border-radius: 24px !important;
    padding: 30px !important;
    border-left: 4px solid #1E3A8A !important;
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    background: #FFFFFF !important;
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.06) !important;
}

.benchmark-card h3 {
    color: #0F172A !important;
    margin-bottom: 16px !important;
}

/* ==========================================
   RANKING INFO BOX - ZAOKRĄGLONY & CLEAN
   ========================================== */

.ranking-info-box {
    border-radius: 24px !important;
    padding: 40px !important;
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    background-image: none !important;
    border: 2px solid #E2E8F0 !important;
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.06) !important;
}

/* ==========================================
   MEGA FORCE - Last resort overrides
   ========================================== */

/* Kill ALL purple/pink gradients */
*[style*="linear-gradient"] {
    background-image: none !important;
}

/* Re-apply navy where needed */
.hero-section,
.tool-hero,
.cta-section,
section[class*="cta"] {
    background: linear-gradient(135deg, #0F172A 0%, #1E3A8A 70%, #3B82F6 100%) !important;
    background-color: #0F172A !important;
}

/* ==========================================
   Z-INDEX Fixes
   ========================================== */

.site-header {
    z-index: 1000 !important;
}

#scroll-to-top {
    z-index: 999 !important;
}

/* ==========================================
   INLINE STYLES KILLER - Remove Blocksy inline
   ========================================== */

/* Force remove ALL inline background styles */
.cta-section[style],
.hero-section[style],
div[style*="background"],
section[style*="background"] {
    background: #0F172A !important;
    background-color: #0F172A !important;
    background-image: linear-gradient(135deg, #0F172A, #1E3A8A, #3B82F6) !important;
}

/* ==========================================
   SUPER ROUNDED CORNERS EVERYWHERE
   ========================================== */

/* All containers */
.container > div,
.container > section,
main > div,
main > section {
    border-radius: 24px !important;
}

/* Tool/Model Cards */
.tool-card,
.model-card,
article,
.card {
    border-radius: 20px !important;
    overflow: hidden !important;
}

/* Images in cards */
.tool-card img,
.tool-card-image,
.model-card img {
    border-radius: 16px 16px 0 0 !important;
}

/* Button Groups */
.hero-cta,
.tool-header-right {
    gap: 16px !important;
}

/* All Buttons - Super Rounded */
button,
.btn,
[class*="btn-"],
input[type="submit"] {
    border-radius: 14px !important;
}

/* Input Fields - Rounded */
input[type="email"],
input[type="text"],
input[type="search"],
select,
textarea {
    border-radius: 12px !important;
}

/* Badges - Pill Shape */
.badge,
.tool-badge,
[class*="badge"] {
    border-radius: 24px !important;
}

/* Sections - Big Rounded */
section.cta-section,
section[class*="ranking"],
.ranking-info-box,
.benchmark-explanation {
    border-radius: 28px !important;
}

/* ==========================================
   HERO SECTION - COMPACT (nie ogromny!)
   ========================================== */

.hero-section,
.tool-hero,
div[class*="hero"],
section[class*="hero"] {
    padding: 80px 20px !important;
    min-height: auto !important;
    max-height: 500px !important;
    height: auto !important;
}

/* ==========================================
   HERO CONTENT BOX - CAŁKOWICIE PRZEZROCZYSTY!
   ========================================== */

/* KAŻDY wrapper, container, div w hero - PRZEZROCZYSTY! */
.hero-section *,
.hero-section > *,
.hero-section div,
.hero-section .hero-content,
.hero-section .ct-container,
.hero-section .container,
.tool-hero *,
.tool-hero > *,
.tool-hero div,
.tool-hero .tool-hero-content,
.tool-hero .ct-container,
div[class*="hero"] *,
div[class*="hero"] > *,
div[class*="hero"] div,
section[class*="hero"] *,
section[class*="hero"] div {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* Tylko sam hero section ma tło */
.hero-section,
.tool-hero,
div[class*="hero"],
section[class*="hero"] {
    background: linear-gradient(135deg, #0F172A 0%, #1E3A8A 70%, #3B82F6 100%) !important;
    background-color: #0F172A !important;
}

/* Hero content - padding kompaktowy */
.hero-content,
.tool-hero-content {
    padding: 0 !important;
    margin: 0 auto !important;
    max-width: 1200px !important;
}

/* ==========================================
   ARCHIVE PAGES - NAVY HERO (not gray!)
   ========================================== */

.archive .hero-section,
.archive.hero-section,
.post-type-archive .hero-section,
body.archive .hero-section,
body[class*="archive"] .hero-section,
body.page .hero-section,
.page .hero-section {
    background: linear-gradient(135deg, #0F172A 0%, #1E3A8A 70%, #3B82F6 100%) !important;
    background-color: #0F172A !important;
}

.archive .hero-section h1,
.archive .hero-section p,
.page .hero-section h1,
.page .hero-section p {
    color: #FFFFFF !important;
    background: none !important;
    -webkit-text-fill-color: #FFFFFF !important;
}

/* Archive Cards - WHITE */
.archive-card,
body.archive article {
    background: #FFFFFF !important;
    border-radius: 20px !important;
}

.archive-card h2,
.archive-card h2 a {
    color: #0F172A !important;
}

/* ==========================================
   VERSION MARKER (force reload)
   ========================================== */

/* v4.0 - Navy + Rounded Everything! */