/* --- HIỆU ỨNG RUNG --- */
@keyframes cpm-extreme-shake {
    0% { transform: scale(1) rotate(0); }
    12% { transform: scale(1.2) rotate(-8deg); }
    24% { transform: scale(1.2) rotate(8deg); }
    36% { transform: scale(1.2) rotate(-8deg); }
    48% { transform: scale(1.2) rotate(8deg); }
    60% { transform: scale(1) rotate(0); }
    100% { transform: scale(1) rotate(0); }
}

/* CONTAINER CHÍNH - BẤT TỬ */
.cpm-main-container { 
    pointer-events: none; 
    position: fixed !important; 
    display: flex !important; 
    flex-direction: column !important; 
    /* Z-index tối đa 32-bit: Đè lên mọi Popup, Overlay, Slider */
    z-index: 2147483647 !important; 
    /* Cô lập lớp hiển thị khỏi phần còn lại của website */
    isolation: isolate !important;
    /* Ép render ở layer phần cứng cao nhất */
    transform: translateZ(0) !important;
    -webkit-transform: translateZ(0) !important;
}

.cpm-pos-left { left: 10px !important; align-items: flex-start !important; }
.cpm-pos-right { right: 10px !important; align-items: flex-end !important; }

/* KHỐI TỪNG NÚT */
.cpm-block { 
    margin-bottom: 7px !important; 
    pointer-events: auto; 
    display: block !important; 
    width: fit-content !important;
    position: relative !important;
    z-index: 2147483647 !important;
}

.cpm-action-link { 
    display: flex !important; 
    align-items: center !important; 
    text-decoration: none !important; 
    border: none !important; 
}

/* ICON BOX - GIỮ NGUYÊN TỈ LỆ 1.15 VÀ KÍCH THƯỚC CHUẨN 44PX */
.cpm-icon-box {
    width: 44px !important; 
    height: 44px !important;
    min-width: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 10;
    position: relative;
    transform: scale(1.15) !important; 
}

.cpm-mode-1 .cpm-icon-box {
    background: #fff !important;
    border-radius: 50% !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2) !important;
}

.cpm-icon-box img { 
    width: 30px !important; 
    height: 30px !important; 
    object-fit: contain !important;
    animation: cpm-extreme-shake 2.2s infinite;
}

/* TEXT BOX - PADDING CHUẨN */
.cpm-text-box {
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    z-index: 5;
    padding: 8px 15px 8px 25px !important; 
}

/* ĐIỀU CHỈNH VỊ TRÍ TRÁI/PHẢI */
.cpm-pos-left .cpm-text-box {
    margin-left: -20px !important;
    border-radius: 0 40px 40px 0 !important;
}

.cpm-pos-right .cpm-action-link { flex-direction: row-reverse !important; }
.cpm-pos-right .cpm-text-box {
    padding: 8px 25px 8px 15px !important;
    margin-right: -20px !important;
    margin-left: 0 !important;
    border-radius: 40px 0 0 40px !important;
}

/* HỆ THỐNG MÀU NỀN */
.cpm-bg-orange { background: #f39c12 !important; }
.cpm-bg-red { background: #e74c3c !important; }
.cpm-bg-red-light { background: #ff5e4d !important; }
.cpm-bg-blue { background: #0180c7 !important; }
.cpm-bg-blue-light { background: #2e62f0 !important; }

/* TYPE 3 & 4 */
.cpm-mode-3 .cpm-action-link, .cpm-mode-4 .cpm-action-link { border-radius: 10px !important; }
.cpm-mode-3 .cpm-text-box, .cpm-mode-4 .cpm-text-box { margin: 0 !important; padding: 8px 12px !important; background: transparent !important; }
.cpm-mode-4 .cpm-action-link { background: #0180c7 !important; }