/* ExpressAuto - motyw: czarny, żółty, szary.
   Ładowany po main.css. Kolor marki (żółty) jest w całym serwisie jeden: #FFC20E.
   Aby go zmienić, wystarczy zamienić tę wartość w katalogu media/css i templates. */

:root {
    --y: #FFC20E;       /* żółty marki */
    --y-dk: #E0A800;    /* żółty ciemniejszy (hover) */
    --y-lt: #FFF3C4;    /* żółty jasny (tło akcentów) */
    --ink: #111111;     /* czerń */
    --g-dk: #2b2b2b;    /* grafit (tekst) */
    --g-md: #6f6f6f;    /* szary */
    --g-lt: #eeeeee;    /* jasny szary */
}

body { color: var(--g-dk); background: #f5f5f5; }

/* ---------- linki ---------- */
a { color: var(--ink); }
a:hover, a:focus { color: var(--ink); }
section p a, section li a, section h4 a, section td a, .container p a {
    text-decoration: underline; text-decoration-color: var(--y); text-decoration-thickness: 2px; text-underline-offset: 3px;
}
section p a:hover, section li a:hover, section h4 a:hover { background: var(--y); text-decoration: none; }

/* ---------- przyciski ---------- */
.btn-primary, .btn-success { background: var(--y); color: var(--ink); font-weight: 700; }
.btn-primary:hover, .btn-primary:focus, .btn-success:hover, .btn-success:focus { background: var(--y-dk); color: var(--ink); }
.btn.btn-link { color: var(--ink); }

/* ---------- nawigacja ---------- */
header.navbar .nav > li > a { color: var(--ink); }
header.navbar .nav > li > a:hover,
header.navbar .nav > li.active > a,
header.navbar .nav > li.active > a:hover,
header.navbar .nav > li.dropdown.open > a.dropdown-toggle,
.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav > li > a:focus, .navbar .nav > li > a:hover {
    background: var(--y); color: var(--ink);
}
.dropdown-menu > li > a { color: var(--ink); }
.dropdown-menu > .active > a, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a, .dropdown-submenu:focus > a { background: var(--y); color: var(--ink); }
.navbar-question, .navbar-question a { background: var(--y); color: var(--ink) !important; }
.navbar-question a:hover { color: var(--ink) !important; background: var(--y-dk) !important; }

/* ---------- belka tytułu podstrony ---------- */
.title { background: var(--ink); color: #fff; border-bottom: 6px solid var(--y); }
.title h1 { color: #fff; }
ul.breadcrumb > li > a, ul.breadcrumb > li .divider { color: #fff; }
ul.breadcrumb > li.active { color: var(--y); }

/* ---------- elementy z żółtym tłem: czarny tekst ---------- */
#clients { background: var(--y); }
#clients h2, #clients h3, #clients h4 { color: var(--ink) !important; }
#clients .btn { background: var(--ink); color: var(--y) !important; }
#clients .btn h3 { color: var(--y) !important; margin: 0; }
.icon-medium { background: var(--y); color: var(--ink); }
ul.gallery li .preview .links > a { background: var(--y); color: var(--ink); text-shadow: none; }
ul.faq li span.number, ul.faq li span.number-parent, .widget .date, .widget .date > span { background: var(--y); color: var(--ink); }
.span-orange { color: var(--ink); background: var(--y); padding: 0 6px; font-weight: 700; }
.card span { color: var(--ink); }
blockquote { border-left-color: var(--y); }

/* ---------- tabele (cenniki) ---------- */
.tabela-cennik tr th { background: var(--ink); color: var(--y); }
.table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th { background: #f1f1f1; }

/* ---------- formularze ---------- */
select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus,
input[type="tel"]:focus, input[type="search"]:focus, .uneditable-input:focus { border-color: var(--y); }

/* ---------- stopka ---------- */
#bottom { background: #232323; color: #b9b9b9; }
#bottom h1, #bottom h2, #bottom h3, #bottom h4, #bottom h5, #bottom h6 { color: #fff; }
#bottom a { color: #e8e8e8; text-decoration: none; }
#bottom a:hover { color: var(--y); background: transparent; text-decoration: none; }
#bottom ul.address > li > i { color: var(--y); }
#footer { background: var(--ink); color: var(--g-md); }
#footer a { color: #bdbdbd; }
#footer a:hover { color: var(--y); }
#footer #gototop { background: #2b2b2b; color: var(--y); }
#footer #gototop:hover { background: #3a3a3a; }
hr[style*="FFC20E"] { border-color: var(--ink) !important; }
#bottom hr { border-color: var(--y) !important; }

/* ---------- sekcje ciemne ---------- */
#services { background: #1b1b1b; color: #b5b5b5; }
#services h1, #services h2, #services h3, #services h4, #services h5, #services h6 { color: #fff; }
#recent-works { background: var(--y); color: var(--ink); }

/* ---------- logo ---------- */
header #logo { width: 248px; height: 70px; background: url(../images/logo.png?v=3) no-repeat 0 50% / contain; margin: 5px 0 5px 22px; }
@media (max-width: 767px) { header #logo { width: 190px; height: 54px; margin-left: 12px; } }