/* ===== CHEN QC WAT - FRONTEND STYLES ===== */

/* --- Banner trong nội dung bài (chế độ cũ) --- */
.chen-qc-wat-wrapper {
    clear: both;
    overflow: hidden;
}
.chen-qc-wat-label {
    margin-bottom: 6px;
}
.chen-qc-wat-label span {
    display: inline-block;
    font-size: 11px;
    color: #999;
    border: 1px solid #ddd;
    padding: 1px 7px;
    border-radius: 3px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    background: #fafafa;
}
.chen-qc-wat-banner { display: inline-block; }
.chen-qc-wat-banner-link {
    display: inline-block;
    transition: opacity 0.2s, transform 0.2s;
}
.chen-qc-wat-banner-link:hover { opacity: 0.92; transform: translateY(-1px); }
.chen-qc-wat-banner-img { display: block; height: auto; box-shadow: 0 2px 12px rgba(0,0,0,.10); }

/* --- Sticky bottom banner --- */
#chen-qc-wat-sticky {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    background: #fff;
    box-shadow: 0 -3px 20px rgba(0,0,0,0.20);
}

#chen-qc-wat-sticky img {
    max-height: 120px;
    width: 100%;
    object-fit: cover;
    display: block;
}

@keyframes cwatSlideUp {
    from { transform: translateY(100%); opacity: 0; }
    to   { transform: translateY(0);    opacity: 1; }
}

@media (max-width: 600px) {
    #chen-qc-wat-sticky img { max-height: 72px; }
}

/* Đẩy nội dung trang lên tránh bị sticky che */
body.chen-qc-wat-has-sticky {
    padding-bottom: 130px;
}