/* CONTAINER CHÍNH CỦA BẢNG TÍNH GIÁ PHÒNG */
.mt-zalo-calc-box-wrapper {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 14px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
    margin-bottom: 30px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
}

.mt-calc-header-title {
    font-size: 15px !important;
    font-weight: 800 !important;
    color: #1a202c !important;
    margin-bottom: 12px !important;
    text-transform: uppercase !important;
    border-bottom: 2px solid #edf2f7 !important;
    padding-bottom: 8px !important;
}

/* DANH SÁCH HẠNG PHÒNG - CARD MOBILE FLEXBOX */
.mt-room-card {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 10px 0 !important;
    border-bottom: 1px dashed #e2e8f0 !important;
    gap: 8px !important;
}

.mt-room-info {
    flex: 1 !important;
    min-width: 0 !important;
}

.mt-room-info .room-title {
    font-weight: 700 !important;
    font-size: 14px !important;
    color: #2d3748 !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.mt-room-info .room-price {
    font-size: 13px !important;
    color: #e53e3e !important;
    font-weight: 700 !important;
    margin-top: 2px !important;
}

/* KHỐI TĂNG GIẢM SỐ LƯỢNG - ÉP NẰM NGANG CỐ ĐỊNH */
.mt-qty-control {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    background: #f7fafc !important;
    border: 1px solid #cbd5e0 !important;
    border-radius: 6px !important;
    padding: 2px !important;
    width: 110px !important;
    min-width: 110px !important;
    height: 36px !important;
    box-sizing: border-box !important;
}

.mt-qty-control .btn-qty {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 4px !important;
    font-weight: 800 !important;
    font-size: 16px !important;
    line-height: 1 !important;
    color: #2b6cb0 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important;
}

.mt-qty-control .input-room-qty {
    width: 40px !important;
    min-width: 40px !important;
    height: 30px !important;
    border: none !important;
    background: transparent !important;
    text-align: center !important;
    font-weight: 800 !important;
    font-size: 14px !important;
    color: #1a202c !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
}

/* TỔNG TIỀN TẠM TÍNH */
.mt-calc-total-bar {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    background: #fffaf0 !important;
    border: 1px solid #feebc8 !important;
    padding: 10px 12px !important;
    border-radius: 8px !important;
    margin: 12px 0 !important;
    font-size: 14px !important;
    color: #742a2a !important;
}

.mt-calc-total-bar strong {
    font-size: 16px !important;
    color: #c53030 !important;
    font-weight: 900 !important;
}

/* CHỌN NGÀY CHECK-IN / CHECK-OUT */
.mt-calc-dates-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    margin-bottom: 12px !important;
}

.mt-calc-dates-grid .date-item {
    display: flex !important;
    flex-direction: column !important;
}

.mt-calc-dates-grid label {
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #4a5568 !important;
    margin-bottom: 4px !important;
}

.mt-calc-dates-grid input[type="date"] {
    width: 100% !important;
    height: 38px !important;
    padding: 6px 8px !important;
    border: 1px solid #cbd5e0 !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    background: #ffffff !important;
    box-sizing: border-box !important;
}

/* KHỐI KHAN HIẾM (COUNTDOWN TIMER) */
.mt-scarcity-timer-box {
    background: #fff5f5 !important;
    border: 1px dashed #feb2b2 !important;
    color: #c53030 !important;
    padding: 8px !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-align: center !important;
    margin-bottom: 12px !important;
}

#mt-countdown-timer {
    background: #e53e3e !important;
    color: #ffffff !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
    font-family: monospace !important;
    font-size: 13px !important;
}

/* KHỐI GỘP SĐT + NÚT GIỮ GIÁ NGAY CỰC GỌN TRÊN MOBILE */
.mt-lead-capture-block {
    margin-bottom: 12px !important;
}

.mt-input-group {
    display: flex !important;
    flex-direction: row !important;
    border: 2px solid #38a169 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background: #ffffff !important;
}

.mt-input-group input[type="tel"] {
    flex: 1 !important;
    border: none !important;
    padding: 0 10px !important;
    font-size: 13px !important;
    outline: none !important;
    box-shadow: none !important;
    height: 42px !important;
    margin: 0 !important;
    background: transparent !important;
}

.mt-btn-hold-price {
    background: #38a169 !important;
    color: #ffffff !important;
    border: none !important;
    padding: 0 12px !important;
    font-weight: 800 !important;
    font-size: 12px !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    height: 42px !important;
    margin: 0 !important;
}

/* NÚT GỌI XÁC NHẬN CTA SIÊU NỔI BẬT */
.mt-call-submit-btn-v2 {
    width: 100% !important;
    background: linear-gradient(135deg, #dd6b20 0%, #ed8936 100%) !important;
    color: #ffffff !important;
    border: none !important;
    padding: 10px 14px !important;
    border-radius: 10px !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    box-shadow: 0 4px 12px rgba(221, 107, 32, 0.4) !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
}

.mt-btn-icon-pulse {
    background: rgba(255, 255, 255, 0.25) !important;
    padding: 6px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.mt-btn-text-content {
    display: flex !important;
    flex-direction: column !important;
    text-align: left !important;
}

.mt-btn-text-content .main-text {
    font-weight: 900 !important;
    font-size: 14px !important;
    color: #ffffff !important;
    line-height: 1.2 !important;
}

.mt-btn-text-content .sub-text {
    font-size: 10px !important;
    color: #feebc8 !important;
    margin-top: 2px !important;
    font-weight: 600 !important;
}