/*
Theme Name: BW Business Theme
Theme URI: https://example.com/bw-business-theme
Author: You
Author URI: https://example.com
Description: Minimalistyczny motyw biznesowy z lepkim menu, górnym paskiem kontaktu, pełnoekranowym banerem (zdjęcie lub wideo) i stopką 3 kolumny. Kolory i treści edytowalne z poziomu administratora (Kokpit > Wygląd > Dostosuj).
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bw-business
*/
:root {
  --bw-dark: #000000;
  --bw-light: #ffffff;
  --bw-text-dark: #111111;
  --bw-text-light: #f5f5f5;
  --bw-accent: #28a8e0;
}
/* Reset & basics */
* { box-sizing: border-box; }
body { margin:0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; color: var(--bw-text-dark); }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; height: auto; display:block; }
.container { width: min(1200px, 92vw); margin: 0 auto; }
/* Top contact bar */
.topbar {
  background: var(--bw-dark);
  color: var(--bw-text-light);
  font-size: 14px;
}
.topbar .inner { display:flex; gap:24px; align-items:center; justify-content:flex-end; padding:8px 0; }
.topbar .item { display:flex; align-items:center; gap:8px; opacity:0.9; }
.topbar svg { width:16px; height:16px; }
/* Header / navigation */
.site-header {
  position: sticky; top:0; z-index: 1000;
  background: var(--bw-dark);
  color: var(--bw-text-light);
  transition: background .25s ease, color .25s ease, box-shadow .25s ease;
}
.site-header .inner { display:flex; align-items:center; justify-content:space-between; padding:14px 0; }
.site-branding { display:flex; align-items:center; gap:12px; }
.site-title { font-weight:700; font-size:20px; }
.primary-menu { display:flex; align-items:center; gap:24px; list-style:none; margin:0; padding:0; }
.primary-menu a { padding:6px 4px; opacity:0.95; }
.primary-menu a:hover, .primary-menu .current-menu-item > a { opacity:1; border-bottom:2px solid var(--bw-accent); }
/* Scrolled styles */
.is-scrolled .site-header {
  background: var(--bw-light); color: var(--bw-text-dark);
  box-shadow: 0 6px 24px rgba(0,0,0,.08);
}
.is-scrolled .site-header a { color: var(--bw-text-dark); }
/* Banner */
.hero { width:100%; position:relative; }
.hero--media { aspect-ratio: 21/9; background:#000; overflow:hidden; }
.hero--media img, .hero--media video { width:100%; height:100%; object-fit:cover; display:block; }
.hero__overlay {
  position:absolute; inset:0; background: linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.35));
}
/* Page content basics */
main { padding:40px 0; }
/* Footer */
.site-footer { background: var(--bw-dark); color: var(--bw-text-light); }
.site-footer .inner { display:grid; grid-template-columns: 1.2fr 1fr 1fr; gap:28px; padding:42px 0; }
.site-footer h4 { margin:0 0 12px; font-size:16px; text-transform:uppercase; letter-spacing:.02em; }
.site-footer ul { list-style:none; padding:0; margin:0; display:grid; gap:8px; }
.site-footer a { opacity:.9; }
.site-footer a:hover { opacity:1; text-decoration: underline; }
.footer-bottom { border-top:1px solid rgba(255,255,255,.1); padding:14px 0; font-size:13px; opacity:.8; }
.custom-logo { max-height:42px; width:auto; }
@media (max-width: 900px) {
  .site-footer .inner { grid-template-columns: 1fr; }
  .topbar .inner { justify-content: center; flex-wrap: wrap; }
  .primary-menu { gap:16px; }
}