/* =====================================================================
   Motyw ciemny dla podstron na wspólnym szablonie (Inżynieria, Pracownia, Kontakt)
   Klasy Tailwinda dark:* działają dzięki klasie .dark na <html>,
   tutaj poprawiamy elementy z własnymi, „twardymi” kolorami.
   ===================================================================== */
[data-theme="dark"] {
  --lg-bg: #0d1117;
  --lg-bg-2: #111827;
  --lg-surface: #172030;
  --lg-surface-2: #1f2a3c;
  --lg-border: rgba(255, 255, 255, .09);
  --lg-text: #f3f4f6;
  --lg-muted: #a3acb9;
  --lg-accent: #63bcff;
}
[data-theme="dark"] body { background: var(--lg-bg); color: var(--lg-text); }

/* tła sekcji */
[data-theme="dark"] .bg-white,
[data-theme="dark"] .bg-black,
[data-theme="dark"] .dark\:bg-gray-900 { background-color: var(--lg-bg) !important; }
[data-theme="dark"] .dark\:bg-gray-800,
[data-theme="dark"] .bg-black2,
[data-theme="dark"] .bg-indygo { background-color: var(--lg-bg-2) !important; }
[data-theme="dark"] .bg-line { background-image: none; }
[data-theme="dark"] .bg-svg { background-image: none; background-color: var(--lg-bg) !important; }
[data-theme="dark"] .footer-bg { background-color: #090c11 !important; border-top: 1px solid var(--lg-border); }

/* nagłówki i teksty z twardymi kolorami */
[data-theme="dark"] .titleSvg h2,
[data-theme="dark"] .ofertTag,
[data-theme="dark"] .partners h1,
[data-theme="dark"] .faq-container h1,
[data-theme="dark"] .text-section h1,
[data-theme="dark"] #r47u4sygh9 h3,
[data-theme="dark"] .containerCount,
[data-theme="dark"] .contact-form h1,
[data-theme="dark"] .dzialy-kontakt h2,
[data-theme="dark"] .dzial-card h3,
[data-theme="dark"] .kontakt-adres,
[data-theme="dark"] .kontakt-adres strong,
[data-theme="dark"] .images-about-text p,
[data-theme="dark"] .text-gray-900 { color: var(--lg-text) !important; }
[data-theme="dark"] .partners h4,
[data-theme="dark"] .faq-container p,
[data-theme="dark"] .text-section h2,
[data-theme="dark"] .point,
[data-theme="dark"] .point strong,
[data-theme="dark"] #r47u4sygh9 p,
[data-theme="dark"] .faq-answer p,
[data-theme="dark"] .contact-form > p,
[data-theme="dark"] .dzial-card p,
[data-theme="dark"] .fiveInput p,
[data-theme="dark"] .text-gray-500 { color: var(--lg-muted) !important; }
[data-theme="dark"] .footer-bg a,
[data-theme="dark"] .footer-bg li,
[data-theme="dark"] .fiveInput a { color: #cbd5e1 !important; }
[data-theme="dark"] .footer-bg a:hover { color: #fff !important; }
[data-theme="dark"] .footer-bg h3 { color: #fff !important; }
[data-theme="dark"] .ofertTag { border-color: rgba(255, 255, 255, .5) !important; }

/* ikony z kropek (Jak działamy?) – ciemne kropki → jasne */
[data-theme="dark"] #r47u4sygh9 circle[fill="#161616"] { fill: #e5e7eb; }
[data-theme="dark"] #r47u4sygh9 circle[fill="#bec0c3"] { fill: #3b4656; }

/* karty „Firma w liczbach” */
[data-theme="dark"] .containerCount .card:not(.blue) { background-color: var(--lg-surface); }
[data-theme="dark"] .containerCount .card h3 { color: #fff; }
[data-theme="dark"] .containerCount .card p { color: var(--lg-muted); }
[data-theme="dark"] .card.blue { background-color: #1f6fb2; }

/* partnerzy – wygaszone krawędzie paska logotypów */
[data-theme="dark"] .slider::before, [data-theme="dark"] .slider::after { background: linear-gradient(to right, var(--lg-bg) 0%, rgba(13, 17, 23, 0) 100%); }
[data-theme="dark"] .customer-logos .slide img { filter: grayscale(1) invert(1) brightness(1.6); mix-blend-mode: screen; opacity: .75; }
[data-theme="dark"] .customer-logos .slide img:hover { filter: none; mix-blend-mode: normal; opacity: 1; }

/* FAQ (Pracownia) */
[data-theme="dark"] .faq-item { background-color: var(--lg-surface); border-color: var(--lg-border); box-shadow: none; }
[data-theme="dark"] .faq-item.active { background-color: #16324a !important; }
[data-theme="dark"] .faq-question, [data-theme="dark"] .faq-question span { color: var(--lg-text); }
[data-theme="dark"] .ask-question { background-color: #f3f4f6; color: #111827; }
[data-theme="dark"] .ask-question:hover { background-color: #fff; }

/* przyciski obrysowe */
[data-theme="dark"] .realizacjeBtn { color: #fff; border-color: rgba(255, 255, 255, .6); }
[data-theme="dark"] .realizacjeBtn svg { color: #fff; }
[data-theme="dark"] .realizacjeBtn:hover { background-color: rgba(255, 255, 255, .1); }

/* ciemne sekcje kontaktu i „partner w projektowaniu” */
[data-theme="dark"] .contentCar, [data-theme="dark"] .containerCar { background: transparent; }

/* Kontakt – karta formularza i karty działów */
[data-theme="dark"] .kontakt-box,
[data-theme="dark"] .dzial-card { background: var(--lg-surface); box-shadow: 0 0 0 1px var(--lg-border); }
[data-theme="dark"] .bg-line .kontakt-box { background: var(--lg-surface); }
[data-theme="dark"] .contact-links a, [data-theme="dark"] .dzial-more { color: var(--lg-accent); }
[data-theme="dark"] .input-group select { background: var(--lg-bg); color: var(--lg-text); border-color: rgba(255, 255, 255, .25); }
[data-theme="dark"] .input-group > label[for="kontakt-dzial"] { color: var(--lg-muted); }

/* pola formularzy (jasne tło etykiet „pływających”) */
[data-theme="dark"] .input-group input,
[data-theme="dark"] .input-group textarea { color: var(--lg-text); border-color: rgba(255, 255, 255, .3); background: transparent; }
[data-theme="dark"] .input-group label { color: var(--lg-muted); }
[data-theme="dark"] .input-group input:focus ~ label, [data-theme="dark"] .input-group input:valid ~ label,
[data-theme="dark"] .input-group textarea:focus ~ label, [data-theme="dark"] .input-group textarea:valid ~ label { background: var(--lg-surface); color: var(--lg-accent); }
[data-theme="dark"] .bg-black2 .input-group input:focus ~ label, [data-theme="dark"] .bg-black2 .input-group input:valid ~ label,
[data-theme="dark"] .bg-black2 .input-group textarea:focus ~ label, [data-theme="dark"] .bg-black2 .input-group textarea:valid ~ label,
[data-theme="dark"] .bg-black .input-group input:focus ~ label, [data-theme="dark"] .bg-black .input-group input:valid ~ label,
[data-theme="dark"] .bg-black .input-group textarea:focus ~ label, [data-theme="dark"] .bg-black .input-group textarea:valid ~ label { background: var(--lg-bg-2); }
[data-theme="dark"] .dzial-card h3 a { color: inherit; }