/* =============================================
   Magdalena Łukasiewicz Fotografia
   Custom Dark Theme Overrides
   ============================================= */

/* --- Blog: wyłącz animację zdjęć --- */
.blog-post .dlab-img-effect.rotate img,
.blog-post .dlab-img-effect img {
    transform: none !important;
    transition: none !important;
    animation: none !important;
}

/* --- Global dark background --- */
body#bg {
    background-color: #111;
}

.page-wraper {
    background-color: #111;
}

/* --- Section backgrounds --- */
.section-full {
    background-color: #111;
}

/* Override light bg1.jpg with dark background */
.section-full[style*="bg1.jpg"],
.section-full[style*="bg2.jpg"],
.section-full[style*="bg3.jpg"],
.section-full[style*="bg4.jpg"] {
    background-image: url(background/black-bg-1.jpg) !important;
    background-size: cover !important;
}

/* --- Content inner sections --- */
.content-inner,
.content-inner-1,
.content-inner-2,
.content-inner-3,
.content-inner-4 {
    background-color: #111;
}

/* --- Blog cards dark theme --- */
.blog-post {
    background-color: #1a1a1a !important;
}

.blog-post .dlab-post-info {
    background-color: #1a1a1a;
    padding: 20px;
}

.blog-post h4.post-title a,
.blog-post h4.post-title a:hover {
    color: #e0e0e0;
}

.blog-post .dlab-post-text p {
    color: #aaa;
}

.blog-post .dlab-post-meta ul li,
.blog-post .dlab-post-meta ul li a {
    color: #888;
}

/* --- Contact page dark theme --- */
.contact-form {
    background-color: #111;
}

.icon-bx-wraper.bx-style-1 {
    background-color: #1a1a1a;
    border-color: #333;
}

.icon-bx-wraper h5,
.icon-bx-wraper h6 {
    color: #ddd;
}

.icon-bx-wraper p {
    color: #ddd;
}

.icon-bx-wraper p a {
    color: #ddd;
}

.icon-bx-wraper p a:hover {
    color: #fff;
}

.form-controls,
textarea {
    background-color: #1a1a1a !important;
    border: 1px solid #444 !important;
    color: #ddd !important;
}

.form-controls::placeholder,
textarea::placeholder {
    color: #777;
}

/* --- Footer dark --- */
.site-footer {
    background-color: #0d0d0d;
}

.site-footer p,
.site-footer li a,
.site-footer .rssSummary,
.site-footer cite {
    color: #888;
}

.site-footer li a:hover {
    color: #ccc;
}

/* --- Headings colors --- */
h1, h2, h3, h4, h5, h6 {
    color: #ddd;
}

p {
    color: #aaa;
}

/* --- Sticky header dark --- */
.sticky-header.is-fixed .main-bar {
    background-color: #111 !important;
}

/* --- Loading area dark --- */
#loading-area {
    background-color: #111;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

/* --- Pagination dark --- */
.pagination .page-link {
    background-color: #1a1a1a;
    border-color: #333;
    color: #ddd;
}

.pagination .page-item.active .page-link {
    background-color: #444;
    border-color: #555;
}

/* --- Blog sidebar dark (if applicable) --- */
.widget {
    background-color: #1a1a1a;
}

/* --- Inner page banner --- */
.dlab-bnr-inr {
    position: relative;
}

/* --- Logo --- */
.site-header .logo-header.mostion img {
    width: auto !important;
    max-height: 54px;
}

/* --- Footer tagline --- */
.footer-tagline {
    background-color: #0a0a0a;
    padding: 24px 0 16px;
    border-top: 1px solid #222;
    border-bottom: 1px solid #1a1a1a;
}

.footer-tagline .footer-quote {
    font-size: 15px;
    font-style: italic;
    color: #bbb;
    margin-bottom: 4px;
}

.footer-tagline .footer-brand {
    font-size: 13px;
    color: #666;
    letter-spacing: 0.04em;
    margin-bottom: 0;
}