/* TrustMate widget on mobile - normally it's in the middle of the screen (top: 50%) */
@media (max-width: 768px) and (max-width: 768px) {
    .tm-lemur-container .tm-lemur-sticker-mobile.mobile-left-3, .tm-lemur-container .tm-lemur-sticker-mobile.mobile-right-3 {
        top: initial !important;
        bottom: 10%;
    }
}

/* Nawigacja - Promocje na czerwono */
a.nav-link[title=Promocje] {
    color: red;
}

/* ------------------- Karta produktu ------------------- */

/* Ukryj liczbę sztuk w magazynie na karcie produktu */
.projector_status__info_amount {
    display: none !important;
}

/* Ukrycie części informacji na karcie produktu,
żeby panel po prawej za bardzo nie rozjeżdżał się względem kolumny z opisem */
form#projector_form div.projector_safe {
    display: none;
}

form#projector_form div.projector_paypo {
    display: none;
}

/* ------------------- Blog ------------------- */

/* Obrazek bloga na całą szerokość artykułu */
#blog-item img.blog_image {
    max-width: 95%;
    float: none;
}

/* Blog - stylizacja sekcji artykułów */
div.blog-row {
    padding-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    line-height:1.5;
    font-size:14px;
    
    p {
        text-align: justify;
    }
}

div.blog-two-columns {
    > div.blog-half-width {
        @media (min-width: 900px) {
            width: 50%;
        }
        
        div.blog-half-width-image {
            text-align: center;
            
            img {
                width: auto;
                max-width: 60%;
                margin-bottom: 10px;
            }
            
            span {
                font-weight: bold;
            }
        }
    }
}

div.blog-row-4-items {
    > div.blog-row-item {
        @media (max-width: 899px) {
            width: 50%;
        }
        
        @media (min-width: 900px) {
            width: 25%;
        }
        
        text-align: center;
        
        img {
            width: auto;
            max-width: 60%;
            margin-bottom: 10px;
        }
        
        span {
            padding: 0 10px;
            font-weight: bold;
        }
    }
}

div.blog-category-link-button {
    button {
        background-color: #FFB600;
        border: none;
        color: black;
        padding: 15px 30px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        border-radius: 5px;
        font-size: 16px;
    }
}