/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 31 2025 | 12:57:57 */
/* --- RAWINPUT BLOG SYSTEM START --- */

/* 1. TYTUŁ WPISU (Post Title) */
/* Szukamy widgetu tytułu w Elementorze lub domyślnego WP */
.elementor-widget-theme-post-title h1,
body.single-post .entry-title {
    color: #ffffff !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 38px !important; /* Duży, byczy tytuł */
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-transform: uppercase;
    letter-spacing: -1px !important;
    margin-bottom: 10px !important;
    text-shadow: 0 0 20px rgba(0,0,0,0.8); /* Lekki cień pod tekstem */
}

/* 2. META DANE (Data, Autor - to "coś jeszcze") */
.elementor-widget-post-info,
.entry-meta {
    color: #666 !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    font-weight: 700 !important;
    margin-bottom: 30px !important;
    border-bottom: 1px solid #222; /* Linia oddzielająca nagłówek od treści */
    padding-bottom: 20px;
}

.elementor-widget-post-info a,
.entry-meta a {
    color: #00DDFF !important; /* Linki w meta (np. kategoria) na cyjan */
}

/* 3. TREŚĆ WPISU (Post Content) - GŁÓWNA MAGIA */
.elementor-widget-theme-post-content,
body.single-post .entry-content {
    color: #d0d0d0 !important; /* Jasnoszary tekst, nie biały (mniej męczy oczy) */
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
}

/* --- AUTOMATYCZNE STYLOWANIE ELEMENTÓW WEWNĄTRZ TREŚCI --- */

/* Akapity */
.elementor-widget-theme-post-content p,
body.single-post .entry-content p {
    margin-bottom: 22px !important;
}

/* Nagłówki H2 (Główne sekcje) - Tech Look */
.elementor-widget-theme-post-content h2,
body.single-post .entry-content h2 {
    color: #fff !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    margin-top: 50px !important;
    margin-bottom: 20px !important;
    padding-left: 15px !important;
    border-left: 4px solid #00DDFF !important; /* Cyjanowa krecha z boku */
    background: linear-gradient(90deg, rgba(0,221,255,0.05) 0%, transparent 100%);
}

/* Nagłówki H3 (Pytania / Mniejsze sekcje) */
.elementor-widget-theme-post-content h3,
body.single-post .entry-content h3 {
    color: #00DDFF !important; /* Cyjanowy tekst */
    font-size: 18px !important;
    font-weight: 700 !important;
    margin-top: 30px !important;
    margin-bottom: 15px !important;
}

/* Listy (Kropki) - zamykamy je w ciemnym pudełku */
.elementor-widget-theme-post-content ul,
body.single-post .entry-content ul {
    background: #0d0d0d !important;
    padding: 25px 25px 25px 45px !important;
    border-radius: 4px;
    border: 1px solid #222;
    margin-bottom: 25px !important;
}

.elementor-widget-theme-post-content li,
body.single-post .entry-content li {
    margin-bottom: 8px !important;
    color: #ccc !important;
}

/* Linki w tekście */
.elementor-widget-theme-post-content a,
body.single-post .entry-content a {
    color: #fff !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    border-bottom: 1px solid #00DDFF;
    transition: 0.2s ease;
}

.elementor-widget-theme-post-content a:hover,
body.single-post .entry-content a:hover {
    background: #00DDFF;
    color: #000 !important;
}

/* CYTAT (Blockquote) -> ZAMIENIAMY W BOX "VERIFIED" */
.elementor-widget-theme-post-content blockquote,
body.single-post .entry-content blockquote {
    background: #080808 !important;
    border: 1px solid #333 !important;
    border-top: 3px solid #00DDFF !important;
    margin: 40px 0 !important;
    padding: 30px !important;
    color: #fff !important;
    font-style: normal !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}

/* Bonus: Dodajemy napis "INFO" nad cytatem */
.elementor-widget-theme-post-content blockquote::before,
body.single-post .entry-content blockquote::before {
    content: "IMPORTANT / INFO";
    display: block;
    color: #00DDFF;
    font-size: 10px;
    letter-spacing: 3px;
    font-weight: 900;
    margin-bottom: 15px;
    opacity: 0.8;
}

/* BONUS: Zaznaczanie tekstu (Highlight) */
/* Jak klient zaznaczy tekst myszką, będzie cyjanowy a nie niebieski */
::selection {
    background: #00DDFF;
    color: #000;
}

/* --- RAWINPUT BLOG SYSTEM END --- */