/*
Theme Name: Veloci
Theme URI: https://veloci.pl
Author: Veloci
Description: Motyw strony ofertowej Veloci - systemu do obslugi warsztatow samochodowych. Zbudowany na Tailwindzie kompilowanym lokalnie, bez CDN-a.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 8.2
License: GPL-2.0-or-later
Text Domain: veloci
*/

/*
 * Wyglad siedzi w assets/css/veloci.css (Tailwind). Ten plik jest wymagany
 * przez WordPressa dla naglowka motywu - trzymamy w nim tylko to, czego
 * nie da sie zalatwic klasami: style tresci wpisow z edytora.
 */

.tresc > * + * {
    margin-top: 1.25rem;
}

.tresc h2 {
    font-size: 1.75rem;
    font-weight: 700;
    color: #22282d;
    margin-top: 2.5rem;
}

.tresc h3 {
    font-size: 1.35rem;
    font-weight: 700;
    color: #22282d;
    margin-top: 2rem;
}

.tresc p,
.tresc li {
    color: #4a555e;
    line-height: 1.75;
}

.tresc ul,
.tresc ol {
    padding-left: 1.5rem;
}

.tresc ul {
    list-style: disc;
}

.tresc ol {
    list-style: decimal;
}

.tresc a {
    color: #d91f27;
    text-decoration: underline;
}

.tresc img {
    border-radius: 0.75rem;
}

.tresc blockquote {
    border-left: 2px solid #d6dade;
    padding-left: 1.25rem;
    font-style: italic;
    color: #313a41;
}

/*
 * Dokumenty prawne (regulamin, polityka prywatnosci). Zagniezdzone listy
 * i dlugie akapity potrzebuja wiecej powietrza niz wpis na blogu, a numeracja
 * musi byc widoczna, bo w takich dokumentach ludzie powoluja sie na punkty.
 */
.tresc .lead {
    font-size: 1.05rem;
    color: #313a41;
}

.dokument h2 {
    font-size: 1.4rem;
    margin-top: 2.75rem;
    scroll-margin-top: 6rem;
}

.dokument h3 {
    font-size: 1.1rem;
    margin-top: 1.75rem;
}

.dokument ol > li,
.dokument ul > li {
    margin-top: 0.6rem;
}

.dokument ol ul,
.dokument ol ol {
    margin-top: 0.6rem;
    padding-left: 1.25rem;
}

.dokument ol > li::marker {
    color: #22282d;
    font-weight: 600;
}

/*
 * Miejsca do uzupelnienia przed publikacja (dane firmy, dostawcy hostingu).
 * Zolte tlo jest celowo krzykliwe - dokument nie moze pojsc na produkcje
 * z nawiasem kwadratowym w srodku.
 */
.dokument .luka {
    background: #fff3cd;
    color: #7a5b00;
    padding: 0 0.25rem;
    border-radius: 0.2rem;
    font-weight: 600;
}