/**
 * FORCE NAVY BLUE COLORS - Override Blocksy
 * This file FORCES new colors with !important
 *
 * @package Katalog_AI_Child
 */

/* ==========================================
   FORCE NAVY BLUE COLORS EVERYWHERE
   ========================================== */

/* Hero Sections - DARK NAVY */
.hero-section,
.tool-hero,
div[class*="hero"] {
    background: linear-gradient(135deg, #0F172A 0%, #1E3A8A 70%, #3B82F6 100%) !important;
    background-color: #0F172A !important;
}

/* Site Header - WHITE with subtle shadow */
.site-header,
header[class*="header"] {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    box-shadow: 0 2px 15px rgba(15, 23, 42, 0.08) !important;
    border-bottom: 1px solid rgba(30, 58, 138, 0.1) !important;
}

/* Logo/Title - NAVY BLUE */
.site-title,
.site-branding a,
h1.site-title {
    color: #1E3A8A !important;
    background: linear-gradient(135deg, #1E3A8A, #3B82F6) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

/* Navigation Links - NAVY */
.site-header nav a,
.main-navigation a,
nav[class*="navigation"] a {
    color: #1E3A8A !important;
    font-weight: 600 !important;
}

.site-header nav a:hover {
    color: #3B82F6 !important;
    background: rgba(30, 58, 138, 0.05) !important;
}

/* PRIMARY BUTTONS - WHITE text on NAVY background */
.btn-primary,
.btn-hero.primary,
.btn-view-tool,
button[class*="primary"],
a[class*="btn-primary"] {
    background: linear-gradient(135deg, #1E3A8A, #3B82F6) !important;
    background-color: #1E3A8A !important;
    color: #FFFFFF !important;
    border: none !important;
    padding: 14px 32px !important;
    border-radius: 10px !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 20px rgba(30, 58, 138, 0.3) !important;
    transition: all 0.3s ease !important;
}

.btn-primary:hover,
.btn-hero.primary:hover,
.btn-view-tool:hover {
    background: linear-gradient(135deg, #3B82F6, #60A5FA) !important;
    background-color: #3B82F6 !important;
    color: #FFFFFF !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 30px rgba(59, 130, 246, 0.4) !important;
}

/* SECONDARY BUTTONS - WHITE background, NAVY text */
.btn-hero.secondary,
button[class*="secondary"] {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    color: #1E3A8A !important;
    border: 2px solid #1E3A8A !important;
    padding: 14px 32px !important;
    border-radius: 10px !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 15px rgba(255, 255, 255, 0.3) !important;
}

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

/* Tool Cards - PURE WHITE */
.tool-card,
article[class*="tool-card"],
.katalog-ai-tool-card {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    box-shadow: 0 4px 15px rgba(15, 23, 42, 0.08) !important;
}

.tool-card:hover {
    border-color: #1E3A8A !important;
    box-shadow: 0 12px 35px rgba(30, 58, 138, 0.15) !important;
}

/* Tool Card Titles - DARK NAVY */
.tool-card h3,
.tool-card-title,
.tool-card h3 a {
    color: #0F172A !important;
}

.tool-card h3 a:hover {
    color: #1E3A8A !important;
}

/* Badges - LIGHT BLUE background, NAVY text */
.tool-category-badge,
.tool-badge,
.category-badge,
span[class*="badge"] {
    background: #DBEAFE !important;
    background-color: #DBEAFE !important;
    color: #1E3A8A !important;
    border: 1px solid rgba(30, 58, 138, 0.15) !important;
    font-weight: 700 !important;
}

/* FREE Badge - GREEN */
.badge-free,
span[class*="free"] {
    background: #D1FAE5 !important;
    background-color: #D1FAE5 !important;
    color: #065F46 !important;
    border-color: #10B981 !important;
}

/* Rating Stars - KEEP GOLD */
.stars,
.tool-rating .stars {
    color: #F59E0B !important;
}

/* Rating Values - NAVY */
.rating-value,
.rating-score {
    color: #1E3A8A !important;
    font-weight: 800 !important;
}

/* Links - NAVY */
a {
    color: #1E3A8A !important;
}

a:hover {
    color: #3B82F6 !important;
}

/* Headings - DARK NAVY */
h1, h2, h3, h4, h5, h6 {
    color: #0F172A !important;
}

/* Hero Headings - WHITE */
.hero-section h1,
.hero-section h2,
.hero-section p,
.tool-hero h1,
.tool-hero p {
    color: #FFFFFF !important;
}

/* Background - LIGHT GRAY */
body,
.site-content {
    background: #F8FAFC !important;
    background-color: #F8FAFC !important;
}

/* Footer - DARK NAVY */
.site-footer,
footer {
    background: #0F172A !important;
    background-color: #0F172A !important;
    color: #F1F5F9 !important;
}

.site-footer a {
    color: #94A3B8 !important;
}

.site-footer a:hover {
    color: #FFFFFF !important;
}

/* Filters Section - WHITE */
.filters-section {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    box-shadow: 0 4px 15px rgba(15, 23, 42, 0.06) !important;
}

/* Form Inputs - WHITE with NAVY border */
input[type="search"],
input[type="email"],
input[type="text"],
select,
textarea {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    border: 2px solid #E2E8F0 !important;
    color: #0F172A !important;
}

input:focus,
select:focus,
textarea:focus {
    border-color: #1E3A8A !important;
    box-shadow: 0 0 0 3px rgba(30, 58, 138, 0.1) !important;
    outline: none !important;
}

/* Price/Amount - NAVY */
.price-amount,
.tool-price .amount {
    color: #1E3A8A !important;
}

/* Sidebar Cards - WHITE */
.sidebar-card {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
}

/* Ranking Table Header - NAVY */
.ranking-table thead {
    background: linear-gradient(135deg, #1E3A8A, #3B82F6) !important;
    background-color: #1E3A8A !important;
    color: #FFFFFF !important;
}

/* Ranking Rows - WHITE */
.ranking-table tbody tr {
    background: #FFFFFF !important;
}

.ranking-table tbody tr:hover {
    background: #F8FAFC !important;
}

/* Text Colors - Neutral or Navy */
.tool-excerpt,
.tool-description,
p {
    color: #334155 !important;
}

.text-muted {
    color: #64748B !important;
}

/* ==========================================
   IMPORTANT: Version bump to force reload
   ========================================== */

/* Version: 2.0 - Navy Blue Theme */