/* Zmienna dla przycisku (strona polityki nie ładuje base.css) */
:root {
    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Przycisk przełącznika trybu */
.theme-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 1px solid var(--border, #e2e8f0);
    border-radius: 8px;
    background: transparent;
    color: var(--text-main, #334155);
    cursor: pointer;
    font-size: 1.25rem;
    transition: var(--transition, all 0.3s ease);
}
.theme-toggle:hover {
    border-color: var(--primary, #2563eb);
    color: var(--primary, #2563eb);
}

/* Dark mode – zmienne i nadpisy */
html[data-theme="dark"] {
    --bg-color: #0f172a;
    --bg-secondary: #1e293b;
    --text-main: #cbd5e1;
    --text-heading: #f1f5f9;
    --primary: #3b82f6;
    --primary-dark: #60a5fa;
    --border: #334155;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.4);
}

/* Tło i karty */
html[data-theme="dark"] .card,
html[data-theme="dark"] .pricing-card,
html[data-theme="dark"] .bio-box,
html[data-theme="dark"] details,
html[data-theme="dark"] .roi-table,
html[data-theme="dark"] .cta-block {
    background: var(--bg-secondary);
    border-color: var(--border);
}

html[data-theme="dark"] .card:hover {
    border-color: #475569;
}

html[data-theme="dark"] .roi-table th {
    background: var(--bg-color);
}

html[data-theme="dark"] .roi-highlight-row {
    background: rgba(59, 130, 246, 0.15);
}

/* Nawigacja */
html[data-theme="dark"] .nav-link:hover,
html[data-theme="dark"] .nav-link.active {
    background: rgba(59, 130, 246, 0.15);
    color: #93c5fd;
}

/* Ikony w boxach */
html[data-theme="dark"] .icon-danger {
    background: rgba(239, 68, 68, 0.2);
    color: #f87171;
}

html[data-theme="dark"] .icon-primary {
    background: rgba(59, 130, 246, 0.2);
    color: #93c5fd;
}

html[data-theme="dark"] .icon-success {
    background: rgba(16, 185, 129, 0.2);
    color: #34d399;
}

/* Hero badge */
html[data-theme="dark"] .hero-badge {
    background: rgba(59, 130, 246, 0.2);
    border-color: var(--border);
}

/* Pasek z logotypami – jaśniejsze tło (brak wersji logotypów na dark mode) */
html[data-theme="dark"] .logo-strip {
    background: #e2e8f0;
    border-radius: 12px;
    padding: 1.5rem 2rem;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
}

/* Teksty drugoplanowe */
html[data-theme="dark"] .section-subtitle,
html[data-theme="dark"] .hero p,
html[data-theme="dark"] .hero-guarantee,
html[data-theme="dark"] .card-text,
html[data-theme="dark"] .step-text,
html[data-theme="dark"] .case-kicker,
html[data-theme="dark"] .case-desc,
html[data-theme="dark"] .case-metric-label,
html[data-theme="dark"] .pricing-subtext,
html[data-theme="dark"] .pricing-description,
html[data-theme="dark"] .pricing-note,
html[data-theme="dark"] .pricing-caption,
html[data-theme="dark"] .bio-text,
html[data-theme="dark"] .faq-content,
html[data-theme="dark"] .article-subtitle,
html[data-theme="dark"] .article-meta,
html[data-theme="dark"] .breadcrumbs-sep,
html[data-theme="dark"] .card-kicker,
html[data-theme="dark"] footer,
html[data-theme="dark"] .cookie-option span {
    color: #94a3b8;
}

html[data-theme="dark"] .price-old {
    color: #94a3b8;
}

/* Step number (duży szary numer) */
html[data-theme="dark"] .step-number {
    color: #334155;
}

/* Agitation – ciemna sekcja */
html[data-theme="dark"] .agitation {
    background: #0c1222;
}

html[data-theme="dark"] .agitation p {
    color: #94a3b8;
}

/* Case study panel i pasek */
html[data-theme="dark"] .case-panel {
    background: var(--bg-color);
    border: 1px solid var(--border);
}

html[data-theme="dark"] .case-bar {
    background: #334155;
}

/* Blockquote w artykule */
html[data-theme="dark"] .article-content blockquote {
    background: var(--bg-secondary);
    border-color: var(--primary);
}

/* Code block – już ciemny, dopasowanie */
html[data-theme="dark"] .article-content pre {
    background: #0f172a;
    border: 1px solid var(--border);
}

/* Cookie banner */
html[data-theme="dark"] .cookie-banner {
    background: rgba(15, 23, 42, 0.98);
    border-top-color: var(--border);
}

html[data-theme="dark"] .cookie-btn--secondary:hover {
    background: rgba(59, 130, 246, 0.2);
}

/* Przycisk outline w dark */
html[data-theme="dark"] .btn-outline {
    border-color: var(--border);
    color: var(--text-heading);
}

html[data-theme="dark"] .btn-outline:hover {
    border-color: var(--primary);
    color: var(--primary);
}

/* Breadcrumbs current */
html[data-theme="dark"] .breadcrumbs-current {
    color: var(--text-main);
}

/* Strona polityki (bez głównego layoutu) */
html[data-theme="dark"] body {
    background-color: var(--bg-color);
    color: var(--text-main);
}
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3 {
    color: var(--text-heading);
    border-color: var(--border);
}
html[data-theme="dark"] .highlight {
    background-color: var(--bg-secondary);
    border-color: var(--primary);
}
html[data-theme="dark"] .footer {
    color: #94a3b8;
    border-top-color: var(--border);
}
html[data-theme="dark"] a {
    color: var(--primary);
}

/* Toggle na stronie polityki (pływający) */
.theme-toggle-floating {
    position: fixed;
    top: 16px;
    right: 16px;
    z-index: 1000;
}